前页 后页

对话框线框工具箱

“对话框线框图”图工具箱页面提供了用于对屏幕对话框的物理设计,外观和操作进行建模的模板。您可以通过将“对话框模式”图标拖到图表上来查看并构建有关如何对对话框界面进行建模的示例。

Example Dialog Wireframing diagram created in Sparx Systems Enterprise Architect

访问

色带

设计>图表>工具箱: Search >在“查找工具箱项目”对话框中指定“线框图-对话框”

键盘快捷键

Ctrl + Shift + 3: Search >在“查找工具箱项”对话框中指定“线框图-对话框”

其他

通过单击“图表视图”顶部标题栏左端的Chevron RightChevron Left图标,可以显示或隐藏“图表工具箱”。

屏幕类型

项目

描述

也可以看看

对话

生成一个表示对话框轮廓的元素,并带有标题(元素名称)。您可以在元素“属性”对话框中公开和定义多个组件,其中一些使用“常规”页面的“线框图”选项卡上的“标记值”,某些使用对话框的“线框”页面。

标记的值:

  • 关闭按钮-默认为True,以在对话框的右上角显示“关闭对话框”图标;单击下拉箭头,然后选择“ False”以忽略该图标
  • 最大化按钮-默认为False,以从对话框的右上角省略“最大化对话框”图标;单击下拉箭头,然后选择True以显示图标
  • 最小化按钮-默认为False,以从对话框的右上角省略“最小化对话框”图标;单击下拉箭头,然后选择True以显示图标
  • ScrollbarH-默认为' <none> ',以在对话框上省略水平滚动条;单击下拉箭头,然后选择“底部”或“顶部”以在相应位置显示滚动条
  • ScrollbarV-默认为' <none> ',以忽略对话框上的垂直滚动条;单击下拉箭头,然后选择“左”或“右”以在相应位置显示滚动条
  • StatusBar-使用“线框”页面定义状态栏的显示
  • 用户图标-键入与图像管理器中列出的图标名称完全相同的名称,以在对话框(元素)名称之前的对话框的左上角显示该图标
线框页面:

双击元素时默认显示。使用选项修改对话框底部的状态栏。

单击元素名称。

  • 缩放栏-默认为True,以在状态栏的右端描绘一个缩放栏;单击下拉箭头,然后选择“假”以忽略缩放栏
  • 调整大小手柄-默认为True,以在状态栏的右下角显示调整大小图标(点的三角形);单击下拉箭头,然后选择“ False”以忽略该图标
单击“标签”-这将在状态栏的左端定义进度条的第一部分。
  • 名称-如有必要,在进度栏上用其他名称改写文本;此文本不会显示,但该字段不能为空
  • 文字-如有必要,请改写默认文字,并在进度条旁边显示不同的文字
  • 类型-默认为“文本”以显示“文本”字段中包含的字符串;如有必要,请单击下拉箭头并选择:
    -填充进度栏-用部分填充替换文本
    矩形(描绘进度条的一部分,其中一部分
    处理完成),或
    -进度条-用包含以下内容的矩形替换文本
    块(以显示进度条的一部分,其中包含
    行动)
单击“进度条”-这定义了进度条的第二部分。这些属性与第一段的属性相同,除了没有默认的“文本”和“类型”默认为“已填充”。

如果要向进度栏添加另一个细分,请单击元素名称,单击“添加”按钮并为此细分提供名称。像以前一样为“文本”和“类型”属性提供值。

如果要从进度栏中删除细分,请单击细分名称,然后单击“删除”按钮。如果删除所有段以及“缩放栏”和“调整大小手柄”,则状态栏本身也会被删除。

您可以通过点击细分名称和Up and down hand icons按钮来更改细分的顺序。

使用图像管理器

客户专区

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

标记的值:

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

控制项

项目

描述

也可以看看

纽扣

生成一个表示简单按钮的元素,其中元素名称为按钮文本。

标记的值:

  • 状态-单击下拉箭头,然后为按钮选择状态:
    -普通-简单矩形,用于普通显示按钮所在的位置
    刚刚可用
    -聚焦-突出显示的内部边框,例如,
    该按钮是默认选择
    -已选中-填充矩形,表示该按钮为
    已选
    -禁用-文本和边框为浅色,表示该按钮为
    无法使用

复选框

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

标记的值:

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

