UWP 的appButtonBar使用<AppBarButton Icon = "Next" Label = "Next" />



Icon是 SymbolIcon 类

这个类可以使用Symbol中的枚举

我做出了每个Symbol的图标和label

代码

  1. <Page
  2.     x:Class="appButtonBar.MainPage"
  3.     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  4.     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  5.     xmlns:local="using:appButtonBar"
  6.     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  7.     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  8.     mc:Ignorable="d">
  10.     <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
  11.         <ScrollViewer HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Disabled">
  12.             <StackPanel x:Name="xgrid" Orientation="Horizontal" Background="Black">
  13.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  14.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Previous" Label = "Previous" />
  15.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Next" Label = "Next" />
  16.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Play" Label = "Play" />
  17.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Pause" Label = "Pause" />
  18.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Edit" Label = "Edit" />
  19.                 </StackPanel>
  20.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  21.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Save" Label = "Save" />
  22.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Clear" Label = "Clear" />
  23.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Delete" Label = "Delete" />
  24.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Remove" Label = "Remove" />
  25.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Add" Label = "Add" />
  26.                 </StackPanel>
  27.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  28.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Cancel" Label = "Cancel" />
  29.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Accept" Label = "Accept" />
  30.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "More" Label = "More" />
  31.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Redo" Label = "Redo" />
  32.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Undo" Label = "Undo" />
  33.                 </StackPanel>
  34.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  35.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Home" Label = "Home" />
  36.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Up" Label = "Up" />
  37.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Forward" Label = "Forward" />
  38.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Back" Label = "Back" />
  39.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Favorite" Label = "Favorite" />
  40.                 </StackPanel>
  41.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  42.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Camera" Label = "Camera" />
  43.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Setting" Label = "Setting" />
  44.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Video" Label = "Video" />
  45.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Sync" Label = "Sync" />
  46.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Download" Label = "Download" />
  47.                 </StackPanel>
  48.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  49.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Mail" Label = "Mail" />
  50.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Find" Label = "Find" />
  51.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Help" Label = "Help" />
  52.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Upload" Label = "Upload" />
  53.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Emoji" Label = "Emoji" />
  54.                 </StackPanel>
  55.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  56.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "TwoPage" Label = "TwoPage" />
  57.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "LeaveChat" Label = "LeaveChat" />
  58.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "MailForward" Label = "MailForward" />
  59.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Clock" Label = "Clock" />
  60.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Send" Label = "Send" />
  61.                 </StackPanel>
  62.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  63.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Crop" Label = "Crop" />
  64.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "RotateCamera" Label = "RotateCamera" />
  65.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "People" Label = "People" />
  66.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "OpenPane" Label = "OpenPane" />
  67.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "ClosePane" Label = "ClosePane" />
  68.                 </StackPanel>
  69.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  70.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "World" Label = "World" />
  71.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Flag" Label = "Flag" />
  72.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "PreviewLink" Label = "PreviewLink" />
  73.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Globe" Label = "Globe" />
  74.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Trim" Label = "Trim" />
  75.                 </StackPanel>
  76.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  77.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "AttachCamera" Label = "AttachCamera" />
  78.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "ZoomIn" Label = "ZoomIn" />
  79.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Bookmarks" Label = "Bookmarks" />
  80.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Document" Label = "Document" />
  81.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "ProtectedDocument" Label = "ProtectedDocument" />
  82.                 </StackPanel>
  83.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  84.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Page" Label = "Page" />
  85.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Bullets" Label = "Bullets" />
  86.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Comment" Label = "Comment" />
  87.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "MailFilled" Label = "MailFilled" />
  88.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "ContactInfo" Label = "ContactInfo" />
  89.                 </StackPanel>
  90.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  91.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "HangUp" Label = "HangUp" />
  92.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "ViewAll" Label = "ViewAll" />
  93.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "MapPin" Label = "MapPin" />
  94.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Phone" Label = "Phone" />
  95.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "VideoChat" Label = "VideoChat" />
  96.                 </StackPanel>
  97.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  98.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Switch" Label = "Switch" />
  99.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Contact" Label = "Contact" />
  100.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Rename" Label = "Rename" />
  101.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Pin" Label = "Pin" />
  102.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "MusicInfo" Label = "MusicInfo" />
  103.                 </StackPanel>
  104.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  105.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Go" Label = "Go" />
  106.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Keyboard" Label = "Keyboard" />
  107.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "DockLeft" Label = "DockLeft" />
  108.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "DockRight" Label = "DockRight" />
  109.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "DockBottom" Label = "DockBottom" />
  110.                 </StackPanel>
  111.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  112.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Remote" Label = "Remote" />
  113.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Refresh" Label = "Refresh" />
  114.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Rotate" Label = "Rotate" />
  115.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Shuffle" Label = "Shuffle" />
  116.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "List" Label = "List" />
  117.                 </StackPanel>
  118.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  119.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Shop" Label = "Shop" />
  120.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "SelectAll" Label = "SelectAll" />
  121.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Orientation" Label = "Orientation" />
  122.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Import" Label = "Import" />
  123.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "ImportAll" Label = "ImportAll" />
  124.                 </StackPanel>
  125.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  126.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "BrowsePhotos" Label = "BrowsePhotos" />
  127.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "WebCam" Label = "WebCam" />
  128.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Pictures" Label = "Pictures" />
  129.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "SaveLocal" Label = "SaveLocal" />
  130.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Caption" Label = "Caption" />
  131.                 </StackPanel>
  132.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  133.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Stop" Label = "Stop" />
  134.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "ShowResults" Label = "ShowResults" />
  135.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Volume" Label = "Volume" />
  136.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Repair" Label = "Repair" />
  137.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Message" Label = "Message" />
  138.                 </StackPanel>
  139.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  140.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Page2" Label = "Page2" />
  141.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "CalendarDay" Label = "CalendarDay" />
  142.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "CalendarWeek" Label = "CalendarWeek" />
  143.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Calendar" Label = "Calendar" />
  144.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Character" Label = "Character" />
  145.                 </StackPanel>
  146.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  147.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "MailReplyAll" Label = "MailReplyAll" />
  148.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Read" Label = "Read" />
  149.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Link" Label = "Link" />
  150.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Account" Label = "Account" />
  151.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "ShowBcc" Label = "ShowBcc" />
  152.                 </StackPanel>
  153.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  154.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "HideBcc" Label = "HideBcc" />
  155.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Cut" Label = "Cut" />
  156.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Attach" Label = "Attach" />
  157.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Paste" Label = "Paste" />
  158.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Filter" Label = "Filter" />
  159.                 </StackPanel>
  160.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  161.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Copy" Label = "Copy" />
  162.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Emoji2" Label = "Emoji2" />
  163.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Important" Label = "Important" />
  164.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "MailReply" Label = "MailReply" />
  165.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "SlideShow" Label = "SlideShow" />
  166.                 </StackPanel>
  167.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  168.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Sort" Label = "Sort" />
  169.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Manage" Label = "Manage" />
  170.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "AllApps" Label = "AllApps" />
  171.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "DisconnectDrive" Label = "DisconnectDrive" />
  172.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "MapDrive" Label = "MapDrive" />
  173.                 </StackPanel>
  174.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  175.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "NewWindow" Label = "NewWindow" />
  176.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "OpenWith" Label = "OpenWith" />
  177.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "ContactPresence" Label = "ContactPresence" />
  178.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Priority" Label = "Priority" />
  179.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "GoToToday" Label = "GoToToday" />
  180.                 </StackPanel>
  181.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  182.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Font" Label = "Font" />
  183.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "FontColor" Label = "FontColor" />
  184.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Contact2" Label = "Contact2" />
  185.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Folder" Label = "Folder" />
  186.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Audio" Label = "Audio" />
  187.                 </StackPanel>
  188.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  189.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Placeholder" Label = "Placeholder" />
  190.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "View" Label = "View" />
  191.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "SetLockScreen" Label = "SetLockScreen" />
  192.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "SetTile" Label = "SetTile" />
  193.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "ClosedCaption" Label = "ClosedCaption" />
  194.                 </StackPanel>
  195.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  196.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "StopSlideShow" Label = "StopSlideShow" />
  197.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Permissions" Label = "Permissions" />
  198.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Highlight" Label = "Highlight" />
  199.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "DisableUpdates" Label = "DisableUpdates" />
  200.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "UnFavorite" Label = "UnFavorite" />
  201.                 </StackPanel>
  202.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  203.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "UnPin" Label = "UnPin" />
  204.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "OpenLocal" Label = "OpenLocal" />
  205.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Mute" Label = "Mute" />
  206.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Italic" Label = "Italic" />
  207.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Underline" Label = "Underline" />
  208.                 </StackPanel>
  209.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  210.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Bold" Label = "Bold" />
  211.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "MoveToFolder" Label = "MoveToFolder" />
  212.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "LikeDislike" Label = "LikeDislike" />
  213.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Dislike" Label = "Dislike" />
  214.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Like" Label = "Like" />
  215.                 </StackPanel>
  216.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  217.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "AlignRight" Label = "AlignRight" />
  218.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "AlignCenter" Label = "AlignCenter" />
  219.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "AlignLeft" Label = "AlignLeft" />
  220.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Zoom" Label = "Zoom" />
  221.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "ZoomOut" Label = "ZoomOut" />
  222.                 </StackPanel>
  223.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  224.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "OpenFile" Label = "OpenFile" />
  225.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "OtherUser" Label = "OtherUser" />
  226.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Admin" Label = "Admin" />
  227.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Street" Label = "Street" />
  228.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Map" Label = "Map" />
  229.                 </StackPanel>
  230.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  231.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "ClearSelection" Label = "ClearSelection" />
  232.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "FontDecrease" Label = "FontDecrease" />
  233.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "FontIncrease" Label = "FontIncrease" />
  234.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "FontSize" Label = "FontSize" />
  235.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "CellPhone" Label = "CellPhone" />
  236.                 </StackPanel>
  237.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  238.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "ReShare" Label = "ReShare" />
  239.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Tag" Label = "Tag" />
  240.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "RepeatOne" Label = "RepeatOne" />
  241.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "RepeatAll" Label = "RepeatAll" />
  242.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "OutlineStar" Label = "OutlineStar" />
  243.                 </StackPanel>
  244.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  245.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "SolidStar" Label = "SolidStar" />
  246.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Calculator" Label = "Calculator" />
  247.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Directions" Label = "Directions" />
  248.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Target" Label = "Target" />
  249.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Library" Label = "Library" />
  250.                 </StackPanel>
  251.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  252.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "PhoneBook" Label = "PhoneBook" />
  253.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Memo" Label = "Memo" />
  254.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Microphone" Label = "Microphone" />
  255.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "PostUpdate" Label = "PostUpdate" />
  256.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "BackToWindow" Label = "BackToWindow" />
  257.                 </StackPanel>
  258.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  259.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "FullScreen" Label = "FullScreen" />
  260.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "NewFolder" Label = "NewFolder" />
  261.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "CalendarReply" Label = "CalendarReply" />
  262.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "UnSyncFolder" Label = "UnSyncFolder" />
  263.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "ReportHacked" Label = "ReportHacked" />
  264.                 </StackPanel>
  265.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  266.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "SyncFolder" Label = "SyncFolder" />
  267.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "BlockContact" Label = "BlockContact" />
  268.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "SwitchApps" Label = "SwitchApps" />
  269.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "AddFriend" Label = "AddFriend" />
  270.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "TouchPointer" Label = "TouchPointer" />
  271.                 </StackPanel>
  272.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  273.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "GoToStart" Label = "GoToStart" />
  274.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "ZeroBars" Label = "ZeroBars" />
  275.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "OneBar" Label = "OneBar" />
  276.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "TwoBars" Label = "TwoBars" />
  277.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "ThreeBars" Label = "ThreeBars" />
  278.                 </StackPanel>
  279.                 <StackPanel Orientation="Vertical"  VerticalAlignment="Bottom" Margin = "10,10,10,10">
  280.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "FourBars" Label = "FourBars" />
  281.                     <AppBarButton  Background = "White" Margin = "10,10,10,10" Icon = "Scan" Label = "Scan" />
  282.                 </StackPanel>
  283.             </StackPanel>
  284.         </ScrollViewer>
  286.     </Grid>
  287. </Page>

