开发者社区> 杰克.陈> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Win10的UWP之标题栏的返回键(二)

简介: 原文:Win10的UWP之标题栏的返回键(二) 关于Win10的UWP的返回键的第二种处理的方法,是介于标题栏的强行修改,不是像上期的那样直接调用系统内置的API。 - - - - - - - - - - - - - - - - - - - - - - - -我是万恶的分割...
+关注继续查看
原文:Win10的UWP之标题栏的返回键(二)

关于Win10的UWP的返回键的第二种处理的方法,是介于标题栏的强行修改,不是像上期的那样直接调用系统内置的API。
- - - - - - - - - - - - - - - - - - - - - - - -我是万恶的分割线- - - - - - - - - - - - - - - - - -
首先我们先设置以下界面的布局,界面的代码如下

        <StackPanel>
            <Grid x:Name="GridTitleBar" Background="SteelBlue" Height="36">
                <Grid  Background="Transparent">
                    <TextBlock Text="标题栏测试" 
                               HorizontalAlignment="Center" 
                               VerticalAlignment="Center"
                               FontSize="24"/>
                </Grid>
            </Grid>
            <Button x:Name="NexButton" 
                    Grid.Column="5" Grid.Row="5" 
                    Content="下一页" Click="NexButton_Click" />
        </StackPanel>

这里写图片描述

