前页 后页

Windows Phone线框工具箱

“ Windows Phone”图工具箱页面提供了用于在给定的应用程序执行状态下对Windows 8.1 Phone的物理外观进行建模的模板。

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

访问

在图工具箱上,单击Search以显示“查找工具箱项”对话框,然后指定“线框图”或“ Windows Phone”。

色带

设计>图表>工具箱

键盘快捷键

Ctrl + Shift + 3

Windows屏幕类型

项目

描述

Windows Phone

为Windows 8 Phone设备生成带有屏幕区域的框架。显示提示,您可以在其中指定纵向或横向。

无法调整在屏幕区域内创建的元素的大小或将其移动到屏幕边界之外。可以将在框架外部创建的元素拖到框架上和从框架上拖下,并且可以在视图或元素属性允许的范围内增大。

文本

项目

描述

文字区块

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

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

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

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

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

文本框

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

控制项

项目

描述

纽扣

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

标记的值:

  • 状态:单击下拉箭头,然后选择按钮状态以表示:
    -正常-未选择的按钮
    -聚焦-光标移到按钮上方时的按钮
    -选定-单击时的按钮
    -禁用-按钮不可用时显示为灰色

复选框

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

标记的值:

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

超链接按钮

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

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

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

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

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

图片

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

单选按钮

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

标记的值:

  • 启用:单击下拉箭头,然后选择“真”以显示启用选择的单选按钮,或者选择“假”以显示禁用和不可用的单选按钮
  • 状态:点击下拉箭头,然后选择“未选中”将单选按钮显示为空,或者选择“选中”将单选按钮显示为带圆圈的单选按钮

瓷砖

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

项目

描述

收藏瓷砖

添加具有随机图案的图块,以表示Windows集合图块。

标记的值:

  • 标头:输入合适的文本字符串作为图块标题;当“ Show Back”设置为“ True”且“ Tile Type”支持时,将显示该文本
  • 向后显示:单击下拉箭头,然后选择“ True”以显示图块的背面而不是正面;对于某些平铺类型,无论此设置如何,都不会显示背面
  • 文本:一个<memo>标记值,在其中键入要显示在图块背面的文本;显示文本的格式和字体取决于“平铺类型”
  • 拼贴类型:单击下拉箭头,然后选择收集拼贴的类型;这只会影响磁贴背面的显示,正面始终保持不变(有关磁贴类型的更多信息,请参见Windows磁贴模板类型说明网页)

图像平铺

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

标记的值:

  • 图片:点击Browse.图标,然后从“图片管理器”对话框中选择要显示给该图块的图片
  • 文字:输入文字,该文字将在图片底部以白色显示,具体取决于“瓷砖类型”
  • 磁贴类型:单击下拉箭头,然后选择要显示的图像磁贴类型;这将是仅图像或带有文本的图像(有关瓦片类型的更多信息,请参见Windows瓦片模板类型描述网页)

偷看瓷砖

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

标记的值:

  • 标头:输入合适的文本字符串作为图块标题;当“ Show Back”设置为“ True”且“ Tile Type”支持时,将显示该文本
  • 图片:点击Browse.图标,然后从图片管理器窗口中选择要显示在此图块正面的图片
  • 向后显示:单击下拉箭头,然后选择“真”以显示图块的背面而不是正面
  • 文本:一个<memo>标记值,在其中键入要显示在图块背面的文本;显示文本的格式和字体取决于“平铺类型”
  • 磁贴类型:单击下拉箭头,然后选择要显示的Peek磁贴类型(有关磁贴类型的更多信息,请参见Windows磁贴模板类型说明网页)

文字图块

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

标记的值:

  • 阻止文本:键入两部分的文本字符串以显示在图块的右下角,其中包括一个较长的字符串,它将以小字体显示,然后是一个较短的字符串,将以大字体显示,两个用分号分隔的字符串;短字符串在一个正方形图块中仅显示两个字符,在一个宽图块中最多显示5个字符,而较长的字符串可以包含更多字符,例如:Messages; 16
  • 文本:键入一些其他文本以显示在图块的顶部(取决于图块类型),例如在下部文本中标识的对象的描述或定义
  • 磁贴类型:单击下拉箭头,然后选择要显示的“文本”磁贴类型(有关磁贴类型的更多信息,请参见Windows磁贴模板类型描述网页)

Windows Phone控件

项目

描述

应用栏

生成表示“ Windows应用程序栏”的元素,该元素显示在电话屏幕的底部,以提供其他命令。最多可以包含五个图标和六个字符串。将图标拖到图表上时,系统会提示您选择“纵向”或“横向”的方向以匹配屏幕方向。

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

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

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

日期选择器

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

标记的值:

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

密码箱

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

标记的值:

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

进度条

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

进度环

生成一个元素,该元素描述Windows的“处理中”圆点。

搜索栏

生成表示Windows搜索字段的元素,并在其末尾带有开始搜索“放大镜”图标。

标记的值:

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

滑杆

生成一个表示滑动控制开关的元素,其中滑动器跨过50%。

标记的值:

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

时间选择器

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

标记的值:

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

拨动开关

生成一个元素,该元素描绘了一个滑行切换开关,左侧的开关代表“关闭”状态。

标记的值:

  • 状态-单击下拉箭头,然后选择“开”代表图标右侧的开关为“开”状态,或者选择“关”将开关移回图标左侧的代表“关”状态

学到更多