从结构上看，ToolBar组件是一个标准按钮单元 * N的结构，对于这类结构使用中继器则是最好的选择，将设计好的标准按钮单元替换中继器中默认的组件，并按下面的流程操作就可以创建出标准的ToolBar组件。

文章插图
当我们需要将4个按钮的ToolBar调整成为5个时，只需要对中继器里的组件进行调整，同时修改对应的数据，便可很快的实现ToolBar组件整体的调整。

文章插图
通过本文，我们完成了一个规范原型组件从0到1的设计，从1到N的优化，最终的产出是一个可复用，便于修改的标准化的ToolBar组件。
写在结尾的话：如果在学习软件、绘制原型的过程中，把产出的作品当作是一个产品去对待，那么收获的产品思维是不是会更加的实用？
作者：GrowingPM；公众号：GrowingPM
本文由 @曹蜀黍 原创发布于人人都是产品经理，未经许可，禁止转载
题图来自Unsplash，基于CC0协议。

• GB|备货充足要多少有多少，5000mAh+128GB，红米新机首销快速现货
• 页面|如何简单、快速制作流程图？上班族的画图技巧get
• 培育|跨境电商人才如何培育，长沙有“谱”了
• 抖音小店|抖音进军电商，短视频的商业模式与变现，创业者该如何抓住机遇？
• 计费|5G是如何计费的？
• 车轮旋转|牵引力控制系统是如何工作的？它有什么作用？
• 视频|短视频如何在前3秒吸引用户眼球?
• Vlog|中国Vlog｜中国基建如何升级？看5G+智慧工地
• 涡轮|看法米特涡轮流量计如何让你得心应手
• 手机|OPPO手机该如何截屏？四种最简单的方法已汇总！