Udostępnij za pośrednictwem


List of windows store app bar button styles

By default when you create Windows Store Application using the Visual Studio project templates, Visual Studio adds a XAML resource dictionary (“StandardStyles.xaml”) file under common folder, this file contains styles that really simplify application development and ships with a set of App Bar button styles. These styles are by default commented, you can simply uncomment the ones you are using in your project.

I’ve listed each style here in the post with a visual image so you understand what’s available to use within your application and know how it looks like visually, If for some reason you don’t like the default text used in these buttons you can simply edit the property setter value named “AutomationProperties.Name” , defined in the StandardStyles.xaml file. Hopefully this will save you some time

To use these buttons simply add a button control and set the style property, see example below

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

STYLE

VISUAL

RefreshAppBarButtonStyle image
SkipBackAppBarButtonStyle image
SkipAheadAppBarButtonStyle image
PlayAppBarButtonStyle image
PauseAppBarButtonStyle image
EditAppBarButtonStyle image
SaveAppBarButtonStyle image
DeleteAppBarButtonStyle image
DiscardAppBarButtonStyle image
RemoveAppBarButtonStyle image
AddAppBarButtonStyle image
NoAppBarButtonStyle image
YesAppBarButtonStyle image
MoreAppBarButtonStyle image
RedoAppBarButtonStyle image
UndoAppBarButtonStyle image
HomeAppBarButtonStyle image
OutAppBarButtonStyle image
NextAppBarButtonStyle image
PreviousAppBarButtonStyle image
FavoriteAppBarButtonStyle image
PhotoAppBarButtonStyle image
SettingsAppBarButtonStyle image
VideoAppBarButtonStyle image
DownloadAppBarButtonStyle image
MailAppBarButtonStyle image
SearchAppBarButtonStyle image
HelpAppBarButtonStyle image
UploadAppBarButtonStyle image
EmojiAppBarButtonStyle image
TwoPageAppBarButtonStyle image
LeaveChatAppBarButtonStyle image
MailForwardAppBarButtonStyle image
ClockAppBarButtonStyle image
SendAppBarButtonStyle image
CropAppBarButtonStyle image
RotateCameraAppBarButtonStyle image
PeopleAppBarButtonStyle image
ClosePaneAppBarButtonStyle image
OpenPaneAppBarButtonStyle image
WorldAppBarButtonStyle image
FlagAppBarButtonStyle image
PreviewLinkAppBarButtonStyle image
GlobeAppBarButtonStyle image
TrimAppBarButtonStyle image
AttachCameraAppBarButtonStyle image
ZoomInAppBarButtonStyle image
BookmarksAppBarButtonStyle image

DocumentAppBarButtonStyle

image
ProtectedDocumentAppBarButtonStyle image
PageAppBarButtonStyle image
BulletsAppBarButtonStyle image
CommentAppBarButtonStyle image
Mail2AppBarButtonStyle image
ContactInfoAppBarButtonStyle image
HangUpAppBarButtonStyle image
ViewAllAppBarButtonStyle image
MapPinAppBarButtonStyle image
PhoneAppBarButtonStyle image
VideoChatAppBarButtonStyle image
SwitchAppBarButtonStyle image
ContactAppBarButtonStyle image
RenameAppBarButtonStyle image
PinAppBarButtonStyle image
MusicInfoAppBarButtonStyle image
GoAppBarButtonStyle image
KeyboardAppBarButtonStyle image
DockLeftAppBarButtonStyle image
DockRightAppBarButtonStyle image
DockBottomAppBarButtonStyle image
RemoteAppBarButtonStyle image
SyncAppBarButtonStyle image
RotateAppBarButtonStyle image
ShuffleAppBarButtonStyle image
ListAppBarButtonStyle image
ShopAppBarButtonStyle image
SelectAllAppBarButtonStyle image
OrientationAppBarButtonStyle image
ImportAppBarButtonStyle image
ImportAllAppBarButtonStyle image
BrowsePhotosAppBarButtonStyle image
WebcamAppBarButtonStyle image
PicturesAppBarButtonStyle image
SaveLocalAppBarButtonStyle image
CaptionAppBarButtonStyle image
StopAppBarButtonStyle image
ShowResultsAppBarButtonStyle image
VolumeAppBarButtonStyle image
RepairAppBarButtonStyle image
MessageAppBarButtonStyle image
Page2AppBarButtonStyle image
CalendarDayAppBarButtonStyle image
CalendarWeekAppBarButtonStyle image
CalendarAppBarButtonStyle image
CharactersAppBarButtonStyle image
MailReplyAllAppBarButtonStyle image
ReadAppBarButtonStyle image
LinkAppBarButtonStyle image
AccountsAppBarButtonStyle image
ShowBccAppBarButtonStyle image
HideBccAppBarButtonStyle image
CutAppBarButtonStyle image
AttachAppBarButtonStyle image
PasteAppBarButtonStyle image
FilterAppBarButtonStyle image
CopyAppBarButtonStyle image
Emoji2AppBarButtonStyle image
ImportantAppBarButtonStyle image
MailReplyAppBarButtonStyle image
SlideShowAppBarButtonStyle image
SortAppBarButtonStyle image
ManageAppBarButtonStyle image
AllAppsAppBarButtonStyle image
DisconnectDriveAppBarButtonStyle image
MapDriveAppBarButtonStyle image
NewWindowAppBarButtonStyle image
OpenWithAppBarButtonStyle image
ContactPresenceAppBarButtonStyle image
PriorityAppBarButtonStyle image
UploadSkyDriveAppBarButtonStyle image
GoToTodayAppBarButtonStyle image
FontAppBarButtonStyle image
FontColorAppBarButtonStyle image
Contact2AppBarButtonStyle image
FolderppBarButtonStyle image
AudioAppBarButtonStyle image
PlaceholderAppBarButtonStyle image

