UWP应用手机端上方时间栏透明设计

先上几个图给观众解释一下这个文章标题的意思：

当我模拟手机端的时候，发现最上面一行显示时间等状态的地方是全黑的一条，什么都没有，但是看看别的应用，打开以后上面是显示时间啊什么的都在，就一直很纳闷到底怎么解决。

网上也百度了好久，实在是因为开发者太少，百度搜UWP基本搜索不到东西。好不容易让我在一个论坛上找到了解决方案：http://bbs.wfun.com/thread-876303-1-1.html

先来看看最终实现的效果是怎么样的：

因为论坛的作者用的是文字描述，所以可能有些朋友觉得不太清晰，这里我就整理下具体的操作方法：

打开VS2015，进入项目以后，找到“解决方案资源管理器”一栏，里面有个“引用”的选项：

右键-添加引用：

看到这两个以后在前方勾上勾子-确定：

然后我们就能看到这两个引用已经加入进来了。

前期准备就好了，然后就是代码了：

进入App.Xaml.cs文件，找到：

 

protected override void OnLaunched(LaunchActivatedEventArgs e)

 

 

在这里面，加入：

 

 

 

if (Windows.Foundation.Metadata.ApiInformation.IsTypePresent("Windows.UI.ViewManagement.StatusBar"))
{
    StatusBar statusBar = StatusBar.GetForCurrentView();
    statusBar.BackgroundColor = Color.FromArgb(100, 255, 255, 255);
    statusBar.ForegroundColor = Colors.White;
    statusBar.BackgroundOpacity = 1;
}

 

 

提一下：

statusBar.BackgroundColor = Color.FromArgb(100, 255, 255, 255);

 

这句话后面的括号内的值分别表示（A，R，G，B）来表示颜色。具体数字可以在画图或者其他地方找到，做设计的一般都能轻易找到这些数字【偷笑】。

如果想进行沉浸式设计，这个方法是可取的，只要你标题栏的颜色跟连着的部分颜色一样即可~

这时候，你会发现StatusBar和Colors是报错的，在最上方加入

 

using Windows.UI;
using Windows.UI.ViewManagement;

 

此时一切就完成了~

 

 

更多内容，欢迎进入我的个人博客：Carl 张的小窝