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 条评论
登录 后参与评论

相关文章

来自专栏Google Dart

AngularDart Material Design 弹出框 顶

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

20330
来自专栏hbbliyong

设置WPF窗体全屏显示:

//全屏代码: private void Window_Loaded(object sender, RoutedEventArgs e) { // 设...

62240
来自专栏JetpropelledSnake

Linux学习笔记之Xshell配色方案定制

点击 Browse 按钮,弹出如下面板,选择 ANSI Colors on Black,然后点击右侧save as 按钮,命名为 zkl。

1.2K10
来自专栏DannyHoo的专栏

UIButton中的setBackgroundImage和setImage方法的选择

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

20620
来自专栏前端知识分享

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

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

12840
来自专栏Google Dart

AngularDart Material Design 是/否 按钮 顶

可以使用MaterialSaveCancelButtonsDirective等指令来提供基本文本自定义,该指令用保存/取消替换是/否。

19150
来自专栏前端新视界

Visual Studio Code 快捷键大全(Windows)

Visual Studio Code 是一款优秀的编辑器,非常适合编写 TS 以及 React 。最近在学习 AngularJs 2,开始使用 VSCode,特...

1.2K50
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:如何实现快速跳转网页

Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便

17620
来自专栏Alice

iOS textfield实现一行的数字限制,超出进行弹框

步骤一:添加textfield协议‘ @interface LsGeXingQianMingVC ()<UITextFieldDelegate>  步骤2:设置...

23570
来自专栏前端小叙

移动端页面按手机屏幕分辨率自动缩放的js

1 <script> 2 var phoneWidth = parseInt(window.screen.width); 3 var ph...

68270

扫码关注云+社区

领取腾讯云代金券