预订演示
前页 后页

窗口手机线框工具箱

'窗口'图表工具箱页面提供了为窗口8 的物理外观建模的模板。 1在给定的应用程序执行状态下的电话。

Example Windows Phone-8 Wireframe diagram in Sparx Systems Enterprise Architect

访问

在工具箱 Search图表显示“查找工具箱项”对话框并指定“线框”或“窗口电话”。

功能区

设计>图表>工具箱

键盘快捷键

Ctrl+Shift+3

窗口屏幕类型

物品

描述

窗口电话

为窗口Phone 设备生成一个带有屏幕区域的框架。将显示A提示,您可以在其中指定纵向或横向方向。

在屏幕区域内创建的元素不能调整大小或移动到屏幕边框之外。在框架外创建的元素可以拖到和拖出框架,并且可以与视图或元素属性一样大。

文本

物品

描述

文本块

生成一个表示主要文本(例如标题和标签)的元素。元素名称是显示的文本。

双击元素打开“线框”页面的“属性”对话框。这将显示一组默认的六级标题样式。单击样式名称以填充对话框右侧的“属性”面板,然后单击每个属性的向下箭头并为样式选择适当的设置。如果您愿意,还可以在“名称”属性中更改样式名称。

如有必要,您可以向列表中添加更多样式。单击样式名称和添加按钮。在“输入项目名称”提示中,输入样式名称并单击确定按钮。新样式添加到列表末尾;如果您想将它移到列表的更上方,请单击它并单击Up的图标。同样,您使用“属性”面板定义样式。

如果要从列表中删除样式,请单击样式名称并单击“删除”按钮。

设置好该文本可以使用的样式后,点击“属性”对话框的“常规”页面,在“表头类型”标记值中,点击下拉箭头,选择样式应用于此特定文本框的文本。

文本框

生成一个带边框的简单文本字段,您可以在其中键入所需的任何文本。元素名称是显示的文本,不会换行。

控件

物品

描述

按钮

生成一个代表屏幕按钮的矩形图标,元素名称作为按钮文本。

标记值:

  • 状态:点击下拉箭头,选择状态按钮代表:
    - 正常 - 未选中的按钮
    - 聚焦 - 光标经过时的按钮
    - 选中 - 单击时的按钮
    -禁用-按钮变灰,不可用时

复选框

生成一个表示带标签的复选框的元素,元素名称是标签。

标记值:

  • 已启用:单击下拉箭头并选择True以显示复选框已启用以供选择,或False以显示复选框已禁用且不可用
  • 状态:单击下拉箭头并选择“未选中”以显示复选框为空且未选中,或“已选中”以显示选中的复选框并在其中打勾

超链接按钮

生成一个文本元素,元素名称作为显示的下划线文本,表示屏幕上的超链接。

双击元素打开“线框”页面的“属性”对话框,其中列出了正常的“链接”、“已访问”和“悬停”三种超链接状态。单击状态名称以填充对话框右侧的“属性”面板,然后单击每个属性的向下箭头,然后为要应用于该状态的样式选择适当的设置。如果愿意,您还可以在“名称”属性中更改状态名称。

如有必要,您可以向列表中添加更多状态。单击状态名称和添加按钮。在“输入项目名称”提示中,输入状态名称并单击确定按钮。新的状态被添加到列表的末尾;如果您想将它移到列表的更上方,请单击它并单击Up的图标。同样,您使用“属性”面板定义样式。

如果要从列表中删除状态,请单击状态名称和删除按钮。

设置好超链接可以具有的状态后,点击“属性”对话框的“常规”页面,在“状态”标记值中,点击下拉箭头,选择该超链接所处的状态是要描绘的。

图像

生成一个包含“X”的矩形object ,以指示屏幕上图像的位置。没有要设置的属性。

单选按钮

生成一个表示带标签的单选按钮的元素,元素名称是标签。

标记值:

  • 已启用:单击下拉箭头并选择True以显示单选按钮已启用以供选择,或False以显示单选按钮已禁用且不可用
  • 状态:单击下拉箭头并选择“未选择”以显示单选按钮为空,或“已选择”以显示带有实心圆圈的单选按钮

