中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導讀：Web產品的單選組件在畫原型的時候比較常見，所以產品經理有必要深入了解它的各種交互和對應的原型畫法。本文作者從自身實踐經驗出發，分享了三種畫單選組件的方法，供大家一同參考和學習。

原型地址：https://fvtlr8.axshare.com/

PM可以根據它們的區別并結合實際場景，選擇合適的方法使用。

一、使用單選按鈕畫出單選組件

原型演示地址：?https://fvtlr8.axshare.com/#p=使用單選按鈕畫出單選組件

1、先畫字段名。從Axure默認元件庫拖動“文本標簽”到畫布合適位置，雙擊輸入文字“性別”。

2、再畫單選按鈕。從Axure默認元件庫拖動多個“單選按鈕”到字段名后面位置，然后水平均勻分布。

3、設置單選組。同時選擇多個單選框，右鍵點擊“設置單選按鈕組”然后在彈窗中輸入任意名稱，注意不能和該頁面的其他單選組名稱一樣。

4、設置默認選項。如需設置，請點擊單選按鈕本身或者右側邊欄“交互”中勾選底部的“選中”。請注意單選功能最多只能選中1個。

5、點擊“預覽”按鈕，然后在瀏覽器中查看原型效果。

二、使用下拉列表框畫出單選組件

原型演示地址：?https://fvtlr8.axshare.com/#p=使用下拉列表框畫出單選組件

1、先畫字段名。從Axure默認元件庫拖動“文本標簽”到畫布合適位置，雙擊輸入文字“性別”。

2、再畫下拉列表框。從Axure默認元件庫拖動“下拉列表框”到字段名后面位置，雙擊顯示彈窗“編輯下拉列表”，點擊“編輯多項”然后在對應彈窗的的輸入框中輸入多個值，最后點擊“確定”按鈕保存。當然也可以點擊“添加”按鈕一個一個進行添加。

3、設置默認選項。如需設置，請雙擊該下拉列表框顯示彈窗“編輯下拉列表”，勾選相應的選項即可。

4、點擊“預覽”按鈕，然后在瀏覽器中查看原型效果。

三、使用自定義選項組畫出單選組件

原型演示地址：?https://fvtlr8.axshare.com/#p=使用自定義選項組畫出單選組件

1、先畫字段名。從Axure默認元件庫拖動“文本標簽”到畫布合適位置，雙擊輸入文字“性別”。

2、再畫選項。從Axure默認元件庫拖動多個“矩形1”到字段名后面位置，尺寸修改為合適大小100*30px，然后依次排列。

3、設置選中樣式。同時選擇這些選項，右鍵點擊“交互樣式”，在彈窗“交互樣式”中切換到“選中”，勾選填充顏色并設置為藍色#0000FF，勾選字色并設置為白色#FFFFFF，點擊“確定”按鈕。

4、設置選項組。同時選擇這些選項，右鍵點擊“選項組”，在彈窗“選項組”中輸入任意組名稱，然后點擊“確定”按鈕。以上3步其實就是自定義了一個選項組。

5、設置單擊選中。點擊第一個選項。右側邊欄切換到“交互”，點擊“新建交互”按鈕，選擇觸發事件“單擊時”，添加動作“設置選中”，目標選擇“當前元件”，點擊“完成”按鈕。同時設置其他選項的交互事件。

6、設置默認選項。如需設置，請右鍵相應的選項然后點擊“選中”。

7、點擊“預覽”按鈕，然后在瀏覽器中查看原型效果。

#相關閱讀#

如何用Axure畫出Web產品的菜單欄組件

如何用Axure畫出Web產品的面包屑組件

如何用Axure畫出Web產品的編輯詳情頁

如何用Axure畫出Web產品的列表組件：高級交互

#專欄作家#

浪子，個人微信langzipm，公眾號：浪子畫原型(langzisay)。專注于Axure原型設計和產品規范。

本文由 @浪子 原創發布于人人都是產品經理。未經許可，禁止轉載。

題圖來自Unsplash，基于CC0協議。