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

1、日历、日期和时间控件

日期和时间控件提供了标准的本地化方法,可供用户在应用中查看并设置日期和时间值。 有四个日期和时间控件可供选择,选择的依据如下:

日历日期选取器是一个下拉式控件,该控件已针对从日历视图中选取某个日期进行了优化,尤其是能够显示诸如星期几或丰富的日历信息等上下文信息。 可以修改日历以提供其他上下文或限制可用日期。

日历视图让用户查看可按月份、年份或十年期浏览的日历,并与之交互。 用户可选择单个日期或一组日期。 它没有选取器图面,并且日历始终可见。

日期选取器向你提供了一种标准化方式,可使用户通过触摸、鼠标或键盘输入选取本地化格式的日期值。

时间选取器提供了一种标准化途径,可使用户使用触摸、鼠标或键盘输入选取时间值。

2、上下文菜单和浮出控件

上下文菜单和浮出控件是紧密相关的控件,两者共享交互行为。

一个使用 MenuFlyout 类实现的上下文菜单,可以包含 MenuFlyoutItem、ToggleMenuFlyoutItem、MenuFlyoutSubItem 和 MenuFlyoutSeparator。 若要显示任何其他类型的 UI,请使用浮出控件。

浮出控件是可显示任意 UI 作为其内容的开放式容器。 浮出控件没有其自己的可视部分,它们只是内容控件。 浮出控件具有它们在其内容周围添加的边距和可选滚动栏。 若要设置某个浮出控件的样式,请修改其 FlyoutPresenterStyle。

浮出控件和上下文菜单附加到特定控件。 当可见时,它们应固定到调用对象,并将其首选相对位置指定为对象:顶部、左侧、底部或右侧。 浮出控件还具有一种完整放置模式,该模式尝试拉伸浮出控件,并在应用窗口内部居中放置。

3、图像

要显示图像,可使用 Image 对象或 ImageBrush 对象。 Image 对象呈现图像,而 ImageBrush 对象使用图像绘制其他对象。

使用 Image 元素在应用中显示独立的图像。使用 ImageBrush 将图像应用到另一个对象。 ImageBrush 的用途包括文本的装饰效果,或者控件或布局容器的平铺背景。 你可以控制如何拉伸、对齐和平铺图像,从而生成图案和其他效果。

默认支持的图像文件格式有:

联合图像专家组 (JPEG)

可移植网络图形 (PNG)

位图 (BMP)

图形交换格式 (GIF)

标记图像文件格式 (TIFF)

JPEG XR

图标 (ICO)

UWP学习记录8-设计和UI之控件和模式5的更多相关文章

  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学习记录7-设计和UI之控件和模式4

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

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

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

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

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

  7. UWP学习记录11-设计和UI

    UWP学习记录11-设计和UI 1.输入和设备 通用 Windows 平台 (UWP) 中的用户交互组合了输入和输出源(例如鼠标.键盘.笔.触摸.触摸板.语音.Cortana.控制器.手势.注视等)以 ...

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

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

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

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

随机推荐

  1. cas单点登录搭建

    Cas Server下载:http://developer.jasig.org/cas/ Cas Client下载:http://developer.jasig.org/cas-clients/ 测试 ...

  2. centos环境搭建

    1.php -v 与phpinfo();    不符,查看centos是否有自带的php:更改centos环境变量 /etc/profile,source /etc/profile生效: 2.pecl ...

  3. LODProp3D实例

    1. Level of detail(LoD)多细节层次描述(简称LoD)是实时绘制复杂几何场景的一种有效工具.基于层次结构的动态简化方法能够根据视点的变化,实时连续地转换场景细节模型.在本例中,实现 ...

  4. HTML 内容居中方式总结

    在HTML网页排版经常会用到关于对其方式的情况,水平居中和垂直居中.特别是水平居中,并不是一个简单的text-align就可以解决所有的情况. 开始之前普及一点HTML知识,目标很明显,不同的页面结构 ...

  5. 【转】PHP网站(nginx、php-fpm、mysql) 用户权限解析

    这篇文章我们就特别来讲解下,nginx.php-fpm 以及 mysql 运行在各个用户下的配置. 先来做个说明:nginx本身不能处理PHP,它只是个web服务器.当接收到客户端请求后,如果是php ...

  6. sublime3的安装和插件之类的

    1.http://www.sublimetext.com/3 选择适合自己电脑的下载 2.下载完之后打开,help -> enter lisence 谷了下注册码如下,粘贴过去,万一不行请自由飞 ...

  7. git 常用命令总结

    git是什么就不用说了,全世界都在用git.这里仅仅纪录git在mac上的一些使用命令(终端输入)操作,作为自己的备忘录,这里不做教程,下面会附上峰哥的教程. 1.安装git 最简单的安装方法,就是直 ...

  8. 取两个String数组的交集

    import org.testng.annotations.Test; import java.util.HashMap; import java.util.LinkedList; import ja ...

  9. PYTHON lambda表达式

    lambda相当于def定义函数     一一对应

  10. CAD的输出成高清jpg图片

    打印名称选择JPG或者PNG 然后图纸尺寸选择大的 尺寸不够大就自己设置下 创建新图纸——设置下长宽——然后保存下名字,然后图纸尺寸选择你设置过的这个输出就好了 然后窗口下就好了