前页 后页

Android线框工具箱

“ Android Wireframing”图工具箱页面提供了用于在给定的应用程序执行状态下对Android平板电脑或手机的物理外观进行建模的模板。它们还提供了用于为每个Android设备生成标准模型结构的模式。

Example Android Tablet Wireframe (horizontal aspect) in Sparx Systems Enterprise Architect. Example Android Phone Wireframe (vertical aspect) in Sparx Systems Enterprise Architect

访问

在图工具箱上,单击Search以显示“查找工具箱项”对话框,并指定“ Wireframing”或“ Android”。

色带

设计>图表>工具箱

键盘快捷键

Ctrl + Shift + 3

Android屏幕类型

项目

描述

也可以看看

Android手机

为您要建模的Android Phone的脸部生成框架。显示提示,以指定纵向或横向。

子控件将包含在屏幕区域内。

标记的值:

  • MenuButtons-单击下拉按钮,然后选择“显示”或“隐藏”屏幕底部的菜单按钮栏
  • NotificationBar-单击下拉按钮,然后选择“显示”或“隐藏”屏幕顶部的通知栏

Android平板电脑

为您要建模的Android Tablet生成框架。显示提示,以指定纵向或横向。

子控件将包含在屏幕区域内。

标记的值:

  • MenuButtons-单击下拉按钮,然后选择“显示”或“隐藏”屏幕底部的菜单按钮栏
  • NotificationBar-单击下拉按钮,然后选择“显示”或“隐藏”屏幕顶部的通知栏

客户专区

生成代表设备客户区的框架元素。

标记的值:

  • 边框样式-单击下拉箭头,然后选择将边框呈现为实线或虚线,或者根本没有边框(无)
  • 滚动条H-单击下拉箭头,然后选择将水平滚动条放置在工作区的顶部或底部,或者不设置水平滚动条( <none> )
  • ScrollbarV-单击下拉箭头,然后选择将垂直滚动条放置在工作区的左侧或右侧,或者不设置垂直滚动条( <none> )

综合

项目

描述

也可以看看

展开式清单检视

生成一个代表两级分组列表的元素,该列表可以展开以显示一个或两个级别的项目。

双击元素以在“线框”页面上显示“属性”对话框,其中显示了根节点(可扩展列表元素名称),组标题项(直接在元素名称下方)和组项(在下方)组标题)。

  • 要添加新项目,请单击上面的级别(元素名称或组标题名称)和“添加”按钮,然后根据项目名称的提示键入提示,将名称添加到该部分的底部您在其中创建的列表的
    要将项目放置在列表中,请在列表中单击它,然后单击Up and down hand icons按钮
  • 要从列表中删除一个项目,请单击它,然后单击“删除”按钮;该项目将立即从列表中删除
单击“项目名称”(元素名称正下方的第一级列表项)。
  • 名称-输入此项目组的名称
  • 展开-单击下拉箭头,然后选择“ True”以显示该项目的子项,或者选择“ False”以隐藏子项
单击项目名称正下方的子项目名称(第二级列表项目)。子项目节点没有任何子节点。
  • 名称-输入子项目的名称
  • 选定-单击下拉箭头,然后选择“真”以突出显示所选内容,或者选择“假”以省略突出显示

生成具有标记的列,行和单元格的Table元素。

双击表以在“线框”页面上弹出元素“属性”对话框,该对话框提供了编辑表的功能(添加,重命名和删除列和行,更改列宽以及编辑单元格文本)通过上下文菜单选项和按钮。请注意,编辑器没有在屏幕上提供桌子外观的真实图像。

  • 绘制线-单击下拉箭头,然后选择“真”以显示表格单元格之间的水平和垂直线,或者选择“假”以隐藏线
  • 突出显示标题-单击下拉箭头,然后选择“真”以突出显示每一列的标题,或者选择“假”以使表格列保持统一的颜色

标签主机

在图上生成选项卡控件元素。您可以命名选项卡并将其标记为已选中。但是,更改选项卡时,子元素不会“切换”(也就是说,将其他选项卡设置为选定状态仍会在选项卡空间中显示相同的子项)。

标记的值:

  • 选项卡-单击下拉箭头,然后单击要突出显示为选中状态的选项卡
    您可以通过在“标记的值”注释中编辑“值:”列表来命名选项卡,并将其添加到列表中
如果减小元素的大小以致于无法显示所有选项卡, Horizontal scroll icon在元素的右上角自动显示一个滚动图标( Horizontal scroll icon )。
将注释分配给标记值

