预订演示
前页 后页

苹果iPhone/平板线框工具箱

“Apple Wireframing”图表工具箱页面提供了在应用程序执行给定状态下为 Apple iPhone 或平板电脑的物理外观建模的模板。它们还提供了多种模式,用于为不同版本的 iPhone 或 iPad 生成模型结构。

Example iPhone 5s Wireframe (horizontal aspect) in Sparx Systems Enterprise Architect

Example iPhone 4s Wireframe (vertical aspect) in Sparx Systems Enterprise Architect

访问

在工具箱中,单击图表以显示“查找 Search工具箱”对话框并指定“线框”或“Apple”。

功能区

设计>图表>工具箱

键盘快捷键

Ctrl+Shift+3

Apple屏幕类型

物品

描述

也见

iPad Air、iPad Mini、iPhone 4s、iPhone 5c、iPhone 5s、iPhone 6、iPhone 6 Plus

这些图标每个都会为您选择的设备类型生成一个框架。将显示A提示,让您指定纵向或横向。 (主图展示了横向 iPhone 5s 框架和纵向 iPhone 4s 框架。)

标记值:

  • ShowStatusBar - 单击下拉按钮并选择“显示”或“隐藏”元素上的状态栏图像

控件

物品

描述

也见

选择框

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

标记值:

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

单选按钮

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

标记值:

  • 状态点击下拉箭头并选择要描绘的状态- '选中'(填充)或'未选中'(轮廓)

组合框

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

标记值:

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

标签

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

标记值:

  • 对齐文本- 设置文本的对齐方式为左、居中或右
  • 多行 - 将标签设置为在多行上显示文本

列表

生成一个列表框元素。

标记值:

  • 项- 单击下拉箭头并选择要在列表中突出显示的项目
    您可以通过编辑标记值注记中的“Values:”列表来添加、删除和重命名项目
  • ListType - 单击下拉箭头并选择将列表显示为“简单”、“编号”或“项目符号”

库表

生成带有标记的列、行和单元的库表元素。

双击表格,在“表”页面弹出元素“属性”对话框,提供功能编辑表(添加、重命名和删除列和行,更改列宽和编辑单元)您可以通过单击文本来编辑文本,也可以右键单击并选择一个选项。请注记,编辑器不会提供表在屏幕上的真实图像。

标记值:

  • 划- 隐藏(或显示)列标题下所有单元元素上的线,因此表类似于列表而不是
  • 突出显示标题 - 突出显示每列的标题,以便于区分
  • -属性- 显示表格的表

图像

生成一个占位符以指示图像将放置在对话框的哪个位置。

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

使用图像管理器

苹果控制

物品

描述

也见

地址栏

生成一个 URL 地址栏元素。

标记值:

  • 地址 - 定义地址栏中显示的文本

应用程序图标

生成一个 App Icon元素。

标记值:

  • 图像- 指定图像管理器中保存的图像的名称,显示为应用程序图标的外观(只需输入图像管理器“名称”列中列出的图像名称)
  • 通知计数 - 表示此应用等待的通知数量;编号显示在元素右上角的圆圈中
使用图像管理器

按钮

生成一个带标签的 Button元素。标签文本是元素的名称。

标记值:

  • 按钮样式 - 设置元素形状:
    - 'Normal' 绘制一个圆角矩形
    - 'Previous' 绘制一个指向左侧的三角旗形状
    - “下一个”绘制一个指向右侧的三角旗形状
  • 文本对齐 - 定义元素内按钮文本的对齐方式;左对齐、居中或右对齐

日期/时间选择

生成日期和时间显示元素。

标记值:

  • Date - 设置元素显示的日期;如果没有指定日期,这将是当前系统日期
  • 展开的- 如果为True ,则将元素绘制为日历的一部分,并选择当前日期/或时间(由“类型”和标记值定义);如果为False ,则将元素绘制为显示日期和/或时间的简单文本string
  • 时间——设置元素上显示的时间;根据需要改写小时、分钟和 AM/PM 段
    如果未指定时间,则显示当前系统时间(未指定时间显示为 12:00 AM)
  • 类型- 绘制元素,显示日期、时间或同时显示日期和时间

组列表

生成具有两级条目的分组列表元素。

双击元素以在“线框”页面打开“属性”对话框。使用此页面来组成列表条目。

单击根(元素名称)。

  • 显示组 - 单击下拉箭头并选择True以显示第一级列表项,或False以隐藏它们;二级列表项在任何一种情况下都会显示,但无论是否显示都必须属于组项
单击根节点正下方的根节点(一级列表项)。
  • 名称- 输入第一级列表项的文本(项组名称)
