續上一篇講的是用Axure軟體，「Radio Button(單選按鈕)」如何做出單選的效果，而這篇講的是「一般按鈕(Button)」如何做出單選效果。雖說用Radio Button這個UI元件會很明瞭這是單選選項，但有時會考慮整體美觀和按鈕易按性(Button手指觸控範圍比Radio Button大)，而用Button來做單選選項，兩者呈現的差別如下圖顯示：
從上一篇可以知道Radio Button若要有單選效果，去設定「Assign Radio Group(單選群組的分配)」就可以了，但Button就比較麻煩了！主要有三個設定要做：
→先設定Button點擊後變成「有意義的true(即被選取)」
因為Button不像Radio Button已經內建點擊即被選取，意思是點擊Radio Button後，裡面就會有「實心圓」代表已被選取，而Button並沒有這樣的內建，所以點擊Button後，是不會有任何反應的！
→接著要設定「被選取後會有怎麼樣的呈現」
在上面的設定已經把Button設定成有意義的true(即被選取)後，還必須去設定被選取後(即按下後)，按鈕會如何呈現(ex:按鈕變大、底色變色、字變大、字加底線、邊框變色…等)
→最後設定「Selection Group(選取群組)」
最後的設定跟Radio Button一樣要設定「Assign Radio Group(單選群組的分配)」去幫按鈕分好群組，只是Button是「Selection Group(選取群組)」，分好群組這樣Axure才知道哪幾個按鈕是一國的，又有哪幾個按鈕是另外一國的，這可是啟用單選的關鍵！
一樣先了解為什麼要這樣做的原理後，再去做設定會比較好哦！(像我如果死背就很容易忘記，只好乖乖理解原理～)
▾底下為各步驟截圖＋詳細說明
1.在Libraries裡找到Button(一般按鈕)，把它拉曳至畫板後，再拉曳或複製另外二個按鈕
修改按鈕文字。若想調整按鈕的樣式，按右邊的頁籤「STYLE(樣式面板)」，再依個人喜好去調整大小、顏色、透明度、對齊方式…等
2.隨意點選任一Button，再按右邊的頁籤「INTERACTIONS(互動面板)」，找到「互動編輯的視窗icon」後，按下去就會彈跳出「互動編輯」視窗
3.在互動編輯視窗內，按頁籤「ADD EVENT(增加事件)」，找到「Click or Tap(單擊或點擊)」後，按下去就會增加Click or Tap這個事件，並同時自動跳到另個頁籤「ADD ACTION(增加動作)」
4.在頁籤ADD ACTION(增加動作)內，找到「Set Selected/Checked(設定被選取/被選中)」後，按下去會跳出下拉選單，選擇第一個選項「This Widget(這個小部件)」後，就會增加Set Selected/Checked這個動作
步驟2～4其實就是在設定Button點擊後變成「有意義的true(即被選取)」，意思就是當Button被點擊後(ADD EVENT：Click or Tap)，這個Button(下拉選單：This Widget)會被選取起來(ADD ACTION：Set Selected/Checked)，Button被選取起來這件事就會變成是有意義的(to “true”)
設定完成會如下圖所示，按OK即可
5.已將第一個按鈕設定Button點擊後變成「有意義的true(即被選取)」，第二個和第三個按鈕也一樣需要變成有意義的true。先複製第一個按鈕的「INTERATIONS」後，再貼上到第二個和第三的按鈕上；或是選取第二個和第三個按鈕後重複剛剛上面的步驟2～4
6.將三個按鈕同時選取起來後，按右鍵找到「Style Effects(樣式效果)」，按下就會彈跳出「樣式效果」視窗
7.在樣式效果視窗內，找到頁籤「Selected(被選取)」，然後依個人需求設定「按鈕被選取/被按下後」的要如何呈現
(ex:下圖我是設定按鈕被選取後，按鈕底色(Fill Color)變成藍色和字(Font Color)變成白色)
8.接著按住「shift」將要分類成同一國的選項統統選取起來後，按右鍵選擇「Selection Group」後，彈跳出「設定選取群組」的小視窗
(就跟Radio Button設定「Assign Radio Group(單選群組的分配)」同理)
9.在這個視窗裡將群組名稱命名好就完成了(可以隨意命名)，按右上的Preview(預覽)或Share(產生連結)即可看到成果囉！
最後附上完成後的網址：
Radio Button單選呈現 V.S Button單選呈現(網址)