https://code.csdn.net/lindexi_gd/appbuttonbar

UWP appButtonBar样式的更多相关文章

  1. UWP 轻量级样式定义（Lightweight Styling）

    在 UWP 中,可以通过给空间直接设置属性或在 Style 中设置属性来定制空间的样式:不过这样的样式定义十分有限,比如按钮按下时的样式就没法儿设置.当然可以通过修改 Template 来设置控件的样 ...

  2. 将 UWP 中 CommandBar 的展开方向改为向下展开

    在 UWP 中使用 CommandBar 来迅速添加一组功能按钮是非常迅速的,是 UWP 中推荐的交互方案之一.也许你能见到 CommandBar 按你所需向下展开,不过可能更多数情况会看到 Comm ...

  3. WPF 自定义键盘焦点样式（FocusVisualStyle）

    WPF 自带的键盘焦点样式是与传统控件样式搭配的,但 WPF 凭着其强大的自定义样式的能力,做出与传统控件样式完全不同风格的 UI 简直易如反掌.这时,其自带的键盘焦点样式(FocusVisualSt ...

  4. UWP 和 WPF 对比

    原文:UWP 和 WPF 对比 本文告诉大家 UWP 和 WPF 的不同. 如果在遇到技术选择或者想和小伙伴吹的时候可以让他以为自己很厉害,那么请继续看. 如果在看这文章还不知道什么是 UWP 和 W ...

  5. 从UWP项目移植到WinUI桌面版你需要做哪些事情

    就像文章标题说的我是打算写一篇从UWP移植到WinUI的帖子,本来打算是想写一篇WinUI的学习帖子,可是觉得市面上UWP的教程WPF的教程都是很多了,所以干脆就直接硬怼项目吧,先声明我不是来挖UWP ...

  6. 2018-5-5-UWP-和-WPF-对比

    title author date CreateTime categories UWP 和 WPF 对比 lindexi 2018-05-05 17:23:33 +0800 2018-04-16 20 ...

  7. 用 WinUI 3 开发了一个摸鱼应用

    1. 开发了一个摸鱼 App 我做了一个简单的 App:摸鱼. 如上图所示,这个 App 就只有一个按钮,点击后假装开始 Windows Update,然后用户就可以光明正大地摸鱼了. 不要小看摸鱼, ...

  8. UWP学习记录3-设计和UI之样式

    UWP学习记录3-设计和UI之样式 1.颜色 在系统的“设置”>“个性化”>“颜色”里,提供了主题色选择.选定主题色后,会根据颜色亮度的 HSB 值创建浅色和深色的主题色. 应用可使用阴影 ...

  9. UWP 改变Button样式

    -----some words------ 1.Control:控制 (我们理解成控件) 2.Template:模板 3.Ellipse 椭圆 4.Content 内容 5.Presenter 节目主 ...

随机推荐

  1. 201521123004 《Java程序设计》第11周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多线程相关内容. 注意: notify()/notifyAll()方法和wait()方法都只能在被声明为synchronized的方 ...

  2. 201521123062《Java程序设计》第11周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多线程相关内容. 2. 书面作业 1.互斥访问与同步访问 完成题集4-4(互斥访问)与4-5(同步访问) 1.1 除了使用synch ...

  3. 201521123121 《Java程序设计》第9周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结异常相关内容. 2. 书面作业 本次PTA作业题集异常 常用异常 题目5-1 1.1 截图你的提交结果(出现学号) 1.2 自己以前 ...

  4. java课程设计---计算器（201521123020 邱伟达）

    1.团队课程设计博客链接 http://www.cnblogs.com/br0823/p/7064407.html 2.个人负责模板或任务说明 1.初始化按键 2.实现加减乘除开方乘方等运算 3.每个 ...

  5. 多线程面试题系列（12）：多线程同步内功心法——PV操作上

    上面的文章讲解了在Windows系统下实现多线程同步互斥的方法,为了提高在实际问题中分析和思考多个线程之间同步互斥问题的能力,接下来将讲解PV操作,这也是操作系统中的重点和难点.本文将会先简要介绍下P ...

  6. 部署maria数据库到linux(源码编译安装)

    maria数据库是mysql原作者另外开发的一个版本,使用方法和mysql一样,可以直接用mysql的库连接. 在这下载包并解压: https://mariadb.org/download/ 建立数据 ...

  7. DeepLearning.ai学习笔记（二）改善深层神经网络：超参数调试、正则化以及优化--Week2优化算法

    1. Mini-batch梯度下降法 介绍 假设我们的数据量非常多,达到了500万以上,那么此时如果按照传统的梯度下降算法,那么训练模型所花费的时间将非常巨大,所以我们对数据做如下处理: 如图所示,我 ...

  8. vim/network/ssh

    一.编辑器--vim vi编辑器是Linux和Unix上最基本的文本编辑器,工作在字符模式下.由于不需要图形界面,vi是效率很高的文本编辑器.尽管在Linux上也有很多图形界面的编辑器可用,但vi在系 ...

  9. MySQL索引优化实例说明

    下面分别创建三张表,并分别插入1W条简单的数据用来测试,详情如下: [1] test_a 有主键但无索引   CREATE TABLE `test_a` (   `id` int(10) unsign ...

  10. struts标签与jstl标签互换

    近期在做struts切换spring mvc时发现代码中使用了大量的struts标签,对常用的struts标签做了总结,首先需要引入 <%@ taglib prefix="c" ...