单击组节点下的项目节点(二级列表项)。项目节点没有任何子节点。
  • 名称——输入列表项的名称
  • 文本- 键入要在项目名称下显示的任何附加文本(默认情况下)
  • 链接附近的文本- 单击下拉箭头并选择True以显示项目名称旁边的附加文本,您还可以在其中添加链接,或选择False将文本保留在项目名称下方
  • 图像- 从下拉列表中选择图像名称,或简单地键入图像管理器“名称”列中列出的名称,以在项目名称左侧显示图像
  • Is Link - 单击下拉箭头并选择True以通过在项目名称右侧显示“>”字符来指示该项目链接到另一个页面或附加信息;选择False隐藏链接字符
  • 图像- 从下拉列表中选择一个图像名称,或者简单地键入在图像管理器的“名称”列中列出的名称,以将图像(如果“Is Link”为True )显示为链接图标而不是 > 字符
  • 已选择 - 单击下拉箭头并选择True以突出显示已选择的项目名称,或选择False以不突出显示该项目
使用图像管理器

键盘

生成一个描述键盘的元素。

标记值:

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

加载图标

生成一个描述 Apple 加载图标的元素。

页面控件

生成一个呈现为一行灰色圆圈的元素,指示可用页面的数量以及其中哪些代表当前显示的页面。

标记值:

  • 当前页面 - 在灰色圆圈的序列中绘制一个白色圆圈,以指示哪个代表当前显示的页面
  • Pages - 要绘制的圆圈数,表示此控件移动的页数(手动调整元素大小以显示所有指定的圆圈数)

搜索栏

生成一个表示搜索字段的元素。

标记值:

  • DrawStyle - 在默认的应用程序搜索与查询望远镜和苹果设备上的网络搜索之间切换元素的外观
  • 占位符 - 输入将在控件中显示的文本,以提示用户输入搜索词
  • 提示 - 键入要在查询字段上方显示的提示文本,例如要搜索的内容的提醒;例如,如果搜索是在设备上查找电影/录制的视频,您可以输入“搜索视频”(“DrawStyle”必须设置为默认值)
  • Scope - 单击下拉箭头并选择在 Scope Bar 中突出显示的搜索位置('DrawStyle' 必须设置为默认值,'Show Scope Bar' 必须设置为True )
  • Show Bookmarks - 当设置为True时,将在查询字段的右侧绘制一个小书本符号,表示此搜索控件将存储以前的搜索并可以再次使用它们('DrawStyle' 必须设置为默认值)
  • 显示取消按钮 - 在查询字段右侧显示一个取消按钮('DrawStyle' 必须设置为默认值)
  • 显示范围栏 - 在查询字段下方显示此搜索控件的一行范围选项(“DrawStyle”必须设置为默认值)
  • 显示搜索结果 - 在搜索区域的右侧显示一个下拉箭头,表示查询将显示搜索结果(如果两者都设置为显示,则覆盖书签图标)('DrawStyle' 必须设置为默认值)
  • 文本对齐 - 将占位符文本与查询字段的左、右或中心对齐

段控件

生成一个描述一组选项卡的元素(默认为三个选项卡)。

标记值:

  • 选项卡——点击下拉箭头,选择要突出显示的选项卡编号以指示当前选项卡;打开和编辑标签标记值注记以添加、删除或重命名标签
将注释分配给注记标记值

微调控件

生成一个表示微调器控件的元素,其中包含可以从中选择的项目列表。

标记值:

  • 选择选定项目 - 当设置为True时,将在定义为选定的项目的左侧绘制一个勾号
  • 项-单击下拉箭头并选择要指示为选中的项目;您可以打开和编辑标记值注记以添加、重命名或删除列表中的项目
  • 圆角 - 单击下拉箭头并选择显示圆角的边;您可以使用此属性将多个微调器控件停靠在一起,以创建更复杂的微调器控件选择,例如显示国家、状态、城市和郊区选择的页面 - 集:
    - 两者都在两侧设置圆角,如果微调器
    控制是独立的
    - Left 在左边缘和尖角上设置圆角
    在右边缘,如果此微调器是停靠的一排中的第一个
    微调器控件
    - 在右边缘和尖角设置圆角的权利
    在左边缘,如果此微调器是停靠的一排中的最后一个
    微调器控件,或
    - None 设置两边的尖角,如果这个微调器是
    停靠在另外两个之间
  • 文本对齐 - 单击下拉箭头并选择项目文本的对齐位置 - 控件的左侧、右侧或中心
将注释分配给注记标记值 元素上下文菜单操作

步进器

