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

原创 2016年07月12日 19:45:35

关于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();

这里写图片描述

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

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

UWP怎么双击后退按钮完全退出应用

public MainPage() { this.InitializeComponent(); var m = SystemNavigationMa...

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

关于返回键,放在标题栏是目前较为完美的一种方案。继前一篇的Hello World,博主进行一些修改实现该方法。 - - - - - - - - - - - - - - - - - - - - - -...

Win10的UWP开发之Hello World

首先我们先新建一个项目选择Windows–>通用应用–>空白的通用应用 然后鼠标双击MainPage.xaml如下图 然后在主界面的代码如下图 然后我们在来处理以下Button的事件...

win10 UWP 标题栏后退

设置里,标题栏有后退按钮 在win平板,可以有后退键,手机也有 pc可以在标题栏 在OnLaunched //最后 Windows.UI.Core.SystemNavigat...

Win10开发:应用标题栏中添加返回操作

这篇文章的标题真不知道怎么起合适,反正要实现的效果就是下面这样: 在接着看下面之前,首先要明确,应用标题栏是Desktop才有的,Mobile上不存在这东西 先来看最终效果图: Page1(MainP...

Win10开发:玩转应用窗体和应用标题栏TitleBar

Windows10 API允许开发者自定义应用标题栏。但是什么是应用标题栏?比如Groove音乐的应用标题栏就是下面这样:     什么,你说看不清楚。因为它是白色的,是微软设计的,这锅我不背。 你...

Win10UWP开发总结(二)

uwp开发一些点滴

WIN32无标题栏窗口移动方法种种

首先,看看在正常情况下系统是怎样来移动程序窗口的。当使用者在程序窗口标题栏区域(非工作区)内,按下鼠标左键时将会发生下列事情:  ◆ 系统向该窗口过程函数发送WM_NCLBUTTONDOWN消息。 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)