UWP学习记录11-设计和UI

1、输入和设备

通用 Windows 平台 (UWP) 中的用户交互组合了输入和输出源(例如鼠标、键盘、笔、触摸、触摸板、语音、Cortana、控制器、手势、注视等)以及支持扩展体验(包括鼠标滚轮和按钮、笔橡皮擦、筒状按钮、触摸键盘和后台应用服务)的各种模式或修饰符。

具体各种输入的详细处理方法,以后用到的时候再深入。

通用 Windows 平台 (UWP) 应用也支持很多种设备,了解支持的设备将帮助你提供每个外形规格的最佳用户体验。 针对特定设备进行设计时,主要注意事项包括应用将如何显示在该设备上,在该设备上使用应用的位置、时间和方式,以及用户将如何与该设备交互。

主要类型有:手机和平板手机、平板电脑、PC和笔记本电脑、Surface Hub 设备和Windows IoT 设备。

2、全球化和本地化

全球化 就是在无需做任何更改或自定义的情况下设计和开发你的应用以便适应不同的国际市场的过程。

例如,你可以:

l 设计应用的布局以适应标签和文本字符串中不同的文本长度和其他语言的字体大小。

l 从可适应于不同当地市场的资源中检索文本和与文化相关的图像,而非将它们硬编码到你的应用编码或标记中。

l 使用全球化 API 来显示按不同区域进行不同格式化的数据,例如数值、日期、时间以及货币。

本地化 就是对你的应用进行改编以满足特定当地市场的语言、文化和政治要求的过程。

例如:

l 翻译应用的文本和标签以适应新市场,并且为其语言创建单独的资源。

l 修改任何与文化相关的图像(如有必要),并且放在单独的资源中。

使应用轻松适应不同的市场,方法包括:为你的 UI 选择在全球范围都适合的字词和图像、使用 Globalization API 格式化应用数据,以及避免基于位置或语言的假设。

一些语言(如德语和芬兰语)的文本所需的空间比其对应的英语文本所需的空间更多。 一些语言(如日语)的字体需要更高的高度。 还有一些语言(如阿拉伯语和希伯来语)要求文本布局和应用布局必须采用从右到左 (RTL) 的读取顺序。

使用灵活的布局机制,而不要使用绝对定位、固定宽度或固定高度。 可以根据语言来调整特定 UI 元素(如果必要)。

Windows.Globalization.DateTimeFormatting 为全球的语言和区域提供了各种正确设置日期和时间格式的方法。 你可以为年、月、日等使用标准格式,或使用标准字符串模板,例如“longdate”或“month day”。

但当你希望更好地控制要显示的 DateTime 字符串要素的顺序和格式时,你可以为字符串模板参数使用名为“模式”的特殊语法。 使用模式语法可以获得 DateTime 对象的个别要素(例如获取月名称或仅获取年值),以便在你选择的任何自定义格式中显示它们。 此外,模式也可以进行本地化以适应其他语言和区域。

UWP学习记录11-设计和UI的更多相关文章

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

    UWP学习记录4-设计和UI之控件和模式1 1.控件和事件简介 在 UWP 应用开发中,控件是一种显示内容或支持交互的 UI 元素. 控件是用户界面的构建基块. 我们提供了超过 45 种控件供你使用, ...

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

    UWP学习记录10-设计和UI之控件和模式7 1.导航控件 Hub,中心控件,利用它你可以将应用内容整理到不同但又相关的区域或类别中. 中心的各个区域可按首选顺序遍历,并且可用作更具体体验的起始点. ...

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

    UWP学习记录9-设计和UI之控件和模式6 1.图形和墨迹 InkCanvas是接收和显示墨迹笔划的控件,是新增的比较复杂的控件,这里先不深入. 而形状(Shape)则是可以显示的各种保留模式图形对象 ...

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

    UWP学习记录8-设计和UI之控件和模式5 1.日历.日期和时间控件 日期和时间控件提供了标准的本地化方法,可供用户在应用中查看并设置日期和时间值. 有四个日期和时间控件可供选择,选择的依据如下: 日 ...

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

    UWP学习记录7-设计和UI之控件和模式4 1.翻转视图 使用翻转视图浏览集合中的图像或其他项目(例如相册中的照片或产品详细信息页中的项目),一次显示一个项目. 对于触摸设备,轻扫某个项将在整个集合中 ...

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

    UWP学习记录6-设计和UI之控件和模式3 1.按钮 按钮,响应用户输入和引发 Click 事件的控件. 使用<Button>就能创建一个按钮控件了.按钮是 ContentControl, ...

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

    UWP学习记录5-设计和UI之控件和模式2 1.应用栏和命令栏 CommandBar 控件是一款通用.灵活.轻型的控件,可显示复杂内容(如图像或文本块)以及简单的命令(如 AppBarButton.A ...

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

    UWP学习记录3-设计和UI之样式 1.颜色 在系统的“设置”>“个性化”>“颜色”里,提供了主题色选择.选定主题色后,会根据颜色亮度的 HSB 值创建浅色和深色的主题色. 应用可使用阴影 ...

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

    UWP学习记录2-设计和UI之布局 1.导航基础知识 应用里,多个页面会有层次关系或者对等关系.这两种关系,通常在一个复杂应用里都会存在,而关系的选定依据: 对于对等导航,一般用选项卡(tabs)或者 ...

随机推荐

  1. fineui刷新父页面

    protected override string AfterAddJS() { //TODO 重载这2个函数 可以控制新增和编辑之后执行的JS return AfterSaveJS_ReloadDa ...

  2. PHP XML和数组互相转换

    //数组转XML function arrayToXml($arr) { $xml = "<xml>"; foreach ($arr as $key=>$val) ...

  3. 《软件设计师》——UML

    包含和扩展的区别,在于是否“必须”,如果是必须则是包含,如果不是必须则是扩展. 粗横线表示产生多个并行的任务.

  4. CH模拟赛 皇后游戏

    /* 做的时候手推了一下n=2的四种情况,再排一下序就可以了,证明不是很严谨,但我想这就行了,毕竟全是套路 */ #include<iostream> #include<cstdio ...

  5. 5 Hbase

    # 大纲: * 认识 HBase * HBase 架构 * HBase读写流程   定义: *  HBase是一个高可靠性.高性能.面向列.可伸缩的分布式存储系统,利用Hbase 技术可在廉价PC S ...

  6. UVA 1401 Remember the Word

    字典树优化DP                                Remember the Word Time Limit: 3000MS   Memory Limit: Unknown ...

  7. Oracle常用语法

    Oracle常用语句语法汇总 Oracle10g 1 第一章Oracle命令 a) 系统管理员连接 conn */* as sysdba b) 查询当前用户 show user c) 创建新用户 cr ...

  8. python的反转(切片)

    看下面代码吧,简单来说不如直接看代码.如下: #coding=utf-8 __author__ = 'debude' a = 'python' print a[::-1] #从最后n开始,每走一位都打 ...

  9. visual studio 2013 中配置OpenCV2.4.13 姿势

    首先在path中添加 “C:\OpenCV\opencv\build\x64\vc12\bin”   (地址随实际变化) 注:添加的都是*86不使用*64 在visualstudio 2013中配置 ...

  10. LRU LFU FIFO 转载

    -------------------------------------->href--------------------------> http://blog.chinaunix.n ...