单选按钮

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

标记的值:

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

组合框

生成一个代表下拉组合框的元素。

标记的值:

  • DropDownState-单击下拉箭头,然后选择“打开”以描述正在使用的组合框,显示所有值,或者选择“封闭”以描述具有单个选定值的组合框
  • 项目-单击下拉箭头,然后在组合框中选择要描述为当前选定的项目,如果展开了项目列表,则在列表中突出显示
    您可以通过编辑“标记的值”注释中的“值:”列表来更改项目的文本,以及在列表中添加或删除项目。
将注释分配给标记值

标签

生成一个标签文本元素,标签文本是该元素的名称。

标记的值:

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

清单

生成列表框元素。

标记的值:

  • 项目-单击下拉箭头,然后选择要在列表中突出显示的项目
    您可以通过编辑“标记的值注释”中的“值:”列表来添加,删除和重命名项目
  • ListType-单击下拉箭头,然后选择以将列表显示为“ Simple”,“ Numbered”或“ Bulleted”

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

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

标记的值:

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

图片

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

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

使用图像管理器

对话框控件

项目

描述

也可以看看

复选框列表

生成一个描述清单的元素,其中每个项目的左侧都有一个复选框。

双击表以在“线框”页面上显示元素“属性”对话框,您可以使用该对话框来维护该元素。

对于每个“复选框”项,请填写以下字段:

  • 名称-输入项目的名称或文字
  • 选中-单击下拉箭头,然后选择“真”以显示该项目的勾选复选框,或选择“假”以显示已清除的复选框
要将另一个项目添加到列表中,请单击元素名称并单击“添加”按钮,然后提供该项目的名称。

要从列表中删除项目,请单击该项目,然后单击“删除”按钮。

您可以通过单击项目名称和Up and down hand icons按钮来更改项目顺序。

格式栏

生成一个表示文本格式栏的简单元素。

如果要表示包含已定义图标的工具栏,请使用“工具栏”图标。

列表显示

生成一个元素,该元素表示带有或不带有关联图像的文本项的水平,矩形或垂直列表(取决于元素的大小)。

双击表以在“线框”页面上显示元素“属性”对话框,您可以使用该对话框添加,删除或更改项目及其图标。对于每个项目,请填写以下字段:

  • 名称-键入项目的名称或文本;该字段不能为空
  • 图像-键入图像名称,或单击下拉箭头并选择名称,如图像管理器中所列
  • 选定-单击下拉箭头,然后选择True突出显示项目名称,或者选择False省略任何突出显示;一次可以突出显示多个项目
要将另一个项目添加到列表中,请单击元素名称并单击“添加”按钮,然后提供该项目的名称。

要从列表中删除项目,请单击该项目,然后单击“删除”按钮。

您可以通过单击项目名称和Up and down hand icons按钮来更改项目顺序。

如果减小元素的大小以便不能显示所有项目,则滚动条会自动显示在元素的右边缘:

Vertical scroll

使用图像管理器

状态栏

生成与“ Dialog”元素上自动生成的状态栏相同的状态栏元素,不同之处在于可以根据需要独立于对话框放置该元素。

工具列

生成表示图标工具栏的元素,该图标工具栏已经设置了一些标准工具栏图标。

双击该元素以显示“属性”对话框的“线框”页面,可用于添加,删除或更改项目及其图标。对于每个项目,请填写以下字段:

  • 名称-键入项目的名称或文本;该字段不能为空
  • 图像-键入图标图像的名称,或单击下拉箭头并选择名称,如图像管理器中所列
要将另一个项目添加到列表中,请单击元素名称并单击“添加”按钮,然后提供该项目的名称。您可以将一个或多个称为“分隔符”的项目添加到列表中(以|表示),以对工具栏中相关图标的组进行分区。如果将图像添加到此项,则图像将被|覆盖。

要从列表中删除项目,请单击该项目,然后单击“删除”按钮。

您可以通过单击项目名称和Up and down hand icons按钮来更改项目顺序。

音频播放器

生成一个简单的元素来指示音频播放器控件。

日历

生成表示基本日历的元素,该元素显示从系统日期派生的今天的日期。

标记的值:

  • 日期-可以:
    -改写此字段中显示的日期,或
    -单击下拉箭头以显示活动日历
    页并选择该日期;点击今天按钮
    将日期重置为系统日期
  • 突出显示日期-单击下拉箭头,然后选择“真”以突出显示日历图标上的设置日期,或者选择“假”以省略突出显示

