定义
设置页主要用于参数的调整、选择和页面的控制。用户可按照企业业务特性来设置模块的参数信息和数据。是通过文案和录入组件的使用,使用户快速完成设置行为。
根据形式区分,设置组件可以分为以下4类:
设计目标
帮助用户更高效的设置参数信息
布局结构
设置是基于动态页面的平面布局。除了应用导航和页签区域外,还包含以下区域: 1、工具栏操作区域 用于放置操作按钮,常见的有保存 、授予所有权限、取消所有权限等操作,可参考【工具栏】 2、设置内容区 可以承载不同形式的设置内容,包括单选、多选、开关、字段录入、选择项、表哥分录等多种录入形式的内容。 |
分类及用法
1:纵向页签设置
纵向页签是一种常用的设置形式、通过纵向页签的分层展示不同类型的设置项,可快速完成设置操作 特点: 运用纵向页签可以直观快速的设置不同类型参数。 |
2:锚点式纵向页签设置
当某一类型设置内容信息量较大时,且过程中需要感知当前位置时,或需要联系上下文时,可以使用锚点式设置形式 特点: 能感知当前位置,操作者可跳转定位到页面指定位置 |
3:横向页签设置
当设置中存在较少条目,且需要节省横向空间时 特点: 适用于少条目 |
4:组合页签设置
当设置中存在复杂层级关系时,可使用纵向页签和横向页签组合表达多级设置的操作逻辑; 横向页签可用于一级条目,纵向页签用于同类型二级条目 当有三级以上的层级关系时,纵向页面可使用树控件替代 特点: 适用于多级多条目 |
典型设置项详述
单选基础设置
主要由标题、单选框构成,也可以包含提示、按钮 布局规则: 1.标题与设置内容使用垂直布局的模式 2.若标题内容较少,可采用横向布局的模式 3.标题可省略 |
复选基础设置
主要由标题、复选框构成,也可以包含提示、按钮 布局规则: 1.标题与设置内容使用垂直布局的模式 2.若标题内容较少,可采用横向布局的模式 3.标题可省略 |
输入基础设置
主要由标题、输入框构成,也可以包含提示、按钮 布局规则: 1.标题与设置内容使用垂直布局的模式 2.若标题内容较少,可采用横向布局的模式 3.标题可省略 |
排序设置
主要由标题、复选框、按钮构成,也可以包含提示说明 布局规则: 1.采用列表布局样式 |
公式设置
主要由标题、卡片、复选框构成,也可以包含提示说明 布局规则: 1.按照公式的逻辑直观展示公式设置项 2.使用卡片承载同类设置项 |
列表设置
使用列表结构,主要由标题、复选框构成,也可以包含提示说明 布局规则: 1.使用列表组件展示所有设置项 |
推荐阅读