現在移動端應用，都會使用到Switch開關控制元件來啟用或關閉功能，非常簡單便捷。
今天我來和大家分享一下，如何使用Axure來知足偶一個Switch的開關控制元件。老規矩，先來看下最終效果。
知識點
本次教程中我們用到了以下幾個知識點：
動態面板矩形元件圓形元件設定顏色製作過程
首先，我們在場景中拖入一個圓形元件，尺寸設定為50 X 50；填充色白色即可；同時將邊框設定為3的寬度。
然後在場景中再拖入一個矩形元件，尺寸設定為100 X 50；填充色設定為F2F2F2；一種灰色的背景，為了用來表示關閉狀態的顏色；邊框也一樣設定為3的寬度。
這裡有一點我們需要額外操作一下，因為矩形元件的4個角都是直角，我們需要將它改為圓角，這裡我們需要將圓角的值設為50。
我們透過使用對齊工具將圓形和圓角矩形水平居中對齊，這時你可能會發現一個問題，圓形不見了。哈哈哈哈。這是因為矩形的圖層優先順序高於圓形，所以蓋住了圓形，我們選擇矩形，然後按住鍵盤“Ctrl+Shift+[”將圓角矩形設定到最下面一層。
完成了位置的排列，下面我們要開始製作互動了，這裡我們用到了動態面板。我們將圓形和圓角矩形全部選中，然後在元件上點選右鍵，選擇轉換為動態面板。或者直接使用快捷鍵“Ctrl+Shift+Alt+D”直接進行轉換。
轉換完成後，雙擊進入動態面板內部，將動態面板的名字，設為“關閉”。
完成後我們在新增一個“開啟”的面板狀態，使用相同的方法，繪製一個圓形和圓角矩形，然後將圓角矩形的填充色改為綠色。
點選右上角的關閉，退回到主場景介面，最後一步，我們來新增一個互動動作，選擇動態面板，新增一個“單擊時”的動作，增加“設定面板狀態”的功能，然後state設定“下一項”，最後有一步需要注意，勾選“向後迴圈”。
向後迴圈的意思是每點選一次，都會向後展示一個狀態。假設我們有5個狀態分別為1、2、3、4、5，勾選了“向後迴圈”,每點選一次依次展示1、2、3、4、5面板的內容，當點選5時，會回到1狀態繼續迴圈展示。
當完成以上設定，今天分享的內容就結束了，感謝你的閱讀。我們明天見！
想了解更多精彩內容，快來關注我是IT小白