生成一个描述减量/增量(减/加)控件的元素。

转变

生成一个表示滑动开/关开关的元素。

标记值:

  • DisplayText - 在显示和隐藏两个状态文本值之间切换
  • 状态- 在“开启”状态(灰色背景,右侧白色圆圈和 - 如果 DisplayText 为True - “开启”文本)和“关闭”状态(白色背景,左侧白色圆圈和 - 如果 DisplayText是True - 'off' 文本)
    状态值默认为 On 和 Off;您可以编辑标记值注记以将这些更改为任何其他值对(您可以添加更多值但仅应用前两个值)
将注释分配给注记标记值

文本字段

生成一个文本字段,最终用户可以在其中键入自由文本,例如登录页面的名称。该字段包含文本“TextField”和一个交叉的圆圈。

标记值:

  • 边框样式 - 单击下拉箭头并选择元素的边框样式:
    - 圆角矩形 - 带圆角的矩形
    - 边框 - 带有斜切顶部和左侧边缘的矩形
    - 线 - 具有尖角和单线边缘的矩形
    - 无 - 没有边框的矩形
  • 文本对齐 - 点击下拉箭头并设置文本对齐到控件的左、右或中心

标题

生成一个表示页面标题的元素,元素名称是标题文本(例如“设置”)。元素是一个灰色背景和白色文本的矩形。

工具栏

生成表示具有默认图标的工具栏的图像,您可以将其添加到图像管理器中的图像或替换为图像管理器中的图像。

双击元素,在“线框”页面显示“属性”对话框,其中列出了显示在工具栏框架中的元素。

  • 要添加新图标,请单击“工具栏”和“添加”按钮,并响应提示输入图标名称,将名称添加到列表底部;单击名称并在“图像”属性中键入图标文件的名称,如图像管理器的“加载的图像”面板中所示
    您可以在列表中添加“分隔符”(显示为 |),以分隔工具栏上的不同图标组;只需在名称中输入名称“分隔符”提示
    要将图标定位在工具栏上,请在列表中单击它,然后单击Up and down hand icons按钮
  • 要从列表中删除图标,请单击它并单击“删除”按钮;该图标立即从列表中删除,当您关闭对话框时,从工具栏中删除
使用图像管理器

标签栏

生成一个元素,该元素描述了由图像表示的一行选项卡。

双击元素,在“线框”页面显示“属性”对话框,其中显示了根(TabBar元素本身)和TabBar 中包含的项目(作为图像)。

  • 要添加新图标,请单击“TabBar”和“添加”按钮,并响应提示键入项目名称,将名称添加到列表底部
    要将项目定位在 TabBar 上,请在列表中单击它,然后单击Up and down hand icons按钮
  • 要从列表中删除项目,请单击它并单击“删除”按钮;该项目立即从列表中删除,当您关闭对话框时,从 TabBar
根属性:
  • 显示文本- 显示 ( True ) 或隐藏 ( False ) 项目名称作为选项卡图像下方的文本
  • 背景颜色 - 单击下拉箭头并选择 TabBar 的背景颜色
  • 选定字体颜色 - 单击下拉箭头并选择文本的字体颜色(如果已选择该项目)
  • Non Selected Font Color - 单击下拉箭头,如果未选择该项目,则选择文本的字体颜色
项目节点属性:
  • 名称- 项目的名称,可以显示在 TabBar 中的图像下方(请参阅显示文本
  • 图像- 如果未选择该项目,则显示图像文件的名称;文件名在图像管理器中列出
  • 图像- 如果项目被选中,则显示的图像文件的名称;文件名在图像管理器中列出
选择此选项卡元素的“属性”对话框的“常规”页面,然后单击“标签”选项卡。

元素标记值:

  • SelectedTab - 单击下拉箭头并选择要表示为选中的项目的名称
使用图像管理器

苹果模式

您可以使用这些模式中的任何一个作为元素如何使用的示例,作为更大模型的基本组件,或者作为开发一个或多个产品的更详细模型的起点。

物品

描述

也见

苹果 iPad 空气

为 Apple iPad Air 创建示例模型。

苹果 iPad 迷你

为 Apple iPad Mini 创建示例模型。

苹果 iPhone 4s

为 Apple iPhone 4s 创建示例模型。

苹果 iPhone 5c

为 Apple iPhone 5c 创建示例模型。

苹果 iPhone 5s

为 Apple iPhone 5s 创建示例模型。

苹果 iPhone 6

为 Apple iPhone 6 创建示例模型。

苹果 iPhone 6 加

为 Apple iPhone 6 Plus 创建示例模型。

了解更多