[WebTech #64] CSS > 4. CSS 範例 > 4-4 視覺元件 > 4-4-1 單選與多選按鈕

在人機介面中，最重要的大概就是「文字框」、「單選按鈕」、「下拉式功能表」...這些視覺元件了！ CSS3 提供了大量方法，可以讓你用簡單的方法，製造出各種視覺元件。

由於視覺元件種類非常多，我將會一種一種分開介紹。本篇要介紹的是「單選按鈕」（Radio Button）與「多選按鈕」（Checkbox）。您不要只是點擊進去玩玩看就結束了喔！重要的是要讀懂它的 CSS 原始碼、學習它語法的精髓喔！

三個基本範例：
- 其一： http://www.hongkiat.com/blog/css3-checkbox-radio/
- 其二： http://www.inserthtml.com/2012/06/custom-form-radio-checkbox/
- 其三： http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-easy-css3-checkboxes-and-radio-buttons/

兩個比較精緻的範例：
- 其一： http://webdesign.tutsplus.com/tutorials/site-elements/creating-a-javascript-free-radio-toggle-in-css3/
- 其二： http://tympanus.net/codrops/2012/09/13/button-switches-with-checkboxes-and-css3-fanciness/

最棒的 CSS Selector 或 Properties 線上參考手冊：
（進入後，Selector 在中央，Properties 在左下選單）
http://www.w3schools.com/cssref/css_selectors.asp

APP開發網路資料庫實例(第6次Redio單選CheckBox複選元件)

上課內容：
01_雲端資源與單選元件界面說明
02_如何轉換ECLIPSE專案到Android_Studio
03_如何用非匯入方式轉換專案到Android_Studio
04_Redio單選元件與延伸變化題(AssetEx_Radio)
05_CheckBox複選元件說明
06_CheckBox複選元件範例程式碼說明

完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYMQl6qiaeDZsmA6GL1u-VYe

教學論壇(之後課程會放論壇上課學員請自行加入)：
https://groups.google.com/forum/#!forum/android_basic2016

懶人包：http://terry55wu.blogspot.com/p/android.html

想學好Android開發，
先學會Android_Studio開發環境建置，
或是直些下載我的Android_Studio穩定開發版，
只要再裝好JAVA SDK(32位元)版即可，
不要浪費時間再當白老鼠，這也是很多人的痛。
接下來就是建個 HelloWorld 接下來就是把自己的創意變成APP，
開始努力建置APP，為台灣的軟體產業加把勁，
展現台灣的軟實力吧!
Android_Studio穩定開發版 [下載]
JAVA SDK(32位元) [下載]

課程理念與課程介紹：
Android智慧型手機平台，已成為手機上最完整的開放開發平台
人手必備的趨勢下行動上網已達500萬人次以上，手機相關應用，將會超越PC，比PC更智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政府對外窗口。
如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與除錯等，進而取得證照。
吳老師教學特色：
1.影音複習分享(全程錄影)。
2.能不硬code程式，有程式也會提供畫面。
3.提供業界實務開發經驗。
4.書上沒講到的操作，圖形化工具使用。
5.隨時更新第一手資訊。

參考書目
Android 初學特訓班
作者：鄧文淵/總監製；文淵閣工作室/編著
出版社：碁峰 出版日期：2011年12月29日 2刷

Java SE 7與Android 4.x程式設計範例教本
作者：陳會安
出版社：碁峰
出版日期：2011年12月29日

吳老師教學部落格：
http://terry55wu.blogspot.com/

吳老師

android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,android studio download,android app開發資料庫,app開發資料庫,網路資料庫教學,app開發教學

APP開發網路資料庫實例(第6次Redio單選CheckBox複選元件)

上課內容：
01_雲端資源與單選元件界面說明
02_如何轉換ECLIPSE專案到Android_Studio
03_如何用非匯入方式轉換專案到Android_Studio
04_Redio單選元件與延伸變化題(AssetEx_Radio)
05_CheckBox複選元件說明
06_CheckBox複選元件範例程式碼說明

完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYMQl6qiaeDZsmA6GL1u-VYe

教學論壇(之後課程會放論壇上課學員請自行加入)：
https://groups.google.com/forum/#!forum/android_basic2016

懶人包：http://terry55wu.blogspot.com/p/android.html

想學好Android開發，
先學會Android_Studio開發環境建置，
或是直些下載我的Android_Studio穩定開發版，
只要再裝好JAVA SDK(32位元)版即可，
不要浪費時間再當白老鼠，這也是很多人的痛。
接下來就是建個 HelloWorld 接下來就是把自己的創意變成APP，
開始努力建置APP，為台灣的軟體產業加把勁，
展現台灣的軟實力吧!
Android_Studio穩定開發版 [下載]
JAVA SDK(32位元) [下載]

課程理念與課程介紹：
Android智慧型手機平台，已成為手機上最完整的開放開發平台
人手必備的趨勢下行動上網已達500萬人次以上，手機相關應用，將會超越PC，比PC更智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政府對外窗口。
如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與除錯等，進而取得證照。
吳老師教學特色：
1.影音複習分享(全程錄影)。
2.能不硬code程式，有程式也會提供畫面。
3.提供業界實務開發經驗。
4.書上沒講到的操作，圖形化工具使用。
5.隨時更新第一手資訊。

參考書目
Android 初學特訓班
作者：鄧文淵/總監製；文淵閣工作室/編著
出版社：碁峰 出版日期：2011年12月29日 2刷

Java SE 7與Android 4.x程式設計範例教本
作者：陳會安
出版社：碁峰
出版日期：2011年12月29日

吳老師教學部落格：
http://terry55wu.blogspot.com/

吳老師

android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,android studio download,android app開發資料庫,app開發資料庫,網路資料庫教學,app開發教學

APP開發網路資料庫實例(第6次Redio單選CheckBox複選元件)

上課內容：
01_雲端資源與單選元件界面說明
02_如何轉換ECLIPSE專案到Android_Studio
03_如何用非匯入方式轉換專案到Android_Studio
04_Redio單選元件與延伸變化題(AssetEx_Radio)
05_CheckBox複選元件說明
06_CheckBox複選元件範例程式碼說明

完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYMQl6qiaeDZsmA6GL1u-VYe

教學論壇(之後課程會放論壇上課學員請自行加入)：
https://groups.google.com/forum/#!forum/android_basic2016

懶人包：http://terry55wu.blogspot.com/p/android.html

想學好Android開發，
先學會Android_Studio開發環境建置，
或是直些下載我的Android_Studio穩定開發版，
只要再裝好JAVA SDK(32位元)版即可，
不要浪費時間再當白老鼠，這也是很多人的痛。
接下來就是建個 HelloWorld 接下來就是把自己的創意變成APP，
開始努力建置APP，為台灣的軟體產業加把勁，
展現台灣的軟實力吧!
Android_Studio穩定開發版 [下載]
JAVA SDK(32位元) [下載]

課程理念與課程介紹：
Android智慧型手機平台，已成為手機上最完整的開放開發平台
人手必備的趨勢下行動上網已達500萬人次以上，手機相關應用，將會超越PC，比PC更智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政府對外窗口。
如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與除錯等，進而取得證照。
吳老師教學特色：
1.影音複習分享(全程錄影)。
2.能不硬code程式，有程式也會提供畫面。
3.提供業界實務開發經驗。
4.書上沒講到的操作，圖形化工具使用。
5.隨時更新第一手資訊。

參考書目
Android 初學特訓班
作者：鄧文淵/總監製；文淵閣工作室/編著
出版社：碁峰 出版日期：2011年12月29日 2刷

Java SE 7與Android 4.x程式設計範例教本
作者：陳會安
出版社：碁峰
出版日期：2011年12月29日

吳老師教學部落格：
http://terry55wu.blogspot.com/

吳老師

android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,android studio download,android app開發資料庫,app開發資料庫,網路資料庫教學,app開發教學