Windows Store App AppBarIcon / AppBar button style images

對於像我這些沒有藝術天份的Developer 要在App上加/Image 是一個十分難的是
如果要自己做AppBarButtonIcon/Image 我相信要完成一個Windows Store App的開發會耐要很長很長的時間

幸好在開發Windows Store App 上已經有一些已定義好的 AppBar Icon / AppBar button style images 可以給大家用

這些AppBarIcon / AppBar button style images 的 XAML Style 已經儲存在 Project上的StandardStyles.xaml
Project -> Common Folder -> StandardStyles.xaml
而且分開了十個不同的組別…
Windows Store App AppBar Button Image

Windows Store App AppBar Button Image

Windows Store App AppBar Button Image

Windows Store App AppBar Button Image

Windows Store App AppBar Button Image

Windows Store App AppBar Button Image

Windows Store App AppBar Button Image

Windows Store App AppBar Button Image

Windows Store App AppBar Button Image

Windows Store App AppBar Button Image

E.G.

大家只需要Un-comment 在你的 Windows Store App ProjectCommon 資料夾 上
StandardStyles.xaml
StandardStyles.xaml
你所想用Button相關的Style 之後在你想用的AppBarButton上應用這個Style 便可以了

大家可以以圖上的文字/Caption 找出相對的XAML Style

E.G.

<Button Style="{StaticResource ContactAppBarButton}" Name="AppBarBtnContact" Click="AppBarBtnContact_OnClick" />

詳情可以參考以下URL
http://msdn.microsoft.com/en-us/library/windows/apps/jj841127.aspx

Hope you find it useful

Leave a Reply