前页 后页

Apple 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以显示“查找工具箱项”对话框,并指定“线框”或“苹果”。

色带

设计>图表>工具箱

键盘快捷键

Ctrl + Shift + 3

苹果屏幕类型

项目

描述

也可以看看

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

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

标记的值:

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

控制项

项目

描述

也可以看看

复选框

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

标记的值:

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

单选按钮

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

标记的值:

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

组合框

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

标记的值:

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

标签

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

标记的值:

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

清单

生成列表框元素。

标记的值:

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

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

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

标记的值:

  • 绘制线-隐藏(或显示)列标题下所有单元格上的线,从而使表类似于List元素
  • 突出显示标题-突出显示每列的标题,以便于区分
  • 属性-显示表格的HTML

图片

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

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

使用图像管理器

苹果控件

项目

描述

也可以看看

地址栏

生成URL地址栏元素。

标记的值:

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

应用程式图示

生成一个应用程序图标元素。

标记的值:

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

纽扣

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

标记的值:

  • 按钮样式-设置元素形状:
    -“普通”绘制具有圆角边缘的矩形
    -“上一个”画出一个指向左侧的三角旗形状
    -“下一个”绘制指向右侧的三角旗形状
  • 文本对齐方式-定义按钮文本在元素内的对齐方式;左对齐,居中或右对齐

日期/时间选择器

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

标记的值:

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

组列表

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

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

单击根节点(元素名称)。

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

键盘

生成描述键盘的元素。

标记的值:

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

正在加载图标

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

页面控制

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

标记的值:

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

搜索栏

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

标记的值:

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

段控制

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

标记的值:

  • 标签-单击下拉箭头,然后选择标签编号以突出显示以指示当前标签;打开并编辑“标记的价值注释”以添加,删除或重命名选项卡
将注释分配给标记值

微调器控制

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

标记的值:

  • 选中选定项-设置为True时,将在定义为选定项的项目的左侧绘制刻度线
  • 项目-单击下拉箭头,然后选择项目以指示已选中;您可以打开和编辑“标记的价值注释”以从列表中添加,重命名或删除项目
  • 圆角-单击下拉箭头,然后选择显示圆角的一面;您可以使用此属性将多个微调器控件彼此相邻停靠,以创建更复杂的微调器控件选择,例如显示“国家/地区,州,城市和郊区-选择集”的页面。
    -如果是微调器,则两者都可在两侧设置圆角
    控制权独立存在
    -向左设置圆角到左边缘和尖角
    在右边缘(如果此微调器是停靠的一行中的第一个)
    微调控件
    -右可在右边缘设置圆角和锐角
    在左边缘,如果此微调器是停靠的一行中的最后一个
    微调器控件,或
    -如果此微调器为无,则不设置两侧的尖角
    停靠在另外两个之间
  • 文本对齐-单击下拉箭头,然后选择要对齐文本的位置-控件的左侧,右侧或中心
将注释分配给标记值 元素上下文菜单操作

踏步机

生成描述减量/增量(负/正)控件的元素。

开关

生成表示滑动打开/关闭开关的元素。

标记的值:

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

文本域

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

标记的值:

  • 边框样式-单击下拉箭头,然后选择元素的边框样式:
    -圆角矩形-具有圆角的矩形
    -挡板-顶部和左侧边缘均为斜角的矩形
    -线-具有尖角和单线边缘的矩形
    -无-没有边界的矩形
  • 文本对齐-单击下拉箭头,然后将文本设置为与控件的左,右或中心对齐

标题

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

工具列

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

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

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

标签栏

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

双击该元素以在“线框”页面上显示“属性”对话框,该对话框显示了根节点(TabBar元素本身)和TabBar中包含的项(以图像形式)。

  • 要添加新图标,请单击“ TabBar”和“添加”按钮,然后根据提示输入项目名称,这会将名称添加到列表的底部
    要将项目放置在TabBar上,请在列表中单击它,然后单击Up and down hand icons按钮
  • 要从列表中删除一个项目,请单击它,然后单击“删除”按钮;该项目将立即从列表中删除,并且在关闭对话框时从TabBar中删除
根节点属性:
  • 显示文本-在选项卡图像下方以文本形式显示(True)或隐藏(False)项目名称
  • 背景颜色-单击下拉箭头,然后选择TabBar的背景颜色
  • 选定的字体颜色-如果选择了该项,则单击下拉箭头并选择文本的字体颜色
  • 未选择的字体颜色-如果未选中该项目,则单击下拉箭头并选择文本的字体颜色
项目节点属性:
  • 名称-项目的名称,可以在TabBar中的图像下方显示(请参阅显示文本
  • 图像-如果未选中该项,则显示图像文件的名称;文件名如图像管理器中所列
  • 选定的图像-选择该项目时要显示的图像文件的名称;文件名如图像管理器中所列
选择此选项卡栏元素的“属性”对话框的“常规”页面,然后单击“标签”选项卡。

元素标记值:

  • SelectedTab-单击下拉箭头,然后选择要代表所选内容的项目名称
使用图像管理器

苹果图案

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

项目

描述

也可以看看

苹果iPad Air

为Apple iPad Air创建示例模型。

苹果iPad Mini

为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 Plus

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

学到更多