ViewAppBarButtonStyle

image
SetLockScreenAppBarButtonStyle image
SetTitleAppBarButtonStyle image
CcAppBarButtonStyle image
StopSlideShowAppBarButtonStyle image
PermissionsAppBarButtonStyle image
HighlightAppBarButtonStyle image
DisableUpdatesAppBarButtonStyle image
UnfavoriteAppBarButtonStyle image
UnPinAppBarButtonStyle image
OpenLocalAppBarButtonStyle image
MuteAppBarButtonStyle image
ItalicAppBarButtonStyle image
UnderlineAppBarButtonStyle image
BoldAppBarButtonStyle image
MoveToFolderAppBarButtonStyle image
LikeDislikeAppBarButtonStyle image
DislikeAppBarButtonStyle image
LikeAppBarButtonStyle image
AlignRightAppBarButtonStyle image
AlignCenterAppBarButtonStyle image
AlignLeftAppBarButtonStyle image
ZoomAppBarButtonStyle image
ZoomOutAppBarButtonStyle image
OpenFileAppBarButtonStyle image
OtherUserAppBarButtonStyle image
AdminAppBarButtonStyle image
StreetAppBarButtonStyle image
MapAppBarButtonStyle image
ClearSelectionAppBarButtonStyle image
FontDecreaseAppBarButtonStyle image
FontIncreaseAppBarButtonStyle image
FontSizeAppBarButtonStyle image
CellphoneAppBarButtonStyle image
ReshareAppBarButtonStyle image
TagAppBarButtonStyle image
RepeatOneAppBarButtonStyle image
RepeatAllAppBarButtonStyle image
OutlineStarAppBarButtonStyle image
SolidStarAppBarButtonStyle image
CalculatorAppBarButtonStyle image
DirectionsAppBarButtonStyle image
TargetAppBarButtonStyle image
LibraryAppBarButtonStyle image
PhonebookAppBarButtonStyle image
MemoAppBarButtonStyle image
MicrophoneAppBarButtonStyle image
PostUpdateAppBarButtonStyle image
BackToWindowAppBarButtonStyle image
FullScreenAppBarButtonStyle image
NewFolderAppBarButtonStyle image
CalendarReplyAppBarButtonStyle image
UnsyncFolderAppBarButtonStyle image
ReportHackedAppBarButtonStyle image
SyncFolderAppBarButtonStyle image
BlockContactAppBarButtonStyle image
SwitchAppsAppBarButtonStyle image
AddFriendAppBarButtonStyle image
TouchPointerAppBarButtonStyle image
GoToStartAppBarButtonStyle image
ZeroBarsAppBarButtonStyle image
OneBarAppBarButtonStyle image
TwoBarsAppBarButtonStyle image
ThreeBarsAppBarButtonStyle image
FourBarsAppBarButtonStyle image