博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Windows 8.1 新增控件之 CommandBar
阅读量:5798 次
发布时间:2019-06-18

本文共 1759 字,大约阅读时间需要 5 分钟。

上一篇为大家介绍了AppBar 的相关内容,本篇继续介绍CommandBar 的使用方法。与AppBar 相比而言,CommandBar 在开发使用方面较为单一,在按键布局上分为主控区(Primary Commands)与辅控区(Secondary Commands),默认情况下,主控区显示在菜单右侧,辅控区在左侧。
如果应用菜单栏中只包含AppBarButton、AppBarToggleButton、AppBarSeparator 这几个控件,且没有特殊布局格式要求,及可以使用CommandBar 控件。当应用尺寸变化时,CommandBar 也会随之调整尺寸。
<Page.BottomAppBar>
    <CommandBar>
        <AppBarButton x:Uid="Camera" Icon="Camera" Label="Camera"/>
        <AppBarToggleButton x:Uid="Suffle" Icon="Shuffle" Label="Shuffle"/>
        <AppBarToggleButton x:Uid="Account" Icon="Account" Label="Account"/>
        <AppBarButton x:Uid="Like" Icon="Like" Label="Like"/>
        <AppBarButton x:Uid="Dislike" Icon="Dislike" Label="Dislike"/>
        <AppBarSeparator/>
        <AppBarButton x:Uid="Add" Icon="Add" Label="Add"/>
        <AppBarToggleButton x:Uid="Remove" Icon="Remove" Label="Remove"/>
        <AppBarButton x:Uid="Delete" Icon="Delete" Label="Delete"/>
    </CommandBar>
</Page.BottomAppBar>
image
如上面代码,默认所有控件都是分配在主控区及菜单栏右侧,将Add、Remove、Delete 按键放入辅控区是什么样子呢,如下:
<Page.BottomAppBar>
    <CommandBar>
        <AppBarButton x:Uid="Camera" Icon="Camera" Label="Camera"/>
        <AppBarToggleButton x:Uid="Suffle" Icon="Shuffle" Label="Shuffle"/>
        <AppBarToggleButton x:Uid="Account" Icon="Account" Label="Account"/>
        <AppBarButton x:Uid="Like" Icon="Like" Label="Like"/>
        <AppBarButton x:Uid="Dislike" Icon="Dislike" Label="Dislike"/>
        <AppBarSeparator/>
        <CommandBar.SecondaryCommands>
            <AppBarButton x:Uid="Add" Icon="Add" Label="Add"/>
            <AppBarToggleButton x:Uid="Remove" Icon="Remove" Label="Remove"/>
            <AppBarButton x:Uid="Delete" Icon="Delete" Label="Delete"/>
        </CommandBar.SecondaryCommands>
    </CommandBar>
</Page.BottomAppBar>
image

如上图所示,写入SecondaryCommands 的按键被分配到了菜单栏左侧。关于CommandBar 介绍就到这里,大家可以动手操练一下。

本文转自Gnie博客园博客,原文链接:http://www.cnblogs.com/gnielee/p/windows8-1-for-developers-commandbar.html,如需转载请自行联系原作者

你可能感兴趣的文章
没有JS的前端:体积更小、速度更快!
查看>>
数据指标/表现度量系统(Performance Measurement System)综述
查看>>
GitHub宣布推出Electron 1.0和Devtron,并将提供无限制的私有代码库
查看>>
Angular2, NativeScript 和 React Native比较[翻译]
查看>>
论模式在领域驱动设计中的重要性
查看>>
国内首例:飞步无人卡车携手中国邮政、德邦投入日常运营
查看>>
微软将停止对 IE 8、9和10的支持
查看>>
微服务架构会和分布式单体架构高度重合吗
查看>>
如何测试ASP.NET Core Web API
查看>>
《The Age of Surge》作者访谈
查看>>
测试人员的GitHub
查看>>
Spring Web Services 3.0.4.RELEASE和2.4.3.RELEASE发布
查看>>
有关GitHub仓库分支的几个问题
查看>>
无服务器计算的黑暗面:程序移植没那么容易
查看>>
云原生的浪潮下,为什么运维人员适合学习Go语言?
查看>>
Webpack入门教程三十
查看>>
EAServer 6.1 .NET Client Support
查看>>
锐捷交换机密码恢复(1)
查看>>
Kali linux virtualbox rc=1908 错误解决办法
查看>>
Erlang学习总结之Erlang语法中的逗号(,)、分号(;),句号(.)的正确用法...
查看>>