none
AppBar的一些疑问 RRS feed

  • 问题


  • 1.请问像上图中1的位置所示的AppBar中的分隔符的style是什么?

    <!-- Standard App Bar buttons -->
      
        <Style x:Key="SkipBackAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
            <Setter Property="AutomationProperties.AutomationId" Value="SkipBackAppBarButton"/>
            <Setter Property="AutomationProperties.Name" Value="Skip Back"/>
            <Setter Property="Content" Value="&#xE100;"/>
        </Style>

    2.如上面代码所示,Content属性的Value,”&#xE100;“所对应的图标该在哪里查询呢?是否有列表列出系统内置的其他图标的valua,以供查询使用?

    谢谢!


    2012年4月9日 3:05

答案

  • Hi frglig,

    1: 请问你是用的什么元素作为分隔符的? 系统并没有提供一个专门是用来作为AppBar中按钮分隔的,这个是有你自己放置就可以了,比如你可以放置一个竖线

                    <StackPanel x:Name="LeftPanel" Orientation="Horizontal" Grid.Column="0" HorizontalAlignment="Left">
                        <Button x:Name="Edit" Style="{StaticResource EditAppBarButtonStyle}" Tag="Edit"/>
                        <Button x:Name="Save" Style="{StaticResource SaveAppBarButtonStyle}" Tag="Save"/>
                        <Line Fill="White" X1="0" Y1="20" X2="0" Y2="50" Stroke="White"/>
                        <Button x:Name="Delete" Style="{StaticResource DeleteAppBarButtonStyle}" Tag="Delete"/>
                     ....

    2: 目前还没有提供.Net for Metro的ICON索引,不过我们可以查看WinJS里面的ICON索引:http://msdn.microsoft.com/en-us/library/windows/apps/hh770557.aspx  比如你要用

    cancel

    cancel

    他的枚举顺序从0开始,值为10 (0xA),所以你就可以用 &#xE10A; 在XAML中使用它。


    Bob Bao [MSFT]
    MSDN Community Support | Feedback to us

    2012年4月11日 5:57
    版主
  • 谢谢版主Bob Bao的答复!

    问题1已解决。

    问题2通过版主提供的列表也找到了部分我需要的图标。但是貌似列表里面的顺序并不十分正确。这里提供出我查找的四个图标的content值,方便大家使用。

    showresults showresults &#xE15C;

    folder folder &#xE188;

    page page &#xE132;

    twopage twopage  &#xE11E;

    2012年4月11日 9:59

全部回复

  • Hi frglig,

    1: 请问你是用的什么元素作为分隔符的? 系统并没有提供一个专门是用来作为AppBar中按钮分隔的,这个是有你自己放置就可以了,比如你可以放置一个竖线

                    <StackPanel x:Name="LeftPanel" Orientation="Horizontal" Grid.Column="0" HorizontalAlignment="Left">
                        <Button x:Name="Edit" Style="{StaticResource EditAppBarButtonStyle}" Tag="Edit"/>
                        <Button x:Name="Save" Style="{StaticResource SaveAppBarButtonStyle}" Tag="Save"/>
                        <Line Fill="White" X1="0" Y1="20" X2="0" Y2="50" Stroke="White"/>
                        <Button x:Name="Delete" Style="{StaticResource DeleteAppBarButtonStyle}" Tag="Delete"/>
                     ....

    2: 目前还没有提供.Net for Metro的ICON索引,不过我们可以查看WinJS里面的ICON索引:http://msdn.microsoft.com/en-us/library/windows/apps/hh770557.aspx  比如你要用

    cancel

    cancel

    他的枚举顺序从0开始,值为10 (0xA),所以你就可以用 &#xE10A; 在XAML中使用它。


    Bob Bao [MSFT]
    MSDN Community Support | Feedback to us

    2012年4月11日 5:57
    版主
  • 谢谢版主Bob Bao的答复!

    问题1已解决。

    问题2通过版主提供的列表也找到了部分我需要的图标。但是貌似列表里面的顺序并不十分正确。这里提供出我查找的四个图标的content值,方便大家使用。

    showresults showresults &#xE15C;

    folder folder &#xE188;

    page page &#xE132;

    twopage twopage  &#xE11E;

    2012年4月11日 9:59
  • 确实是的,我测试前面几个没有问题,没想到后面的索引是不对应的. 

    Bob Bao [MSFT]
    MSDN Community Support | Feedback to us

    2012年4月11日 10:09
    版主
  • 留名标记
    2012年5月10日 3:35
  • 请问,我可以修改appbarbuttonstyle吗? 我想做的button是这个样子的,和系统提供的button的icon稍有不同,icon是我自己画的,但是不知道怎样跟换调原来的icon,还请指点。

    2012年8月3日 6:47
  • 系统的 Icon 其实只是 Segoe UI Symbol 字体的一些字符作为内容。你完全可以在此基础上直接设计一个自己的Image Button 比如:

            <AppBar>
                <StackPanel Orientation="Horizontal">
                    <Button Style="{StaticResource AppBarButtonStyle}" 
                            AutomationProperties.Name="Add photos">
                        <Image Source="Assets/addphoto.png"/>
                    </Button>
                </StackPanel>
            </AppBar>

    addphoto.png为我从你的帖子中切出来的: 


    Bob Bao [MSFT]
    MSDN Community Support | Feedback to us

    2012年8月6日 8:38
    版主