简单清单

生成一个列表框,其中包含没有子项目的项目列表。

双击该元素以在“线框”页面显示“属性”对话框。至:

  • 将项目更改为其他文本,在“名称”字段中改写“ Item <n>”文本
  • 突出显示选定的项目,在“选定的”字段中单击下拉箭头,然后选择“ True”。
  • 添加另一个项目,单击元素名称和“添加”按钮,然后键入项目名称
  • 从列表中删除一个项目,单击它,然后单击“删除”按钮
  • 将项目移到列表中的其他位置,单击它,然后适当地单击其中一个Up and down hand icons按钮

2车道清单

生成与“简单列表”相同的列表框,但是每个项目名称均以粗体显示,并且在项目名称下方可以有一个描述。

双击该元素以在“线框”页面显示“属性”对话框。

  • 要添加描述,请单击项目名称,然后在“文本”字段中键入描述文本
其他选项与“简单列表”相同。

检查清单

生成与“简单列表”相同的列表框,但是每个项目名称在其右侧都有一个勾号轮廓。对于选定的项目,将填充轮廓。

双击该元素以在“线框”页面显示“属性”对话框。

  • 要将勾选标记设置为选中(实心),请单击“已检查”下拉箭头,然后单击“真”。要将勾号更改为未选中(大纲),请将字段设置为False
其他选项与“简单列表”相同。

单选清单

生成与简单列表相同的列表框,但是每个项目名称的右侧都有一个单选按钮轮廓。对于所选项目,将填充轮廓。

双击该元素以在“线框”页面显示“属性”对话框。

  • 要将单选按钮设置为选中(填充),请单击“选中”字段下拉箭头,然后单击“真”。要将单选按钮更改为未选中(大纲),请将字段设置为False
    可以将所有项目设置为False(未选中),但是如果将多个项目设置为True(选中),则仅列表中最低的项目显示为选中状态
其他选项与“简单列表”相同。

表单小部件

项目

描述

也可以看看

开关

生成代表简单Android开关的元素。开关可以具有两种状态(例如“打开”和“关闭”)以及从元素名称中获取的标签。

标记的值:

  • 状态-单击下拉箭头,然后选择元素所描绘的开关位置
    您可以编辑“标记的值注释”中的“值:”字段以更改状态值的文本
    您可以添加两个以上的值,但是只能在列表的前两个值之间切换“状态”字段;如果选择,其他值将被忽略
将注释分配给标记值

评级控制

生成描述星际乐队的元素。元素始终显示五颗星,填充的星数表示等级。

标记的值:

  • 评分-单击下拉箭头,然后选择要显示填充的星级(评分)
您只能在水平方向上调整元素的大小;垂直尺寸会自动调整,以始终描绘出五个均匀形状的星星。

切换按钮

生成一个描述没有标签的单单元开关的元素(元素名称未显示)。

您可以使用与“ Switch”元素相同的方式来编辑所描绘的状态。

进度栏(大)

生成表示圆形Android进度图标的元素。

进度栏(水平)

生成表示流程进度的元素,默认情况下已完成30%。

标记的值:

  • 进度-键入要在元素上显示的进度完成百分比

纽扣

生成一个简单的带标签的Button元素,标签文本为元素的名称。

单选按钮

生成带标签的单选按钮元素,标签文本为元素的名称。

标记的值:

  • 状态-单击下拉箭头并选择要描述的状态-“已选中”(已填充)或“未选中”(概述)

复选框

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

标记的值:

  • 状态-单击下拉箭头并选择要描述的状态-“已选中”(勾选图标)或“未选中”(框轮廓)

搜寻栏

生成一个元素,该元素表示播放音频或视频文件的进度。

标记的值:

  • 进度-键入要在元素上描绘的进度百分比

键盘

生成描述用于Android应用程序的键盘的元素。

标记的值:

  • 类型-在文本(QWERTY)键盘和数字键盘之间切换图像

微调器

生成一个元素,该元素表示下拉菜单组合框的Android版本。

标记的值:

  • 展开-单击下拉箭头,然后选择True来描述正在使用的组合框并显示所有值,或者选择False来描述具有单个选定值的组合框
  • 值-单击下拉箭头,然后在组合框中选择要描述为当前值的值
    您可以通过编辑“标记的值”注释中的“值:”列表来更改值的文本并将其添加到列表中
将注释分配给标记值