瓷砖

平铺元素向手机屏幕添加一个面板,该面板根据类型显示图像和/或一些文本。面板无法调整大小,如果显示文本,则文本仅占据元素的上半部分。显示的文本数量受磁贴类型的影响,因此您需要尝试使用所需的类型以查看可以显示多少有意义的文本。

物品

描述

收藏瓷砖

添加具有随机模式的图块,以表示窗口集合图块。

标记值:

  • 标题:键入合适的文本string作为磁贴标题;当'Show Back'设置为True并且'类型'支持它时显示文本
  • Show Back:单击下拉箭头并选择True以显示瓷砖的背面而不是正面;对于某些瓷砖类型,无论此设置如何,背面都不会显示
  • 文本:一个<memo>标记值,您在其中键入要显示在磁贴背面的文本;显示文本的格式和字体取决于 '类型'
  • 瓦片类型:点击下拉箭头,选择收藏瓦片的类型;这只会影响瓷砖背面的显示,正面将始终保持不变(有关瓷砖类型的更多信息,请参见窗口瓷砖模板类型描述网页)

图像瓷砖

添加一个磁贴,该磁贴最初显示为一个中间带有“X”的框,但旨在显示您选择的图像。

标记值:

  • 图像:单击Browse.图标并从“图像管理器”对话框中选择要为此图块显示的图像
  • 文本:输入将在图像底部以白色显示的文本,取决于“类型”
  • 平铺类型:点击下拉箭头,选择要显示的图像平铺类型;这可以是仅图像,也可以是带有文本的图像(有关图块类型的更多信息,请参见窗口图块模板类型描述网页)

偷看瓷砖

添加类似于图像的 tile,不同之处在于它可以显示 tile 的背面以显示更多信息。

标记值:

  • 标题:键入合适的文本string作为磁贴标题;当'Show Back'设置为True并且'类型'支持它时显示文本
  • 图像:单击Browse.图标并从图像管理器窗口中选择要显示在此图块前面的图像
  • 显示背面:单击下拉箭头并选择True以显示瓷砖的背面而不是正面
  • 文本:一个<memo>标记值,您在其中键入要显示在磁贴背面的文本;显示文本的格式和字体取决于 '类型'
  • Tile类型:单击下拉箭头并选择要显示的 Peek tile 类型(有关 tile 类型的更多信息,请参见窗口Template类型网页)

文本瓷砖

添加仅显示文本的磁贴。根据图块类型,您可以在面板的上半部分显示一个文本string ,在面板的右下角显示两个文本项。

标记值:

  • 块文本:输入一个由两部分组成的文本string以显示在图块的右下角,其中一个较长的string将以小字体显示,然后是一个较短的string以大字体显示,这两个用分号分隔的字符串;短string将仅在方形拼贴中显示两个字符,或在宽拼贴中最多显示 5 个字符,而较长的string可以包含更多字符,例如:Messages;16
  • 文本:输入一些附加文本以显示在图块的顶部(取决于图块类型),例如下部文本中标识的object的描述或定义
  • Tile类型:单击下拉箭头并选择要显示的文本tile 类型(有关 tile 类型的更多信息,请参见窗口Tile Template类型网页)

窗口电话控制

物品

描述

应用栏

生成一个表示“窗口Bar”的元素,该元素显示在手机屏幕的底部以提供其他命令。这最多可以包括五个图标和六个字符串。当您将图标拖到图表上时,系统会提示您选择“纵向”或“横向”的方向以匹配屏幕方向。

双击元素,在“线框”页面显示“属性”对话框,在顶部显示元素名称作为根。

单击元素名称,然后在右侧的“属性”面板中,单击“模式”属性的值字段中的下拉箭头并选择:

  • 'Mini' - 将 App Bar 表示为一个细条,右上角只有展开菜单图标 ( Browse. ),没有其他图标或文本
  • 'Default' - 将 App Bar 表示为细条,除非它包含项目,在这种情况下,它将仅显示圆圈中的图标,没有文本或图标名称
  • '展开的' - 以圆圈形式显示包含每个图标的应用栏、圆圈下方的项目名称以及最多六个代表附加菜单选项的文本字符串
