`
lindexi-gd
  • 浏览: 139718 次
社区版块
存档分类
最新评论

UWP appButtonBar样式

 
阅读更多

UWP 的appButtonBar使用<AppBarButton Icon = "Next" Label = "Next" />
<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>

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

<script type="text/javascript"> $(function () { $('pre.prettyprint code').each(function () { var lines = $(this).text().split('\n').length; var $numbering = $('<ul/>').addClass('pre-numbering').hide(); $(this).addClass('has-numbering').parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($('<li/>').text(i)); }; $numbering.fadeIn(1700); }); }); </script>
分享到：
| XamlReader动态使用xaml
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Windows-UWP官方案例源码

    《Windows-UWP官方案例源码深度解析》 Windows-UWP（通用Windows平台）是微软为Windows 10及其后续版本推出的一种全新的应用程序接口，旨在为开发者提供一个跨设备的统一开发环境，涵盖桌面、手机、平板电脑、Xbox...

    react native uwp app

    React Native UWP 应用是将流行的JavaScript框架React Native应用于微软的通用Windows平台（UWP）上，使得开发者能够利用JavaScript编写代码，同时为Windows 10设备提供原生应用程序的体验。React Native UWP结合了...

    uwp开发-demoHelloworld源码

    【标题】"uwp开发-demoHelloworld源码"是一个针对UWP（通用Windows平台）应用开发的示例项目，主要用于教学或快速理解UWP的基本结构和编程原理。这个源码可以无缝移植到任何运行Win10操作系统的设备上，包括PC、平板...

    Uwp中的换肤

    1. **资源字典与主题资源**：在UWP中，我们可以使用资源字典（ResourceDictionary）来集中管理应用的样式和模板。通过定义不同的主题资源，如“Light”和“Dark”，可以轻松切换应用的外观。主题资源包括颜色、字体...

    UWP应用设计规范

    UWP（Universal Windows Platform，通用Windows平台）应用设计规范是微软为开发者提供的关于如何设计在所有基于Windows 10的设备上运行良好的用户界面的一套指导原则。这包括从手机、平板电脑到个人电脑和Surface ...

    UWP编程宝典

    文档还会涵盖UWP中的设计元素，如Acrylic材质的风格、图标、运动和动画、视差滚动效果、声音、排版和XAML样式。 开发者在设计UWP应用时必须考虑到不同屏幕尺寸和断点，因此“Screensizes and breakpoints”章节也...

    UWP 发送邮件源码

    在UWP（Universal Windows Platform）应用开发中，发送邮件是一项常见的功能需求，尤其适用于企业级应用或者个人通讯工具。本文将深入探讨如何在UWP应用中实现邮件的发送功能，并结合提供的链接资源进行源码分析。 ...

    UWP的Tcp聊天服务端Demo

    【标题】"UWP的Tcp聊天服务端Demo"是一个演示如何在通用Windows平台（UWP）上构建TCP聊天服务器的应用示例。这个项目的核心目标是展示如何利用UWP的网络编程能力来创建一个能接收并处理多个客户端连接的服务器端应用...

    WPF Launch UWP

    它提供了数据绑定、控件、图形、布局和样式等特性，使得开发者可以创建出美观且功能强大的应用程序。在WPF中，你可以使用XAML语言来描述UI的结构和外观。 **Universal Windows Platform (UWP)** UWP是一种跨设备的...

    简书客户端UWP源码

    Windows10正式版发布到现在,我利用零零碎碎的一些时间对UWP进行一些学习,也基于这门技术开发了一个第三方的简书App. 基本界面 优酷视频: http://v.youku.com/v_show/id_XMTM2MjU4MjI4NA==.html 基本功能 客户端...

    哔哩哔哩UWP Ver4.3.8_x64

    《哔哩哔哩UWP Ver4.3.8_x64：简洁、易用、流畅的二次元视频体验》 哔哩哔哩UWP是一款专为Windows操作系统设计的通用Windows平台（UWP）应用，其版本号为4.3.8，适用于64位系统。该应用以其简洁的界面、易于操作的...

    UWP程序开发200例

    5. **资源和样式**：理解资源字典的概念，如何定义和重用样式、模板，以及如何使用主题资源来适应不同设备和主题。 6. **控件库**：熟悉UWP提供的各种内置控件，如按钮、文本框、滑块、列表视图等，以及如何自定义...

    UWP从服务器下载文件

    ### UWP从服务器下载文件 在本篇内容中，我们将探讨如何使用通用Windows平台（UWP）应用程序从服务器下载文件。UWP是微软为Windows 10开发的应用程序框架，支持跨设备运行，包括PC、平板电脑、手机等。本文将详细...

    前端项目-react-uwp.zip

    - **styles**：CSS或CSS-in-JS样式文件，用于实现UWP的视觉效果。 3. **public**目录：存放静态资源，如HTML入口文件、图标和其他非JavaScript资源。 4. **index.js**：项目主入口文件，一般在这里启动React应用。 ...

    Adobe Illustrator design toolkit for UWP apps v1803

    Adobe Illustrator design toolkit for UWP apps v1803是一款专为Windows 10 1803版设计的用户界面（UI）和用户体验（UX）开发工具，它为UWP（通用Windows平台）应用程序提供了丰富的设计资源。这个工具包特别针对在...

    UWP自适应界面代码示例

    在UWP（Universal Windows Platform）应用开发中，自适应界面设计是至关重要的，它使得应用程序能够在各种设备上，如桌面、平板电脑、手机甚至Xbox等，呈现出良好的用户体验。本示例通过`AdaptiveLayout`项目，展示...

    WindowsUI:在WinForms中实现UWP样式的库

    《在WinForms中实现UWP样式的库：深入解析与应用》 Windows用户界面（UI）的发展历程丰富多样，从早期的Aero风格到现代的UWP（Universal Windows Platform）风格，每一次变化都带来了更佳的用户体验。对于开发人员...

    CSDN-UWP源代码

    【CSDN-UWP源代码】是一个针对CSDN（China Software Developer Network）平台的通用Windows平台（UWP，Universal Windows Platform）应用的源代码。这个项目可能是为了帮助用户更方便地访问CSDN网站，或者实现特定的...

    Windows UWP MVVM

    视图是用户界面，由XAML文件定义，包含控件、布局和样式等。视图通过数据绑定与视图模型进行交互，无需直接引用模型。这使得视图可以独立于业务逻辑改变，例如，可以轻松更改UI设计而不影响应用功能。 **4. ...

    快捷将UWP应用添加到环回免除列表以使用代理加速访问.zip

    在IT行业中，UWP（Universal Windows Platform）应用是微软为Windows 10及更高版本操作系统设计的一种现代化应用程序框架。这些应用程序具有跨设备兼容性，并且能够利用Windows平台的各种特性和功能。然而，当涉及到...

Magicbox
Global site tag (gtag.js) - Google Analytics