起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識APP單選功能如何用Axure畫出來？
單選是由多個單選項組成的選擇控件，獲取用戶針對某個事情的唯一結果。
常用場景有“微信APP-我-個人信息-設置性別”、“iOS設置-通知-顯示預覽”等。
原型畫法（無交互）
單選功能通常包含標題和多個單選項，每個單選項由選項名稱和單選按鈕。
（1）先畫標題。從默認元件庫拖動“文本標簽”到工作區，或者直接把“頁面名稱”作為標題。
（2）再畫選項名稱。從默認元件庫拖動“矩形1”到工作區，修改尺寸為375*40px，雙擊輸入文字“選項名稱”，設置左填充為15px這樣展示效果更妥當。
（3）再畫單選按鈕。從默認元件庫拖動“文本標簽”到“選項名稱”的右邊，雙擊輸入“√”，修改尺寸為40*40px，設置對齊方式為左右居中和垂直居中。
（4）復制單選名稱2份，依次排列。
（5）生成原型HTML并在瀏覽器中查看效果。
原型畫法（有交互）
單選功能的常見交互效果：點擊任一單選按鈕自動變為選中狀態，同時其他單選按鈕變成未選中狀態。選中狀態和未選中狀態的樣式是不一樣的。
（6）繼承上面的“無交互”步驟，從第四步開始繼續畫“有交互”。設置按鈕的未選中狀態，設置文本顏色為白色。
（7）設置按鈕的選中狀態，點擊“交互樣式-選中”，選中字體顏色設置為#333333。
（8）設置按鈕為選項組。選擇按鈕設置選項組名稱為“單選”或者其他名稱，這樣代表該組的按鈕同時只能有一個選中狀態。
（9）選中標題和按鈕，然后右鍵點擊“組合”，然后命名為“單選項”。
（10）設置單選項的交互。點擊該組合，設置“鼠標單擊時”事件，添加動作“選中”，組織動作“當前元件”。
（11）復制單選項2份，依次排列。
（12）選中第一個按鈕，打勾選中，這樣生成原型之后默認選中它。
（13）生成原型HTML并在瀏覽器中查看效果。
添加到APP功能庫
不同場景下的單選功能，標題不一樣，樣式相對固定。
根據多年PM經驗，總結出3種常用的“單選”，添加到APP功能庫。
單選（打勾）
單選（主流）
單選（傳統）
注意事項
單選功能同一時間只有一個選中狀態。
單選功能可以設計多種樣式，另外選擇器也可充當單選功能。
相關閱讀
#專欄作家#
浪子，公眾號：langzisay，人人都是產品經理專欄作家。業務型PM。
本文由 @浪子 原創發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自 Pexels ，基于 CC0 協議
謝謝作者，教程很詳細，可以學到很多
請問選項名稱跟單選按鈕的尺寸為什么是修改成那個尺寸呢？
建議這個尺寸，可以不遵循的。
但是他們的高度肯定都要保持一樣。