工具栏

工具栏分类下包含的组件为标题栏、底栏、搜索框、标签、空白栏。

1. 标题栏

简介:适用于制作页面顶部导航栏。

组件特性:

  • 默认置于页面头部,不支持移动其所在位置
  • 默认文字居中,字号18号,不支持调整文字居中方式
  • 可拉动标题栏的底边调整组件高度
  • 预览时标题栏区域及区域内组件默认为固定状态,不随页面滚动

外观设置:可进行简单的颜色及文字设置。

2. 底栏、标签

简介:如上图底栏与标签组件通常配合使用。

底栏与标题栏相似,用于制作页面底部的tabbar效果;

标签可以看做是图标与文字组件的组合,默认外观即组件缩略图样式。

组件特性:

  • 标签的可选高度不可调节,宽度可调,可拖动调整组件位置
  • 可通过打开图标素材库调节图标大小、外观以及文字大小,来设置标签样式
  • 底栏默认置于页面底部,不支持移动其所在位置
  • 拉动底栏的顶边调整组件高度
  • 预览时底栏区域及区域内组件默认为固定状态,不随页面滚动

3. 搜索框

与上一节所讲「输入框组件」功能一致,拖入组件后双击编辑默认文字,预览时可输入文字模拟真实搜索效果。

可通过设置前背景色、组件宽度来调节组件外观。

4. 空白栏

组件外观与矩形相似,区别是空白栏的宽度与原型宽度是一致的,无法通过拖拽直接调节。该组件适用于制作列表通栏效果。

其它组件

其它组件内包括地图、键盘、批注及状态栏组件。

1. 地图

根据当前网络环境显示不同的地图(中文、英文),预览时地图组件可以左右拖动模拟真实地图效果。

2. 键盘

  • 键盘默认至于页面底部,不支持移动其位置
  • 预览时底栏区域及区域内组件默认为固定状态,不随页面滚动
  • 在尺寸设置面板设置默认键盘类型:数字键盘、字母键盘
  • 此组件为静态组件,预览时不支持动态输入
  • 键盘默认样式随原型设置时所选设备类型(Android或iOS)改变(如下图)

3. 批注组件

简介:适用于对原型页面功能进行说明、备注,默认样式为黄色便签。批注组件是唯一可以在运行时显示的手机框外的组件,其他组件均不显示。

组件特性:

  • 可将批注组件放置于工作区内任意位置,设计器内、外部区域均可
  • 双击批注即可添加描述,用法与文本组件相同
  • 预览时,批注随屏幕滚动显示或隐藏
  • 将批注线拖至页面内,对指向处功能进行描述
  • 批注线颜色和批注背景色一致
  • 批注线默认半透明,鼠标悬停批注时,线条高亮

批注线即下图箭头标识处:

4. 状态栏

该组件只有在当前页无状态栏的情况下才会显示在组件区。组件默认样式跟随所选设备机型,双击可修改服务商信息。

results matching ""

    No results matching ""