紧接着我们来处理以下界面的后台的代码,现在系统内原有的主方法写以下代码

        public MainPage()
        {
            this.InitializeComponent();
            if (App.IsHardwareButtonAPIPresent)
            {
                GridTitleBar.Visibility = Visibility.Collapsed;
                //MGridTitlr.Visibility = Visibility.Visible;
            }
            else
            {
                GridTitleBar.Visibility = Visibility.Visible;
                //MGridTitlr.Visibility = Visibility.Collapsed;
            }

这里写图片描述

这里我们来设置一下强行修改的标题栏的颜色,以及相关的属性设置

void TitleBar()
        {
            var coreTitleBar = CoreApplication.GetCurrentView().TitleBar;
                coreTitleBar.ExtendViewIntoTitleBar = true;
            Window.Current.SetTitleBar(GridTitleBar);

            var view = ApplicationView.GetForCurrentView();
            view.TitleBar.ButtonBackgroundColor = Colors.SteelBlue;
            view.TitleBar.ButtonForegroundColor = Colors.White;

            view.TitleBar.ButtonHoverBackgroundColor = Color.FromArgb(255, 92, 157, 211);
            view.TitleBar.ButtonHoverBackgroundColor = Colors.White;

            view.TitleBar.ButtonPressedBackgroundColor = Color.FromArgb(255, 92, 157, 211);
            view.TitleBar.ButtonPressedForegroundColor = Colors.White;

            view.TitleBar.ButtonInactiveBackgroundColor = Color.FromArgb(129, 70, 130, 180);
            view.TitleBar.ButtonInactiveForegroundColor = Colors.WhiteSmoke;

            Window.Current.Activated += (sender, args) =>
            {
                if (args.WindowActivationState != CoreWindowActivationState.CodeActivated)
                {
                    GridTitleBar.Opacity = 1;
                }
                else
                {
                    GridTitleBar.Opacity = 0.5;
                }
            };
        }

这里写图片描述

在来我们来处理一下界面中的跳转事件

        private void NexButton_Click(object sender, RoutedEventArgs e)
        {
            Frame.Navigate(typeof(BlankPage1));
        }

这里写图片描述

然后我们再来这里新建一个页面,来把响应的返回键放在修改过的标题栏上,由于是放回的主界面,除了主界面以外我们都不需要标题栏的返回键,这也是较为完美的一种处理方案。
这里写图片描述
我们再来处理以下新建页面的界面代码

<Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <Grid Background="SteelBlue" Grid.Row="0" Height="36">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <Grid x:Name="GridBackBtnBar" Grid.Column="0" Background="Transparent">
                <Button x:Name="BackButton" Click="BackButton_Click" 
                        Style="{StaticResource NavigationBackButtonSmallStyle}" />
            </Grid>
            <Grid x:Name="GridTitleBar" Grid.Column="1" Background="Transparent">
                <TextBlock Text="新的标题测试" 
                           HorizontalAlignment="Center"
                           VerticalAlignment="Center"
                            FontSize="24"/>
            </Grid>
        </Grid>

这里写图片描述

后面的我们再来相应的处理以下新建页面的后台代码

        void EnableBackButtonOnTitleBar(EventHandler<BackRequestedEventArgs> onBackRequested)
        {
            var currentView = SystemNavigationManager.GetForCurrentView();
            currentView.AppViewBackButtonVisibility = AppViewBackButtonVisibility.Visible;
            currentView.BackRequested += onBackRequested;
        }

        void TitleBar()
        {
            var coreTitleBar = CoreApplication.GetCurrentView().TitleBar;
            coreTitleBar.ExtendViewIntoTitleBar = true;
            Window.Current.SetTitleBar(GridTitleBar);

            var view = ApplicationView.GetForCurrentView();
            view.TitleBar.ButtonBackgroundColor = Colors.SteelBlue;
            view.TitleBar.ButtonForegroundColor = Colors.White;

            view.TitleBar.ButtonHoverBackgroundColor = Color.FromArgb(255, 92, 157, 211);
            view.TitleBar.ButtonHoverBackgroundColor = Colors.White;

            view.TitleBar.ButtonPressedBackgroundColor = Color.FromArgb(255, 92, 157, 211);
            view.TitleBar.ButtonPressedForegroundColor = Colors.White;

            view.TitleBar.ButtonInactiveBackgroundColor = Color.FromArgb(129, 70, 130, 180);
            view.TitleBar.ButtonInactiveForegroundColor = Colors.WhiteSmoke;

            Window.Current.Activated += (sender, args) =>
            {
                if (args.WindowActivationState != CoreWindowActivationState.CodeActivated)
                {
                    GridTitleBar.Opacity = 1;
                }
                else
                {
                    GridTitleBar.Opacity = 0.5;
                }
            };
        }

这里写图片描述

由于我们在前面做了Click事件,现在我们把Click事件处理了

        private void BackButton_Click(object sender, RoutedEventArgs e)
        {
            if (this.Frame.CanGoBack)
            {
                this.Frame.GoBack();
            }
        }

这里写图片描述

写到这里也就差不多了,回头看看,我们还少写了一句代码,这是调用写好的方法在主方法中使用

  TitleBar();

这里写图片描述

好了,写了这么久,终于写完了,看看我们的目的达到了没有
这里写图片描述

想看的结果的页面是最后一张图,嘻嘻!!!
这里写图片描述

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Spring属性注入的三种方式(超详细)
Spring属性注入的三种方式(超详细)
43 0
MyBatis 中的日志配置详解
MyBatis 中的日志配置详解
151 0
如何深入掌握C语言指针(详解)(二)
本文主要讲解点 指针是什么 指针和指针类型 野指针 指针运算 指针和数组 二级指针 指针数组
38 0
Spring的三种创建方式和各种属性的注入(二)
Spring的三种创建方式和各种属性的注入(二)
36 0
Win10 关机显示程序没有响应
具体表现,每次关机都提示某一个程序没有响应,在进程,服务中都找不到对应的的程序。
44 0
ECS 7天实践训练营(二)
打卡第二天,快速搭建Docker环境
276 0
git如何回滚远程仓库
git如何回滚远程仓库 2016-04-11 /  mtxc 使用git管理项目开发的过程中经常会碰到这种情况:某次提交已经push到了远程仓库,可是突然意识到“天哪,我怎么做了这么蠢的事情”。
1151 0
3、对变量在栈上存储顺序,及函数返回值与参数在栈上存放顺序的思考(1)
    一直以来,在思考函数调用中,其参数,返回地址的关系。在以前的一篇文章中,也曾看到过这种关系:     函数在堆栈中的分布情况是,地址从高到低,依次是:函数参数列表,函数返回地址,函数执行代码段。
880 0
+关注
杰克.陈
一个安静的程序猿~
10424
文章
2
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载