UWP学习记录3-设计和UI之样式

UWP学习记录3-设计和UI之样式

1、颜色

在系统的“设置”>“个性化”>“颜色”里,提供了主题色选择。选定主题色后,会根据颜色亮度的 HSB 值创建浅色和深色的主题色。 应用可使用阴影变量创建可视化层次结构和提供交互指示。在 XAML 中,主要主题色显示为名为 SystemAccentColor 的主题资源。 这些色调可用作 SystemAccentColorLight3、SystemAccentColorLight2、SystemAccentColorLight1、SystemAccentColorDark1、SystemAccentColorDark2 和 SystemAccentColorDark3。 也可以通过 UISettings.GetColorValue 和 UIColorType 枚举,以编程方式获得。

用户也可以为系统选择浅色或深色主题。

使用浅色主题的应用适用于涉及生产性应用的方案。 Microsoft Office 提供的应用套件即是例子。 浅色主题支持在延长的任务时间内轻松阅读长篇大论。

深色主题更能够看到媒体中心式的应用的内容对比或提供给用户丰富的视频或图像的方案对比。 在这些方案中,虽然看电影的体验可能是主要任务,但阅读不一定是,并且它在光线较暗的环境条件下显示。

如果你的应用不完全符合这些描述中的任意描述,请考虑遵循系统主题,让用户决定适合他们的主题。你可以通过 Application.RequestedTheme 或 FrameworkElement.RequestedTheme 控制你的应用的主题。

2、版式

默认使用的字体是Segoe UI。对于文本样式,推荐的样式如下:

另外,对于中文,推荐的字体是宋体和Microsoft YaHei UI。繁体中文推荐的字体是Microsoft JhengHei UI。

3、控件样式

可以使用 XAML 框架通过多种方式自定义应用的外观。 通过样式可以设置控件属性,并重复使用这些设置,以便保持多个控件具有一致的外观。

这一块是和wpf一样的。样式和颜色一样,可以选择主体,有“浅色”、“深色”和“高对比度”这三种可选。

4、图标、动作、声音

以后再做深入。

时间: 2024-10-18 07:03:54

UWP学习记录3-设计和UI之样式的相关文章

UWP学习记录4-设计和UI之控件和模式1

UWP学习记录4-设计和UI之控件和模式1 1.控件和事件简介 在 UWP 应用开发中,控件是一种显示内容或支持交互的 UI 元素. 控件是用户界面的构建基块. 我们提供了超过 45 种控件供你使用,范围从简单按钮到网格视图之类的功能强大的数据控件. 模式是合并多个控件来创造新内容的一种方式. 应用添加控件实现UI,主要是三个步骤: A.将控件添加到你的应用 UI. B.设置控件的属性,如宽度.高度或前景色. C.将代码添加到控件的事件处理程序,从而使其执行一些任务. 添加应用一般通过: A.1

UWP学习记录7-设计和UI之控件和模式4

UWP学习记录7-设计和UI之控件和模式4 1.翻转视图 使用翻转视图浏览集合中的图像或其他项目(例如相册中的照片或产品详细信息页中的项目),一次显示一个项目. 对于触摸设备,轻扫某个项将在整个集合中进行浏览. 对于鼠标,导航按钮显示在鼠标悬停位置上. 对于键盘,使用箭头键移动浏览该集合. 翻转视图最适合浏览小到中型集合中的图像(最多 25 个项目左右). 此类集合的示例包括产品详细信息页中的项目或相册中的照片. 虽然微软不建议将翻转视图用于大多数大型集合,但是该控件通用于查看相册中的个别图像.

UWP学习记录2-设计和UI之布局

UWP学习记录2-设计和UI之布局 1.导航基础知识 应用里,多个页面会有层次关系或者对等关系.这两种关系,通常在一个复杂应用里都会存在,而关系的选定依据: 对于对等导航,一般用选项卡(tabs)或者导航窗(nav)来作为导航元素实现导航跳转.而对于层次关系,则使用中心(hub)来提供子页面的预览或摘要,或者使用大纲(master-details)来实现导航. 除此之外,返回(后退)和链接也可以用来导航.启用系统后退导航支持的方法是注册 BackRequested 事件的侦听器.标题栏后退按钮的

UWP学习记录9-设计和UI之控件和模式6

UWP学习记录9-设计和UI之控件和模式6 1.图形和墨迹 InkCanvas是接收和显示墨迹笔划的控件,是新增的比较复杂的控件,这里先不深入. 而形状(Shape)则是可以显示的各种保留模式图形对象,例如椭圆.矩形.直线.贝塞尔曲线等,Path 是最通用的 Shape,因为使用它可以定义任意几何图形.图形这块,是和wpf一样的. 2.布局控件 布局控件这块,大体上也是和wpf一样的.布局控件包含边框(Border).画布(Canvas).网格(Grid).RelativePanel.Stack

UWP学习记录10-设计和UI之控件和模式7

UWP学习记录10-设计和UI之控件和模式7 1.导航控件 Hub,中心控件,利用它你可以将应用内容整理到不同但又相关的区域或类别中. 中心的各个区域可按首选顺序遍历,并且可用作更具体体验的起始点. 中心的内容可以显示在全景视图中,这样用户一眼就能看见新增内容.可用功能和相关信息. 中心通常具有一个页标题,每个内容部分各有一个部分标题. Pivot,透视表控件,用于导航经常访问的不同内容类别. 透视表允许在两个或多个内容窗格之间进行导航,并且依靠文本标题来表明内容的不同部分. SemanticZ

FPGA学习记录_设计一个计数器

此处设计一个数器,使 学习板上 的 LED 状态每 500ms翻转一次. 学习板上晶振为50MHz,也就是说时钟周期为 20ns , 这样可以计算得出 500ms = 500_000_000ns/20,即需要计数器 计数 25_000_000 次,也就是需要一个至少 25 位的计数器( 位的计数器( 225>25_000_000>224 ).且每当计数次达到需要清零并重新计数. 1.计数器原理        计数是一种最简单基本的运算,计数器就是实现这种运算的逻辑电路,计数器在数字系统中主要是

kafka学习记录之设计

Updating...

mvc Bundling 学习记录

因为现在的项目JS引用很多,无意中看到了MVC4的Bundling,开始的时候感觉很不错,将所有的CSS,js文件压缩成一个文件处理,画面调用也很简单 于是,花了一个下午的时候研究了一下,并且通过各种情况进行测试 可是结果不尽如人意,其中有一个比较很让人抓狂的问题 经常做.NET的人都知道,UI画面会引用很多的插件,比如easyui,ext等等,而这些插件里面包含了很多图片引用,因为图片呢,就涉及到一个做WEB的常见难题:路径(当然,如果所有的CSS文件中图片路径都是使用的绝对路径或者项目绝对路

互联网网页设计与ui设计在未来发展的趋势

对于互联网来说,网页设计师这个职位还是挺热门的,毕竟,互联网已经越来越人性化啦,用的人越来越多,目前数据显示中国已经超过了6亿的用户数量UI设计公司,这表明:互联网是现实生活不可缺少的一部分.但是互联网的构成还得依靠网页才能体现在人们的眼前界面设计公司,大家说是吗?笔者相信只要懂互联网的都会毫不犹豫的说,是的!界面设计公司 网页是组成网站的基本,互联网又是由网站构成,但是网页必须由网页设计师来设计才行的,所以网页设计师职位的重要性相信大家都知道了吧,特别做了很多年以上的资历高深设计师,待遇和福利