十四、AppBar

当向上手势或鼠标右键的时候会显示AppBar,AppBar分为顶部TopAppBar和底部BottomAppBar两种,建议把主要操作放在底部,顶部有特殊意义时再放。

顶部TopAppBar和底部BottomAppBar是Page的两个属性值,两者的样式一般采用StandardStyles.xaml中预置的 ***AppBarButtonStyle样式,用到那个就反注释哪个。

简单

在根标签之后加上


    <Page.TopAppBar>
        <AppBar>
            <AppBar.Content> //在Content下可以写多个控件
                <Button Content="hello"></Button>
            </AppBar.Content>
        </AppBar>
    </Page.TopAppBar>

或者


    <Page.TopAppBar>
        <AppBar>
            //在AppBar标签下可以写多个控件
                <Button Content="hello"></Button>
    </AppBar>
    </Page.TopAppBar>

复杂

第一步:将StandardStyles.xaml中需要的样式取消注释。注意,取消注释之后,最好放在剩余注释的前面,而且紧跟剩余注释。

第二步:在.xaml的文件中使用即可。


    <Page.TopAppBar>
        <AppBar>
            <StackPanel Orientation="Horizontal">
                <Button Style="{StaticResource PlayAppBarButtonStyle }" AutomationProperties.Name="播放"></Button>
                <Button Style="{StaticResource EditAppBarButtonStyle }" AutomationProperties.Name="edit"></Button>
            </StackPanel>
        </AppBar>
    </Page.TopAppBar>

生成的图为

说明:(1)如果要求一打开页面AppBar是显示存在的,则应该设置AppBar的一个属性,即 IsOpen="true"。

         (2)如果要求页面中AppBar一直是存在的,则应该设置AppBar的一个属性,即IsSticky=“true”。

         (3)在gridview中获得整个屏幕的整个点击事件,如图所示

原文地址:https://www.cnblogs.com/suinuaner/p/fourteen.html