UWP appButtonBar样式
UWP 的appButtonBar使用<AppBarButton Icon = "Next" Label = "Next" />
Icon是 SymbolIcon 类
这个类可以使用Symbol中的枚举
我做出了每个Symbol的图标和label
代码
<Page
x:Class="appButtonBar.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:appButtonBar"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<ScrollViewer HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Disabled">
<StackPanel x:Name="xgrid" Orientation="Horizontal" Background="Black">
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Previous" Label = "Previous" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Next" Label = "Next" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Play" Label = "Play" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Pause" Label = "Pause" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Edit" Label = "Edit" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Save" Label = "Save" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Clear" Label = "Clear" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Delete" Label = "Delete" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Remove" Label = "Remove" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Add" Label = "Add" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Cancel" Label = "Cancel" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Accept" Label = "Accept" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "More" Label = "More" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Redo" Label = "Redo" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Undo" Label = "Undo" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Home" Label = "Home" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Up" Label = "Up" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Forward" Label = "Forward" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Back" Label = "Back" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Favorite" Label = "Favorite" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Camera" Label = "Camera" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Setting" Label = "Setting" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Video" Label = "Video" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Sync" Label = "Sync" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Download" Label = "Download" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Mail" Label = "Mail" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Find" Label = "Find" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Help" Label = "Help" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Upload" Label = "Upload" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Emoji" Label = "Emoji" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "TwoPage" Label = "TwoPage" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "LeaveChat" Label = "LeaveChat" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "MailForward" Label = "MailForward" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Clock" Label = "Clock" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Send" Label = "Send" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Crop" Label = "Crop" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "RotateCamera" Label = "RotateCamera" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "People" Label = "People" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "OpenPane" Label = "OpenPane" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "ClosePane" Label = "ClosePane" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "World" Label = "World" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Flag" Label = "Flag" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "PreviewLink" Label = "PreviewLink" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Globe" Label = "Globe" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Trim" Label = "Trim" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "AttachCamera" Label = "AttachCamera" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "ZoomIn" Label = "ZoomIn" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Bookmarks" Label = "Bookmarks" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Document" Label = "Document" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "ProtectedDocument" Label = "ProtectedDocument" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Page" Label = "Page" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Bullets" Label = "Bullets" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Comment" Label = "Comment" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "MailFilled" Label = "MailFilled" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "ContactInfo" Label = "ContactInfo" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "HangUp" Label = "HangUp" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "ViewAll" Label = "ViewAll" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "MapPin" Label = "MapPin" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Phone" Label = "Phone" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "VideoChat" Label = "VideoChat" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Switch" Label = "Switch" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Contact" Label = "Contact" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Rename" Label = "Rename" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Pin" Label = "Pin" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "MusicInfo" Label = "MusicInfo" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Go" Label = "Go" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Keyboard" Label = "Keyboard" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "DockLeft" Label = "DockLeft" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "DockRight" Label = "DockRight" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "DockBottom" Label = "DockBottom" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Remote" Label = "Remote" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Refresh" Label = "Refresh" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Rotate" Label = "Rotate" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Shuffle" Label = "Shuffle" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "List" Label = "List" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Shop" Label = "Shop" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "SelectAll" Label = "SelectAll" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Orientation" Label = "Orientation" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Import" Label = "Import" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "ImportAll" Label = "ImportAll" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "BrowsePhotos" Label = "BrowsePhotos" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "WebCam" Label = "WebCam" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Pictures" Label = "Pictures" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "SaveLocal" Label = "SaveLocal" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Caption" Label = "Caption" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Stop" Label = "Stop" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "ShowResults" Label = "ShowResults" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Volume" Label = "Volume" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Repair" Label = "Repair" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Message" Label = "Message" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Page2" Label = "Page2" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "CalendarDay" Label = "CalendarDay" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "CalendarWeek" Label = "CalendarWeek" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Calendar" Label = "Calendar" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Character" Label = "Character" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "MailReplyAll" Label = "MailReplyAll" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Read" Label = "Read" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Link" Label = "Link" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Account" Label = "Account" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "ShowBcc" Label = "ShowBcc" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "HideBcc" Label = "HideBcc" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Cut" Label = "Cut" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Attach" Label = "Attach" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Paste" Label = "Paste" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Filter" Label = "Filter" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Copy" Label = "Copy" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Emoji2" Label = "Emoji2" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Important" Label = "Important" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "MailReply" Label = "MailReply" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "SlideShow" Label = "SlideShow" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Sort" Label = "Sort" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Manage" Label = "Manage" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "AllApps" Label = "AllApps" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "DisconnectDrive" Label = "DisconnectDrive" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "MapDrive" Label = "MapDrive" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "NewWindow" Label = "NewWindow" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "OpenWith" Label = "OpenWith" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "ContactPresence" Label = "ContactPresence" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Priority" Label = "Priority" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "GoToToday" Label = "GoToToday" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Font" Label = "Font" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "FontColor" Label = "FontColor" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Contact2" Label = "Contact2" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Folder" Label = "Folder" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Audio" Label = "Audio" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Placeholder" Label = "Placeholder" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "View" Label = "View" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "SetLockScreen" Label = "SetLockScreen" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "SetTile" Label = "SetTile" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "ClosedCaption" Label = "ClosedCaption" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "StopSlideShow" Label = "StopSlideShow" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Permissions" Label = "Permissions" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Highlight" Label = "Highlight" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "DisableUpdates" Label = "DisableUpdates" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "UnFavorite" Label = "UnFavorite" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "UnPin" Label = "UnPin" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "OpenLocal" Label = "OpenLocal" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Mute" Label = "Mute" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Italic" Label = "Italic" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Underline" Label = "Underline" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Bold" Label = "Bold" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "MoveToFolder" Label = "MoveToFolder" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "LikeDislike" Label = "LikeDislike" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Dislike" Label = "Dislike" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Like" Label = "Like" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "AlignRight" Label = "AlignRight" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "AlignCenter" Label = "AlignCenter" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "AlignLeft" Label = "AlignLeft" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Zoom" Label = "Zoom" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "ZoomOut" Label = "ZoomOut" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "OpenFile" Label = "OpenFile" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "OtherUser" Label = "OtherUser" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Admin" Label = "Admin" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Street" Label = "Street" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Map" Label = "Map" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "ClearSelection" Label = "ClearSelection" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "FontDecrease" Label = "FontDecrease" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "FontIncrease" Label = "FontIncrease" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "FontSize" Label = "FontSize" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "CellPhone" Label = "CellPhone" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "ReShare" Label = "ReShare" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Tag" Label = "Tag" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "RepeatOne" Label = "RepeatOne" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "RepeatAll" Label = "RepeatAll" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "OutlineStar" Label = "OutlineStar" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "SolidStar" Label = "SolidStar" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Calculator" Label = "Calculator" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Directions" Label = "Directions" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Target" Label = "Target" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Library" Label = "Library" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "PhoneBook" Label = "PhoneBook" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Memo" Label = "Memo" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Microphone" Label = "Microphone" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "PostUpdate" Label = "PostUpdate" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "BackToWindow" Label = "BackToWindow" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "FullScreen" Label = "FullScreen" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "NewFolder" Label = "NewFolder" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "CalendarReply" Label = "CalendarReply" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "UnSyncFolder" Label = "UnSyncFolder" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "ReportHacked" Label = "ReportHacked" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "SyncFolder" Label = "SyncFolder" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "BlockContact" Label = "BlockContact" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "SwitchApps" Label = "SwitchApps" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "AddFriend" Label = "AddFriend" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "TouchPointer" Label = "TouchPointer" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "GoToStart" Label = "GoToStart" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "ZeroBars" Label = "ZeroBars" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "OneBar" Label = "OneBar" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "TwoBars" Label = "TwoBars" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "ThreeBars" Label = "ThreeBars" />
</StackPanel>
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" Margin = "10,10,10,10">
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "FourBars" Label = "FourBars" />
<AppBarButton Background = "White" Margin = "10,10,10,10" Icon = "Scan" Label = "Scan" />
</StackPanel>
</StackPanel>
</ScrollViewer>
</Grid>
</Page>
UWP appButtonBar样式的更多相关文章
- UWP 轻量级样式定义（Lightweight Styling）
在 UWP 中,可以通过给空间直接设置属性或在 Style 中设置属性来定制空间的样式:不过这样的样式定义十分有限,比如按钮按下时的样式就没法儿设置.当然可以通过修改 Template 来设置控件的样 ...
- 将 UWP 中 CommandBar 的展开方向改为向下展开
在 UWP 中使用 CommandBar 来迅速添加一组功能按钮是非常迅速的,是 UWP 中推荐的交互方案之一.也许你能见到 CommandBar 按你所需向下展开,不过可能更多数情况会看到 Comm ...
- WPF 自定义键盘焦点样式（FocusVisualStyle）
WPF 自带的键盘焦点样式是与传统控件样式搭配的,但 WPF 凭着其强大的自定义样式的能力,做出与传统控件样式完全不同风格的 UI 简直易如反掌.这时,其自带的键盘焦点样式(FocusVisualSt ...
- UWP 和 WPF 对比
原文:UWP 和 WPF 对比 本文告诉大家 UWP 和 WPF 的不同. 如果在遇到技术选择或者想和小伙伴吹的时候可以让他以为自己很厉害,那么请继续看. 如果在看这文章还不知道什么是 UWP 和 W ...
- 从UWP项目移植到WinUI桌面版你需要做哪些事情
就像文章标题说的我是打算写一篇从UWP移植到WinUI的帖子,本来打算是想写一篇WinUI的学习帖子,可是觉得市面上UWP的教程WPF的教程都是很多了,所以干脆就直接硬怼项目吧,先声明我不是来挖UWP ...
- 2018-5-5-UWP-和-WPF-对比
title author date CreateTime categories UWP 和 WPF 对比 lindexi 2018-05-05 17:23:33 +0800 2018-04-16 20 ...
- 用 WinUI 3 开发了一个摸鱼应用
1. 开发了一个摸鱼 App 我做了一个简单的 App:摸鱼. 如上图所示,这个 App 就只有一个按钮,点击后假装开始 Windows Update,然后用户就可以光明正大地摸鱼了. 不要小看摸鱼, ...
- UWP学习记录3-设计和UI之样式
UWP学习记录3-设计和UI之样式 1.颜色 在系统的“设置”>“个性化”>“颜色”里,提供了主题色选择.选定主题色后,会根据颜色亮度的 HSB 值创建浅色和深色的主题色. 应用可使用阴影 ...
- UWP 改变Button样式
-----some words------ 1.Control:控制 (我们理解成控件) 2.Template:模板 3.Ellipse 椭圆 4.Content 内容 5.Presenter 节目主 ...
随机推荐
- 201521123091 《Java程序设计》第5周学习总结
Java 第五周总结 第五周的作业. 目录 1.本章学习总结 2.Java Q&A 3.使用码云管理Java代码 4.PTA实验 1.本章学习总结 1.1 尝试使用思维导图总结有关多态与接口的 ...
- 201521123102 《Java程序设计》第8周学习总结
1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结集合与泛型相关内容. 2. 书面作业 本次作业题集集合 1.List中指定元素的删除(题目4-1) 1.1 实验总结 在实验中,Sc ...
- 201521123079《java程序设计》第6周学习总结
1. 本周学习总结 1.1 面向对象学习暂告一段落,请使用思维导图,以封装.继承.多态为核心概念画一张思维导图,对面向对象思想进行一个总结. 注1:关键词与内容不求多,但概念之间的联系要清晰,内容覆盖 ...
- 201521123006 《Java程序设计》第4周学习总结
1. 本周学习总结 1.1 尝试使用思维导图总结有关继承的知识点. 1.2 使用常规方法总结其他上课内容. 本周除了继承,我们还重点学习了多态. (1)多态性在于有相同的形态,却是不同的行为或者说是不 ...
- Java 第十一周总结
1. 本周学习总结 2. 书面作业 1.互斥访问与同步访问 完成题集4-4(互斥访问)与4-5(同步访问) 1.1 除了使用synchronized修饰方法实现互斥同步访问,还有什么办法实现互斥同步访 ...
- Java 第九周总结
1. 本周学习总结 2. 书面作业 1.常用异常 1.1 截图你的提交结果(出现学号) 1.2 自己以前编写的代码中经常出现什么异常.需要捕获吗(为什么)?应如何避免? 以前的代码经常出现空指针的,需 ...
- 201521123051《Java程序设计》第十三周学习总结
1. 本周学习总结 以你喜欢的方式(思维导图.OneNote或其他)归纳总结多网络相关内容. 2. 书面作业 1. 网络基础 1.1 比较ping www.baidu.com与ping cec.jmu ...
- 201521123012 《Java程序设计》第十三周学习总结
1. 本周学习总结 1.1 以你喜欢的方式(思维导图.OneNote或其他)归纳总结多网络相关内容. 2. 书面作业 1. 网络基础 1.1 比较ping www.baidu.com与ping cec ...
- 201521123092《java程序设计》第14周学习总结
1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多数据库相关内容. 2. 书面作业 1. MySQL数据库基本操作 建立数据库,将自己的姓名.学号作为一条记录插入.(截图,需出现自 ...
- Sublime自定义语法
以thinkphp框架的assign函数为例 在sublime\Data\Packages\PHP下 新建文件:assign.sublime-snippet 内容为 <snippet> & ...