原型说明咋写-级联单选器

快速高效的原型开发方法

本文教授了一种既快又全的原型开发方法，并提供了模板以供直接使用。

步骤一：约定规范

与开发和UI团队约定组件规范，并将其维护在独立的文档中。

步骤二：使用模板

使用Axure或墨刀等工具将带说明的通用组件置入元件库，方便原型开发时使用。

规范与模板编写

系列内容包括四类组件：通用、输入、输出和反馈，以及三篇页面（表单页、列表页、详情页）的写法。

本期组件：级联单选器

级联单选器适用于数据集合有清晰层级结构的情况，通过逐级查看并选择。

约定规范

• 基础样式应与常规输入框一致。
• 完成样式包括显示完整路径和显示最后一级。
• 一键清除功能在悬停时显示，用于清除选项。
• 面板展开收起、内容排布和路径记忆功能。
• 选项显示可以自定义，常用于显示子集数量。
• 选择方式默认为选取最后一级，也支持选择任意层级的选项。
• 面板滚动功能，以及异常样式处理。
• 其他功能包括搜索和影响事件。

产出模板

模板包括了组件名称、提示文案、选项清单等，并可以作为Axure/墨刀的元件库。

结语

系列内容将持续更新，读者可通过关注或收藏以获得最新分享。