AppBarButtonSyle for WinRT

Question

Is there a list where I can look up values ​​for AppBarButtons?

If I look in StandardLayout.xaml, I found some examples such as

<Style x:Key="ZoomOutButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> <Setter Property="AutomationProperties.AutomationId" Value="ZoomOutButtonStyle"/> <Setter Property="AutomationProperties.Name" Value="Zoom Out"/> <Setter Property="Content" Value="&#xE1A4;"/> </Style> 

Is there a list for values ​​like

  

Thanks.

Answer 1

Launch the Symbol Map program and select the Segoe UI symbol from the list of fonts: -

the bit you are looking for in your example: & # xE1A4 just ignores & #x at the beginning. You can use any font viewer or check out the free version of Syncfusion Metro Studio (2 intro min vid) in Syncfusion Metro Studio FREE for more advanced icon manipulation.

Just have fun trying ...

Answer 2

See the full list of icons (found in StandardLayout.xaml) in the Segoe UI interface symbol along with their unicode values ​​at http://kishore1021.files.wordpress.com/2012/09/appbar.png . Under each icon you can see the name and unicode values.

To use one of these styles, you can simply use the following Xaml code in your code.

 <Button Style="{StaticResource RemoveAppBarButtonStyle}"/> 

Replace the word next to the StaticResource with the button you want.

When customizing the displayed button, you can get your own style from the base style and use setters to set properties with your desired values, as in the following code. Here I show the globe icon and the text below the icon is “Get location.”

 <Style x:Key="GlobeAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> <Setter Property="Content" Value="&#x128;" /> <Setter Property="AutomationProperties.Name" Value="Get Location> </Style> 

Answer 3

You can open the Symbol Map tool and install the font in Symgo UI Symbol. Values ​​taken from this font.

Answer 4

I found the following site pretty valuable when trying to work with Segoe UI characters:

http://msdn.microsoft.com/en-us/library/windows/apps/jj841126.aspx

If I cannot find what I want / need there, I usually use Metro Studio .