标头

生成表示对话框上标题或标题文本的元素。文本本身就是元素名称。

元素可以反映一系列标题级别之一,每个标题级别具有不同的字体样式。您可以使用元素内的“ HeaderType”标记值指定要显示的标题级别。

双击该元素以显示“属性”对话框的“线框”页面,可用于添加,删除或更改标题级别和样式。对于每个项目,请填写以下字段:

  • 名称-键入标题级别的名称;该字段不能为空
  • 颜色-单击下拉箭头,然后从调色板中选择适当的颜色
  • 字体大小-输入字体大小,或单击下拉箭头并从列表中选择字体大小
  • 字体家族-单击下拉箭头,然后从列表中选择字体类型
  • 字体样式-单击下拉箭头,然后从列表中选择样式;选择空白表示不应用样式
  • 文本对齐-单击下拉箭头,然后选择以左对齐,右对齐或居中对齐
  • 文字修饰-单击下拉箭头,然后选择是否显示下划线或中线,或者不显示(空白)
要将另一个标题级别添加到列表中,请单击元素名称并单击“添加”按钮,然后提供该级别的名称。

要从列表中删除一个级别,请单击该项目,然后单击“删除”按钮。

您可以通过单击级别名称和Up and down hand icons按钮来更改标题级别的顺序。

标记的值:

  • HeaderType-单击下拉箭头,然后选择要显示的标题级别

超连结

生成表示超链接的元素,该元素处于以下三种状态之一:“链接”,“访问”和“悬停”(鼠标悬停)。超链接文本是元素名称。

双击元素以显示“属性”对话框的“线框”页面,您可以使用该页面添加,删除或更改超链接状态。对于每种状态,请填写以下字段:

  • 名称-键入州名;该字段不能为空
  • 颜色-单击下拉箭头,然后从调色板中选择适当的颜色
  • 字体大小-输入字体大小,或单击下拉箭头并从列表中选择字体大小
  • 字体家族-单击下拉箭头,然后从列表中选择字体类型
  • 字体样式-单击下拉箭头,然后从列表中选择样式;选择空白表示不应用样式
  • 文本对齐-单击下拉箭头,然后选择以左对齐,右对齐或居中对齐
  • 文字修饰-单击下拉箭头,然后选择是否显示下划线或中线,或者不显示(空白)
要将另一个超链接状态添加到列表中,请单击元素名称并单击“添加”按钮,然后提供该状态的名称。

要从列表中删除状态,请单击该项目,然后单击“删除”按钮。

您可以通过单击状态名称和Up and down hand icons按钮来更改状态顺序。

标记的值:

  • 状态-单击下拉箭头,然后选择要在图中表示的状态

菜单栏

在屏幕顶部生成代表标准菜单栏的元素,该元素最初具有三个选项(“文件”,“编辑”和“视图”),并且“文件”选项扩展到了子菜单。

双击该元素以显示“属性”对话框的“线框”页面,可用于在顶层,子菜单以及(如果需要)其他子级别中添加,删除或更改菜单选项。

对于每个菜单选项-任意级别-填写以下字段:

  • '名称'-输入此菜单项的名称
  • '展开'-单击下拉箭头,然后选择True以显示此选项的子菜单(如果有),或选择False隐藏该子菜单
  • '突出显示'-单击下拉箭头,然后选择True以在菜单中突出显示此选项,或者选择False使其不突出显示;如果“扩展”设置为“真”,则该选项会自动突出显示
要在任何级别添加菜单子选项,请单击父选项名称并单击“添加”按钮,然后为子选项提供名称。您可以在列表中添加一个或多个称为“分隔符”的项目(在列表中显示为水平线),以对菜单中相关选项的分组。

要从列表中删除选项,请单击该项目,然后单击“删除”按钮。

您可以通过单击选项名称和Up and down hand icons按钮来更改选项的顺序。

要在两个菜单级别之间移动选项,请单击选项名称和Left and right hands icons.按钮。

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

标记的值:

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

进度条

生成代表过程进度的状态栏元素。