文字栏位

项目

描述

也可以看看

纯文本

生成无边界的文本元素,该文本为元素名称。

标记的值:

  • 对齐文本-单击下拉箭头,然后选择将文本与元素框架的左侧,中心或右侧对齐
  • 多行-单击下拉箭头,然后选择True允许文本环绕多行(自动增加元素深度),或者False则仅显示适合当前元素宽度内一行的文本

多行文字

生成无边界的文本元素,但可以包含具有基本HTML格式的多行文本。

标记的值:

  • 对齐文本-单击下拉箭头,然后选择将文本与元素框架的左侧,中心或右侧对齐
  • 文本-单击Browse.按钮以编辑“标记值注释”屏幕,在该屏幕上可以创建要在图表上描绘的文本;这可以使用HTML格式标记,例如<b> </ b>粗体或<u> </ u>带有下划线-并非所有HTML格式都受支持

Image_Media

项目

描述

也可以看看

图片

生成占位符,以指示将图像放置在手机或平板电脑上的位置。

您可以通过为元素分配替代图像来显示实际图像。

使用图像管理器

视频播放器

生成表示手机或平板电脑上的视频播放器控件的元素。

音频播放器

生成表示手机或平板电脑上的音频播放器控件的元素。

时间日期

项目

描述

也可以看看

日历

生成一个描述日历的元素(默认图像),基于系统日期显示当前月份,日期和年份。

标记的值:

  • DateFormat-单击下拉箭头,然后选择日期格式(如果显示微调器)以显示:
    -d / m / y
    -m / d / y
    -y / m / d(如果还显示日历,则不可能)
  • ShowCalendar-默认为True以显示日历;如果还显示了微调框,日历将强制微调框显示在右侧显示年份,并替换年份微调框
    如果设置为False,则无论“ ShowSpinners”值如何,都将显示日,月和年微调器
  • ShowSpinners
    -如果设置为True并且'ShowCalendar'为True,则显示微调器
    控件的日期和月份(日历用作一年
    标记)
    -如果设置为False并且'ShowCalendar'为True,则不存在任何微调器
    与日历一起显示
    -如果“ ShowCalendar”设置为False,则日期,月份和年份
    微调框将自动以以下格式定义:
    'DateFormat',显示系统日期
您不能调整此元素的大小。

日期选择器

生成一个元素,该元素描述一组微调器,这些微调器显示从系统日期派生的今天的日期。

标记的值:

  • 日期-单击下拉箭头,然后从日历中选择其他日期;如果当前日期不是今天,则可以通过单击“今日”按钮,或者简单地清除“日期”值字段将其重置为今天的日期。
  • DateFormat-与Calendar元素相同
  • ShowCalendar-默认为False以隐藏日历;否则,关于Calendar元素
  • ShowSpinners-至于Calendar元素
您不能调整此元素的大小。

时间选择器

生成一个元素,该元素描述一对微调器,这些微调器以小时和分钟为单位显示从系统时钟得出的当前时间。

标记的值:

  • 24小时视图-单击下拉箭头并设置为True以24小时格式显示时间,或设置为False以12小时格式显示时间,时间右侧为AM或PM
  • 时间-改写小时,分钟和AM / PM设置以显示除系统时间以外的时间(您只能以12小时格式设置时间);要恢复系统时间,请在“ 12:00 AM”之前键入该字段
您不能调整此元素的大小。

时钟

生成一个元素,该元素表示带有时针和分针且没有数字的模拟时钟面,显示系统时间。您可以将演示文稿更改为数字显示。

标记的值:

  • 24小时视图-如果将“类型”设置为“数字”,请单击下拉箭头并选择True以24小时格式显示时间,或选择False以AM或12小时格式显示时间。适当时位于右侧的PM
  • 时间-改写小时,分钟和AM / PM设置以显示除系统时间以外的时间(您只能以12小时格式设置时间);要恢复系统时间,请在12:00 AM之前键入该字段
  • 输入-单击下拉箭头,然后选择“数字”以将时间显示为数字显示,或选择“模拟”以将时间显示为时钟面
您可以使用“模拟”格式调整元素的大小,但不能使用“数字”格式调整元素的大小。

Android模式

项目

描述

也可以看看

Android手机/ Android平板电脑

这些模式创建两个Android产品配置的示例模型。您可以将它们用作示例,说明如何设计元素,作为较大模型的基本组件,或者作为为一个或多个产品开发更详细模型的起点。

学到更多