【Win10开发】自定义标题栏

UWP 现在已经可以自定义标题栏了,毕竟看灰色时间长了也会厌烦,开发者们还是希望能够将自己的UI做的更加漂亮,更加与众不同。那么废话不多说,我们开始吧!

首先要了解ApplicationViewTitleBar这个类。其中提供了以下属性:

 

【Win10开发】自定义标题栏_第1张图片

MSDN参考地址:ApplicationViewTitleBar class

首先,我们写一个TitleBarChanged方法,在里面先获取到当前窗口的实例。

1             ApplicationView view = ApplicationView.GetForCurrentView();

然后,我们随便举个例子,比如将标题栏的背景颜色设置为LightBlue,将前景色设置为White,将三大金刚键设置为LightSkyBlue。

1             view.TitleBar.BackgroundColor = Colors.LightBlue;
2             view.TitleBar.ForegroundColor = Colors.White;
3             view.TitleBar.ButtonBackgroundColor = Colors.LightSkyBlue;

 

我们来调用一下这个TitleBarChanged方法。

现在,我们来看一下效果。

【Win10开发】自定义标题栏_第2张图片

标题栏就再也不是那种千篇一律的灰色了。大家可以尝试一下其他属性。比如ButtonHoverForegroundColor/ButtonHoverForegroundColor可以设置鼠标悬停到三大金刚键的前景色或者背景色,InactiveBackgroundColor/InactiveForegroundColor可以设置窗口处于非活动状态时的前景色或者背景色。

 当然标题栏的玩法不止这么简单,我们可以将App中的可显示区域扩展到TitleBar。首先我们通过CoreApplication.GetCurrentView静态方法,得到表示当前视图的CoreApplicationView实例,然后将ExtendViewIntoTitleBar设置为true即可。

1             CoreApplicationView coreView = CoreApplication.GetCurrentView();
2             coreView.TitleBar.ExtendViewIntoTitleBar = true;

效果如下:

【Win10开发】自定义标题栏_第3张图片

此时,App的内容已经扩展到了TitleBar。

甚至,我们可以将一些控件放到TitleBar里面(比如Back Button),使TitleBar具有更加丰富的功能。这些内容我将在下次更新,敬请关注。

你可能感兴趣的:(【Win10开发】自定义标题栏)