标记的值:

  • 填充百分比-默认为完成的30%;输入要描述的完成百分比(进度栏的填充量)
  • 填充样式-单击下拉箭头,然后选择:
    -“填充”表示完成百分比为
    实心条,或
    -“阻止”将完成百分比表示为
    系列块或竖线(类似于Windows XP
    主题)

评级控制

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

标记的值:

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

滚动条-水平

生成表示水平滚动条的元素。

滚动条-垂直

生成表示水平滚动条的元素。

标签控制

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

标记的值:

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

文本域

生成带有浅边框的文本元素,该文本是元素名称,代表一个简单的数据输入字段。

视频播放器

生成表示视频播放器控件的元素。

日期/时间选择器

生成代表Microsoft日期/时间选择器的元素。

标记的值:

  • CustomFormat-使用以下区分大小写的代码(按字母顺序列出)为任何或所有日期,日期,月份,年份,小时,分钟和秒部分键入自定义格式:
    -d-使用一位或两位数字显示月份中的某天
    -dd-使用两位数字显示数字,从1到9
    前面有一个0
    -ddd-将星期几显示为三个字符
    缩写
    -dddd-完整显示日期
    -h-在12小时内使用一位或两位数字显示小时
    时钟格式
    -hh-用两位数字显示小时,数字1到9前面有
    0,以12小时制显示
    -H-在24小时内使用一位或两位数字显示小时
    时钟格式
    -HH-用两个数字显示小时,数字1到9后面跟
    0,采用24小时制
    -m-用一位或两位数字显示分钟
    -mm-用两位数字显示分钟,从1到9
    前面有一个0
    -M-使用一个或两个显示月份号
    两位数
    -MM-用两位数字显示月份数
    1到9后跟0
    -MMM-将月份名称显示为三个字符
    缩写
    -MMMM-完整显示月份名称
    -s-使用一位或两位数字显示秒
    -ss-使用两位数字(从1到9)显示秒
    前面有一个0
    -t-用单个字符标识上午或下午(A代表
    AM,P代表PM)
    -tt-使用两个字符来标识上午或下午
    缩写AM或PM
    -y-使用一位数字显示年份(2001显示为1)
    -yy-使用两位数字显示年份(2001显示为01)
    -yyyy-完整显示年份(例如2001)
  • 日期-改写日期,或单击下拉箭头以显示日历,从中可以选择要显示的日期;默认为今天的日期-如果将其更改为固定日期,并想返回当前(系统)日期,请单击“今天”按钮
  • 格式-单击下拉箭头,然后选择用于显示日期和时间的格式代码:
    -长-全日名,日期,全月名,
    全年(例如:2020年2月18日,星期三)
    -短-每月的一位/两位数,
    以两位数表示的月份,完整的年份(例如:
    18/02/2020)
    -时间-12小时格式的小时,分钟和秒(用于
    示例12:59:34 PM)
    -自定义-应用您在
    “ CustomFormat”标记的值

树控制

生成表示节点的层次结构或树的元素,其中的虚线连接同级节点,并在具有子节点的节点旁边扩展框(+或-)。

双击元素以在“线框”页面上显示元素“属性”对话框,您可以使用该对话框在顶层,子层以及(如果您愿意的话)进一步的子层添加,删除或更改树节点。水平。

对于任何级别的节点,请填写以下字段:

  • 名称-输入此节点的名称
  • 展开-单击下拉箭头,然后选择True以显示该节点的从属节点(如果有),或者选择False以隐藏从属节点
  • 选定-单击下拉箭头,然后选择True以突出显示此节点,或选择False使其不突出显示
要在任何级别添加子节点,请单击父节点名称并单击“添加”按钮,然后为该子节点提供名称。

要从层次结构中删除节点,请单击节点名称,然后单击“删除”按钮。

您可以通过单击节点名称和Up and down hand icons按钮来更改节点的顺序。

要在层次结构的两个级别之间移动节点,请单击节点名称和Left and right hands icons.按钮。

您也可以在“属性”窗口的“线框”选项卡上直接编辑元素的XML。

群组框

生成一个表示Groupbox的元素,该元素的名称在左上角。您可以使用此元素来封装对话框并将其组合在一起。

模式

项目

描述

也可以看看

对话

此模式将生成一个小对话框,其中包含三个带有数据输入字段和单选按钮的面板,以及两个按钮,如本主题开头所述。您可以以此为例,或作为类似对话框设计的基础。

学到更多