怎樣制作在線(xiàn)axure教程？（制作在線(xiàn)axure教程的3大方法） DATE: 2026-05-05 11:22:46
本文要制作BMI身體質(zhì)量指數計算器小案例，樣制將(jiang)涉及多種事件觸發(fā)的作(zuo)線(xiàn)作線(xiàn)交互、動(dòng)態(tài)面板的教e教使用等功能，并對原型設計有更深一步的程制程了解。
效果預覽預覽鏈接：https://icv2qn.axshare.com
一、大方交互邏輯分析（1）兩種度量制間的樣制切換：公制（千克、厘米）；英制（磅、作(zuo)線(xiàn)作線(xiàn)英寸）【注意后面的教e教單位換算】
（2）根據用戶(hù)輸入的身高、體重計算BMI值并顯示；
（3）根據計算出的程制程BMI值，返回身體狀態(tài)并顯示，大方并改變箭頭指向位置；
（1）拖入兩個(gè)單選框，教e教注意將他們設為一組單選框，程制程以實(shí)現單選框的大方特性；【右鍵單選框-&??gt;指定??單選按鈕組->設置成相同的Group Name】。
（2）拖入身高、體重文本框、查詢(xún)按鈕等相關(guān)組件。
（3）分別拖出身高、體(ti)重單位的文本框，并轉換為動(dòng)態(tài)面板，state1為(wei)公制單位，state( ?ヮ?)2為英制單位。
（4）同理拖出BMI值并轉換為動(dòng)態(tài)面板(╥_╥)，BMI的state1為無(wú)值，state2為有值，為什么這里設置兩個(gè)狀態(tài)后面作出(′▽?zhuān)?解釋。
（5）再拖出身ヽ(′▽?zhuān)?ノ體狀態(tài)的文本框，轉換為動(dòng)態(tài)(′▽?zhuān)?)面板，設置五個(gè)狀態(tài)：初始、偏瘦、正常??、過(guò)重、肥胖。
（1）設置單選按鈕選中不同度量制時(shí)設置對應的身高體重單位。
（3）此處我們期望點(diǎn)擊查詢(xún)按鈕后生成“BMI值”(′?｀*)及“身體狀態(tài)”，但身??體狀態(tài)是根據BMI值來(lái)判斷生成的，但BMI值是進(jìn)入條件語(yǔ)句后才能算出，由于A(yíng)xure中無(wú)法嵌套條件語(yǔ)句【PS：筆者暫時(shí)沒(méi)發(fā)現】，所以無(wú)法單純通過(guò)鼠標單擊事件生成“身體狀態(tài)”。
因此要在其他???地方設置觸發(fā)事件，那么應該設置在哪里呢？
（4）筆者(zhe)嘗試了幾??次，最終選擇了將“BMI值”轉換成動(dòng)態(tài)面板，當該動(dòng)態(tài)面板“狀態(tài)改變時(shí)”觸發(fā)“身體狀態(tài)”相關(guān)事件。這也就是之前┐(′д｀)┌筆者為什么將“BMI值”設置為兩個(gè)狀態(tài)，一開(kāi)始為無(wú)值，最后變?yōu)橛兄?，觸發(fā)“狀(╬?益?)態(tài)改變時(shí)”交互事件。
（5）這里筆者創(chuàng )建了一個(gè)變量用于放??置BMI的值。
（6）為“BMI值”設置交互事件，根據邊ヽ(′ー｀)ノ界條件設置身體狀態(tài)。??
（7）最后根據“(°ロ°) !身體狀態(tài)”的動(dòng)態(tài)面板觸發(fā)“狀態(tài)改變時(shí)”事件，從而移動(dòng)箭頭位置調整箭頭指向，注意此處為絕對位置，并用標尺測量好預定位置ヽ(′▽?zhuān)?ノ，這里具體??數值每個(gè)人都可能不一樣。
（8）源文件鏈接：https://pan.baidu.com/s/1_H??AGヽ(′ー｀)ノM??1F(╯°□°）╯︵ ┻━┻OxpIw3gsGML7L1A
提取碼：o2vf
本文由 @許仙人 原創(chuàng )??發(fā)布于人人都是(?_?;)產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉載