現在移動端應用，都會使用到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小白