体重身高指数bmi计算器（体重身高标准计算器）

预览链接：https://icv2qn.axshare.com

（1）两种计量单位切换：公制（公斤、厘米）；英制（磅、英寸）[注意以下单位换算]

(2)根据用户输入的身高、体重计算并显示BMI值；

(3) 根据计算出的BMI值，返回并显示身体状态，并改变箭头指向位置；

（1）拖动两个单选按钮框，将其设置为一组单选按钮框，实现单选按钮框的特性； [右键单击单选按钮框-指定单选按钮组-设置为相同的GroupName]。

(2) 拖入身高、体重文本框、查询按钮等相关组件。

(3) 分别拖出身高、体重单位的文本框，转换为动态面板。 State1 是公制单位，state2 是英制单位。

(4)同样的方法，拖出BMI值，转换为动态面板。 BMI的state1没有值，state2有值。为什么这里要设置两个状态，后面会解释。

（5）拖出身体状态文本框，转换为动态面板，设置初始、瘦、正常、超重、肥胖五种状态。

（6）最后画出BMI中文标准表格和箭头，界面组件就完成了！

(1) 设置单选按钮，设置选择不同测量系统时对应的身高和体重单位。

(2)设置查询按钮的交互事件。不同的测量系统设置对应不同的计算公式：[BMI=kg/(m^2)]。

（3）这里我们期望点击查询按钮后生成“BMI值”和“身体状态”，但是身体状态是根据BMI值判断生成的，但是只有输入条件语句后才能计算出BMI值，因为无法嵌入到Axure Set条件语句中【PS：作者还没有找到】，所以无法简单地通过鼠标点击事件来生成“身体状态”。

那么如果想在其他地方设置触发事件，应该在哪里设置呢？

（4）作者多次尝试，最终选择将“BMI值”转换为动态面板。当动态面板“改变状态”时，会触发“身体状态”相关事件。这也是为什么作者之前将“BMI值”设置为两种状态，先是无值，最后是有值，触发“当状态改变时”交互事件。

(5) 这里作者创建了一个变量来放置BMI的值。

（6）为“BMI值”设置交互事件，根据边界条件设置身体状态。

(7)最后根据“身体状态”动态面板触发“状态变化时”事件，从而移动箭头位置并调整箭头方向。注意这是绝对位置，用尺子测量预定位置。这里的具体值可能大家都不知道。相同的。

（8）源文件链接：https://pan.baidu.com/s/1_HAGM1FOxpIw3gsGML7L1A