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

如何實現radio單選框在任何Web和APP應用中的效果，一起來文中看看~

radio單選框在任何Web和APP應用中都非常常見，效果如下：

操作步驟：

（1）從Sketch或Adobe XD導入設計內容，內容中應分別包含已選中和未選中效果的圖層。

（2）我們復制一個radio-active圖層“radio-active副本”，并按照箭頭的方向，將其移動至“Fran?ais”radio框的位置，并記錄其位置為146,98。

再次將“radio-active副本”圖層依次移動至其他未選中radio框的位置并記錄其XY坐標。

小知識：如下圖中“eclipse”的位置顯示為0,0，是因為該坐標為其相對于“radio-inactive-fra”這個容器層的位置，需要特別注意。

（3）為radio-inactive-fra圖層添加觸發器：點擊“添加觸發器” – 選擇“單擊” – 選擇“radio-active-fra”（可輸入關鍵詞搜索并選擇；如果在圖層欄內已選中該圖層，則無需再搜索） – 點擊“單擊”下方的“+”號選擇“移動”效果 – 在默認的“移動至”選項下方輸入坐標“146,98”。

小技巧：如果只是向X軸或Y軸單向移動的話（即所有radio框的X軸坐標或Y軸坐標都相同），則可以不填寫X軸坐標或Y軸坐標。但本案例中所有radio框分兩排，故不適用該技巧。

（4）按照步驟3依次為其他4個inactive圖層設置觸發器效果，同時也別忘了為初始已選中的“English”添加同樣的觸發器效果。

（5）在預覽窗內預覽效果。

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

題圖來自Unsplash，基于CC0協議