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. express源码剖析1

    在通读源码之前,先把一些比较难理解的代码吃透: 1.EventEmitter.prototype mixin(app, EventEmitter.prototype, false); app为一个函数 ...

  2. C语言中,while()语句中使用赋值语句

    while()语句括号中是一个逻辑表达式,用以判断while循环是否需要继续执行.可以是赋值语句. while循环的一般格式为: while(expr) { ;//body } 其中用来判断循环条件的 ...

  3. MySQL练习-employees数据库(二)

    department 部门表 dept_emp 部门员工任职期表(按部门&时期) dept_manager 部门经理任职期表(按时期) employees 员工详情表 salaries 员工薪 ...

  4. Create a new Windows service on windows server2012

    netsh http add iplisten ipaddress=0.0.0.0:15901 sc.exe create "FPPService" binPath= " ...

  5. Dom元素的操作

    getElementById(): 获取有指定惟一ID属性值文档中的元素 getElementsByName(name): 返回的是数组 getElementsByTagName(): 返回具有指定标 ...

  6. android 选择图片或拍照时旋转了90度问题

    由于前面的博文中忽略了点内容,所以在这里补上,下面内容就是解决拍照或者选择图片显示的时候图片旋转了90度或者其他度数问题,以便照片可以正面显示:具体如下: 首先直接看上面博文下的拍完照或者选完图后处理 ...

  7. ORA-01033 ORACLE 正在初始化或关闭

    (借鉴:该方法本人亲自操作过,解决了问题!) 解决连接ORACLE错误一例:ORA-01033: ORACLE 正在初始化或关闭 客户发现连接数据库有问题,错误有: ORA-01033: ORACLE ...

  8. BZOJ 4184: shallot

    Description 在某时刻加入或删除一个点,问每个时刻的集合中能异或出来的最大值是多少. Sol 线段树+按时间分治+线性基. 按时间分治可以用 \(logn\) 的时间来换取不进行删除的操作. ...

  9. 《PHP数组函数》笔记

    ① in_array() 检查数组中是否存在某个值;有两个参数,第一个参数是要查找的值,第二个参数是数组名,返回值为布尔,找到则ture否则false; ② array_search 在数组中搜索给定 ...

  10. Iterm2 ssh tab title

    vim ~/.bashrc 添加一行 p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; line-height: 19.0px; font: 13.0px "H ...