win10 uwp 标题栏 扩展标题栏修改颜色透明标题栏 系统状态栏

我们应用最上方的是标题栏,对于手机,最上方是状态栏。 我们可以自定义标题栏,和不显示标题栏。

下面的代码写在 OnLaunched 函数

写的位置是最前。

扩展标题栏

参见:http://dailydotnettips.com/2015/10/20/how-to-place-custom-xaml-content-in-the-windows-universal-apps-title-bar/

修改颜色

通过下面的方法可以修改颜色

 Windows.UI.Core.SystemNavigationManager.GetForCurrentView().AppViewBackButtonVisibility = Windows.UI.Core.AppViewBackButtonVisibility.Visible;
            ApplicationView.GetForCurrentView().TitleBar.ButtonBackgroundColor = Color.FromArgb(0xFF, 140, 206, 205);
            ApplicationView.GetForCurrentView().TitleBar.ButtonForegroundColor = Color.FromArgb(0xFF, 250, 250, 250);
            ApplicationView.GetForCurrentView().TitleBar.InactiveForegroundColor = Color.FromArgb(0xFF, 250, 250, 250);

除了上面的颜色,还有其他的一些颜色可以修改。建议是把颜色写在 xaml 然后后台去拿。

请看 UWP中实现自定义标题栏

透明标题栏 系统状态栏

手机是系统状态栏,如果不设置,会是白条,看起来不好。

我们需要安装sdk才可以。

我的 SDK 是14393,在他之前的使用也一样,在他之后的,如果以后改了,我也不知。

首先判断是不是手机 ApiInformation.IsTypePresent("Windows.UI.ViewManagement.StatusBar")

如果是的话我们可以设置 StatusBar ,上面的字符串最好复制我的,自己打可能打错

我们之前显示的白色,因为背景是空,加上没有前景。

我们可以设置背景的透明,如果设置了0,需要设置前景才看到标题。

             if (ApiInformation.IsTypePresent("Windows.UI.ViewManagement.StatusBar"))
            {
                var applicationView = ApplicationView.GetForCurrentView();
                applicationView.SetDesiredBoundsMode(ApplicationViewBoundsMode.UseCoreWindow);
                var statusbar = Windows.UI.ViewManagement.StatusBar.GetForCurrentView();
                statusbar.BackgroundColor = Colors.Beige;
                statusbar.BackgroundOpacity = 0.2;
                statusbar.ForegroundColor=Colors.Black;
                
            }  

其中 SetDesiredBoundsMode 是设置内容是不是可以占有标题栏

statusbar.BackgroundColor 如果设置透明为0,那么可能看不到系统显示的日期等,我们需要设置前景色。

我们还可以在上面显示Text,设置statusbar.ProgressIndicator.Text然后显示,使用函数ShowAsync

statusbar.ProgressIndicator.Text = "test statusbar";  
statusbar.ProgressIndicator.ShowAsync();

最后一个显示 Text 可以看微信,他是把消息放在标题栏。

参见:http://uwpbox.com/status-bar-at-the-top-of-the-uwp-statusbar.html

参见:http://www.cnblogs.com/tcjiaan/p/4783049.html


本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏向治洪

React Native导航器之react-navigation使用

在上一节Navigation组件,我们使用系统提供的导航组件做了一个跳转的例子,不过其实战能力不强,这里推荐一个超牛逼的第三方库:react-navigatio...

1.8K7
来自专栏刘望舒

React Native探索之组件的属性和状态

在Android或者iOS开发中我们会用到很多控件,这些控件会有很多的属性、样式等等。同样的,React Native中的组件也有属性、样式和状态。

1203
来自专栏Porschev[钟慰]的专栏

解决文本框在updatepanel中得到焦点,输入法不能切换到中文的问题

今天看人提问才发现TextBox放在updatepanel中,当点击Button时,在Button的click事件中得到焦点。。。 本来应该用TextBox1....

1926
来自专栏LeoXu的博客

[翻译]Ext JS 教程-布局和容器 原

布局系统是ExtJS中一个强大的组成部分。它控制着应用程序的每一个组件的尺寸和位置。这个操作手册包含开始使用布局的基础操作。

1051
来自专栏Angular&服务

VSCode开发Angular2+TypeScript插件

1.Angular TypeScript Snippets for VS Code 2.Angular VS Code TypeScript and HTML...

1612
来自专栏Windows Community

Extensions in UWP Community Toolkit - ViewExtensions

概述 UWP Community Toolkit Extensions 中有一个为 View 提供的扩展 - View Extensions,本篇我们结合代码详...

3076
来自专栏Google Dart

AngularDart Material Design 弹出框 顶

该组件将自己发布为DropdownHandle,因此其子级可以通过注入来控制其可见性:

1693
来自专栏前端知识分享

第121天:移动端开发基本知识

注意lang=“zh-CN”表示网页为中文,如果是英文则为lang=“en-CN”。

1144
来自专栏张高兴的博客

张高兴的 Xamarin.Forms 开发笔记:为 Android 与 iOS 引入 UWP 风格的汉堡菜单 ( MasterDetailPage )

51110
来自专栏DannyHoo的专栏

UIButton中的setBackgroundImage和setImage方法的选择

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details...

1392

扫码关注云+社区