原标题：Axure教程：在线BMI核算器制造
本文要制造BMI身体质量指数核算器小事例，将触及多种事情触发的交互、动态面板的运用等功能，并对原型规划有更深一步的了解。
作用预览
预览链接：https://icv2qn.axshare.com
一、交互逻辑剖析
（1）两种衡量制间的切换：公制（千克、厘米）；英制（磅、英寸）【留意后边的单位换算】
（2）依据用户输入的身高、体重核算BMI值并显现；
（3）依据核算出的BMI值，回来身体状况并显现，并改动箭头指向方位；
（4）边界问题：
- 偏瘦【0
- 正常【18.5<=BMI<=23.9】；
- 过重【24.0<=BMI<=27.9】；
- 肥壮【BMI>=28.0】。
（1）拖入两个单选框，留意将他们设为一组单选框，以完结单选框的特性；【右键单选框->指定单选按钮组->设置成相同的Group Name】。
（2）拖入身高、体重文本框、查询按钮等相关组件。
（3）别离拖出身高、体重单位的文本框，并转换为动态面板，state1为公制单位，state2为英制单位。
（4）同理拖出BMI值并转换为动态面板，BMI的state1为无值，state2为有值，为什么这儿设置两个状况后边作出解说。
（5）再拖出身体状况的文本框，转换为动态面板，设置五个状况：初始、偏瘦、正常、过重、肥壮。
（6）终究制作BMI我国标准表及箭头，界面元件就建立完结啦！
三、交互界面的完结
（1）设置单选按钮选中不同衡量制时设置对应的身高体重单位。
（2）对查询按钮设置交互事情，不同衡量制设置对应不同的核算公式：【BMI=kg/（m^2）】。
（3）此处咱们希望点击查询按钮后生成“BMI值”及“身体状况”，但身体状况是依据BMI值来判别生成的，但BMI值是进入条件句子后才干算出，因为Axure中无法嵌套条件句子【PS：笔者暂时没发现】，所以无法单纯经过鼠标单击事情生成“身体状况”。
因而要在其他地方设置触发事情，那么应该设置在哪里呢？
（4）笔者尝试了几回，终究挑选了将“BMI值”转换成动态面板，当该动态面板“状况改动时”触发“身体状况”相关事情。这也便是之前笔者为什么将“BMI值”设置为两个状况，一开始为无值，终究变为有值，触发“状况改动时”交互事情。
（5）这儿笔者创建了一个变量用于放置BMI的值。
（6）为“BMI值”设置交互事情，依据边界条件设置身体状况。
（7）终究依据“身体状况”的动态面板触发“状况改动时”事情，然后移动箭头方位调整箭头指向，留意此处为肯定方位，并用标尺丈量好预订方位，这儿详细数值每个人都可能不相同。
（8）源文件链接：https://pan.baidu.com/s/1_HAGM1FOxpIw3gsGML7L1A
提取码：o2vf
本文由 @許仙人 原创发布于人人都是产品司理。未经许可，制止转载
题图来自Unsplash，根据CC0协议
责任编辑：
