女性bmi指数计算器(女性bmi指数计算公式)

在世界各地，不断有人因为体重问题面临健康挑战。今天我们要讲述的是一个特殊的故事，关于一位来自英国的姑娘，她的体重达到了惊人的220斤，成为了世界上最胖的女性之一。尽管她的丈夫和孩子拥有健康的身体，但她自己却与糖尿病相伴。

在探讨这位姑娘的健康状况之余，我们不妨深入探讨一下BMI身体质量指数计算器小案例的设计与实现。在这个案例中，我们将接触到多种交互设计元素，包括公制与英制单位之间的切换、动态面板的使用以及原型设计的深入探索。

效果预览：

通过链接（

一、交互逻辑分析：

1. 公制与英制单位的切换：为了满足不同用户的需求，计算器提供了公制（千克、厘米）和英制（磅、英寸）两种度量制的选择。

2. BMI值的计算与显示：用户只需输入身高和体重，计算器即可迅速给出BMI值。

3. 身体状态的判断：根据计算出的BMI值，计算器会判断用户的身体状态，如偏瘦、正常、过重或肥胖，并显示相应的信息。

二、界面元件的搭建：

1. 单选框：为了满足公制与英制单位的切换需求，界面上设置了两个单选框。通过指定单选按钮组并设置相同的Group Name，实现了单选框的特性。

2. 输入框与按钮：提供了身高、体重的文本框以及查询按钮等相关组件，方便用户输入数据并计算结果。

3. 动态面板的使用：为了更直观地展示数据，我们使用了动态面板来展示身高、体重单位、BMI值以及身体状态的转换。BMI值的动态面板初始状态为无值，当查询按钮被点击后，根据用户输入的数据计算BMI值并显示在有值的状态中。身体状态的文本框也是通过动态面板实现，根据不同的BMI值改变其状态并显示相应的身体状态信息。

三、交互界面的实现：

在实现交互界面时，我们需要注意以下几点：

1. 根据用户选择的度量制设置相应的身高体重单位。

2. 对查询按钮设置交互事件，根据用户输入的数据计算BMI值并判断身体状态。由于Axure中无法直接嵌套条件语句，我们通过在BMI值动态面板的状态改变时触发身体状态相关事件的方式来实现。

3. 为BMI值设置交互事件，根据边界条件判断并显示身体状态。同时根据身体状态的动态面板触发状态改变时事件，移动箭头指向相应的位置。箭头的位置需要根据标尺进行精确测量并定位。我们提供了一个源文件链接（ @許仙人 原创发布于人人都是产品经理社区，未经许可，禁止转载。题图来自Unsplash，基于CC0协议。