1. 前言 之前在 如何使用Fluent Design System 这篇文章里已经简单介绍过Reveal的用法,这篇再详细介绍其它内容. 2. 自定义RevealButtonStyle 我觉得常用ItemsControl都已经自动应用了Reveal,用就是了. 没有默认应用Reveal的控件,UWP也为其中一部分提供了可用的Reveal样式. 只需简单地应用Style即可: <Button Content="Button Content" Style="{Static…

4. 兼容旧版本 FDS最常见的问题之一是如何与Fall Creators Update之前的版本兼容,其实做起来也挺简单的,ColorfulBox就实现了Creators Update与Fall Creators Update之间的兼容. 4.1 使用HamburgerMenu代替NavigationView UWP Community Toolkit中的HamburgerMenu是以前制作汉堡包导航菜单最常用的方案,升级到2.0版本以后它会判断运行的Windows版本,如果是Fall Cre…

微软最新设计Fluent Design System初体验 本文图片不全!建议移步知乎专栏查看!!! https://zhuanlan.zhihu.com/p/30582886 原创 2017-11-06 MSP-李桑郁 MSPrecious成长荟 微软 在1709这次秋季创意者大更新中,微软终于将Fluent Design System做的像模像样了.之前只有部分,例如计算器.照片等App有FDS的影子,现在设置也有了.使得大家Windows10愈发的漂亮了(以前很丑) Fluent Desi…

一时兴起想谈谈UWP按钮的设计. 按钮是UI中最重要的元素之一,可能也是用得最多的交互元素.好的按钮设计可以有效提高用户体验,构造让人眼前一亮的UI.而且按钮通常不会影响布局,小小的按钮无论怎么改也不会对性能有多大影响,所以不少注重细节的设计师最为热衷修改按钮.(例如 这位 ) 目前UWP只提供了基础款的按钮样式,网上相关资源也较少,所有写了这篇文章用于介绍在UWP上设计按钮的入门知识. 1. VisualStates Button的CotrolTemplate(可以参考 这里 )中包含四个Vi…

1. 前言 微软在Build 2017中公布了新的设计语言Fluent Design System(以下简称FDS),不过官网只是堆砌了各种华丽的词语以及一堆动画.至于在UWP中要做成怎么样,怎么做,可以参考这个视频: Build Amazing Apps with Fluent Design - Build 2017 视频中使用BuildCast这个示例应用详细展示了Fall Creators Update(16299)中如何实现FDS以及其它FCU的新API,极具参考价值. 或者参考开发人员…

1. 前言 在 如何使用Fluent Design System 这篇文章里已经简单介绍过Reveal的用法,这篇再详细介绍其它内容. 自Windows 8 放弃Aero后,群众对毛玻璃回归的呼声一致都很大.Fluent Design System带来了新的透明背景Acrylic,提供更好的性能及更时髦的外观.(不过由于使用简单,可以预见滥用已经不可避免.) 2. 使用Acrylic 2.1 在XAML中使用Acrylic UWP提供了一组已定义好的Acrylic Brush供开发者使用,通过T…

在 Windows 10.0.16299 中,RevealBrush 被引入,可以实现炫酷的鼠标滑过高亮效果和点击光照.本文将告诉大家如何完整地实现这样的效果. Reveal 的效果(自带) 在微软官方推荐的 XAML Controls Gallery 应用中,我们可以找到 Reveal 的实现章节.下图是应用中演示的 Reveal 效果: 不过在其实现中,全都是使用的系统自带的样式,例如: <Button Style="{StaticResource ButtonRevealStyle}…

原文:[UWP]使用Acrylic(亚克力) 1. 前言 在 如何使用Fluent Design System 这篇文章里已经简单介绍过Reveal的用法,这篇再详细介绍其它内容. 自Windows 8 放弃Aero后,群众对毛玻璃回归的呼声一致都很大.Fluent Design System带来了新的透明背景Acrylic,提供更好的性能及更时髦的外观.(不过由于使用简单,可以预见滥用已经不可避免.) 2. 使用Acrylic 2.1 在XAML中使用Acrylic UWP提供了一组已定义好的…

1. 自己用的番茄钟自己做 在PC上我一直使用"小番茄"作为我的番茄钟软件,我把它打开后放在副显示器最大化,这样不仅可以让它尽到本分,而且还可以告诉我的同事"我正在专心工作".可是我总是嫌弃它的手感不够愉悦,总想自己写一个番茄钟软件,正好最近很久没写UWP应用了很手痒,于是就抽空写了个自用的番茄钟并发布到微软应用商店. 结果手感也并不愉悦. 另外,本来本来我也打算用Storyboard实现动画,但火火总是劝我不要搞Storyboard,要用Composition A…

UWP已经有好几个Bilibili的客户端,最近有多了一个: 哔哩 - Microsoft Store 作者云之幻是一位很擅长设计的UWP开发者,我也从他那里学到了很多设计方面的技巧.它还是一位Bilibili的Up主,主打PowerPoint和UWP教学. 云之幻的个人空间 - 哔哩哔哩 ( ゜- ゜)つロ 乾杯~ 既然是一位设计方面的专家,这个UWP客户端当然有出色的设计.和过去几个同类应用不同,它整个UI经过全新设计,包含UWP各种时髦的设计元素,例如acrylic.reveal.conn…