在将一些图标作为子节点添加到应用栏后,您可能更愿意设置应用栏属性。要添加子节点,请单击根,然后单击添加按钮,然后输入图标或object的名称。在右侧面板中,设置子节点的属性:
  • '名称':显示项目的名称,必要时可以编辑;如果 App Bar 以“展开的”模式呈现,符号或字体项目的名称将显示在图标下方,而对于文本项目,它将显示在垂直列表中图标的下方和左侧
  • '类型':点击下拉箭头,从物品类型列表中选择;您选择的类型将决定显示哪些其他属性提示:
    - 'SymbolIcon':将项目显示为符号图标
    - 'FontIcon':将项目显示为字形,使用字体
    - 'BitmapIcon':将选定的图像绘制为图标
    - “文本”:(仅适用于“展开的”模式)显示项目
    名称为下方和左侧垂直列表的成员
    图标;一次最多可以列出六个项目
    - “分隔符”:在图标之间画一条垂直线,这很重要
    作为 App Bar 图标的五个可用位置之一;
    分隔项不显示名称
  • “符号”:(如果“类型”设置为“符号图标”则显示)单击下拉箭头并从列表中选择符号
  • 'FontFamily':(如果'类型'设置为'FontIcon'则显示)输入要使用的字体名称,例如'Segoe UI Symbol'
  • “字形”:(如果“类型”设置为“FontIcon”,则显示)输入要绘制的字形的十六进制值 - 例如,对于©符号,您可以将“FontFamily”设置为“Arial”并输入十六进制代码“00A9”;窗口中的字体代码可以通过'控件|字体 |找一个角色'
  • 'Bitmap':(如果'Type'设置为'类型'则显示)点击下拉箭头并选择一个位图(在图像管理器中列出)

日期选择

生成一个元素,该元素描述了三个块,显示了从系统日期派生的今天的日期和日期、月份和年份。

标记值:

  • 日期 - 如有必要,单击下拉箭头并从日历中选择不同的日期;如果显示的日期不是今天,您可以通过单击“今天”按钮将其重置为今天的日期
  • DateFormat - 单击下拉箭头并选择要显示的日期格式:
    - 日/月/年
    - 月/日/年
    - 年/月/日

密码箱

在屏幕上生成一个表示密码字段的元素。

标记值:

  • 密码:表示密码的文本string
  • 密码字符:隐藏密码时替换“密码” string中每个字符的字符(当“显示按钮”或“显示文本”设置为False时)
  • 显示按钮:如果设置为True (默认),则绘制一个显示“密码”文本string的按钮;如果设置为False ,则不显示按钮,并且密码string由包含“密码字符”的string表示
  • 显示文本:当“显示按钮”设置为True时,将“显示文本”设置为True将显示“密码”文本string ;否则显示的string仅由“密码字符”组成

进度条

生成一个表示“进程进行中”状态栏的元素,显示多个“点”阶段。

进度环

生成描述窗口“处理中”圆点的元素。

搜索栏

生成一个表示窗口搜索字段的元素,其末尾带有开始搜索“放大镜”图标。

标记值:

  • 占位符文本- 默认为单词“搜索”;如有必要,用替代文本string改写它

滑块

生成一个表示滑动控制开关的元素,滑块在 50% 处横穿。

标记值:

  • 填充量 - 用1到 100 之间的值覆盖字段,以设置在滑块后面显示为暗的图标的百分比

时间选择

生成描述两个块的元素,以 12 小时或 24 小时时钟格式显示以小时和分钟为单位的时间。

标记值:

  • 24 小时显示 - 单击下拉箭头并选择True以 24 小时格式显示时间,或False (默认)以 12 小时格式显示时间
  • 时间- 分三个部分显示时间 - 小时、分钟和 AM/PM;单击并用所需的时间值覆盖每个部分

拨动开关

生成一个元素,描绘一个滑动切换开关,开关位于左侧,表示“关闭”状态。

标记值:

  • 状态——点击下拉箭头,选择“开启”表示开启状态,开关在图标右侧,或“关闭”将开关移回图标左侧表示状态

了解更多