Components 組件
IonicApp由稱為組件的高級模塊組成，通過使用組件恩脂，可以快速構(gòu)建程序界面。
Ionic預(yù)設(shè)了許多組件趣斤，包括模塊俩块，彈出窗口和卡片。
Action Sheets
Action Sheet 是從屏幕的底部向上彈出選項(xiàng)框，可以設(shè)置確認(rèn)/取消操作玉凯。
Action Sheet 有時(shí)可以作為菜單的替代势腮，但是不應(yīng)該用于導(dǎo)航。
Action Sheet 總是出現(xiàn)在頁面的最上端并覆蓋底層內(nèi)容焦點(diǎn)漫仆。當(dāng)被觸發(fā)時(shí)捎拯，頁面的其余部分會變暗，以給予 Action Sheet 選項(xiàng)更多的焦點(diǎn)盲厌。
注：相當(dāng)于普通的底部彈出框
Alerts
Alert 是提供選擇特定動(dòng)作或動(dòng)作列表的彈出框署照，可以向用戶提供重要信息，或要求用戶作出決定（或多項(xiàng)決定）吗浩。
Alert 一般只用于快速操作建芙，如密碼驗(yàn)證，小應(yīng)用程序通知或快速選項(xiàng)懂扼。更深入的界面交互岁钓，應(yīng)該使用全屏的 ?Modals。
Alert 非常靈活微王，并且可以輕松定制。
注：相當(dāng)于彈出框Dialog
Badges
Badge 標(biāo)記品嚣，一般用戶將數(shù)值傳遞給用戶的小部件炕倘。
注：相當(dāng)于帶圓角和底色的文本標(biāo)簽
Buttons
Button 是與應(yīng)用程序進(jìn)行交互和導(dǎo)航的基本方式剖张，并且應(yīng)該清楚地告知用戶點(diǎn)擊后會發(fā)生什么操作肚菠。
Button 可以由文本 / 圖標(biāo)組成，并且可以用各種屬性進(jìn)行增強(qiáng)拯坟。
注：即是Button眶诈，自帶了多種樣式涨醋。
在寫css之前應(yīng)該看看自帶樣式有沒有提供對應(yīng)的樣式。
Cards
Card 是一種展示內(nèi)容的方案逝撬，能為用戶提供良好的視覺焦點(diǎn)浴骂。是一種在有限的屏幕空間內(nèi)更好展示內(nèi)容的優(yōu)質(zhì)方案，已成為許多公司 (包括Google宪潮，Twitter溯警，Spotify等) 的首選設(shè)計(jì)模式。
Card 可以輕松地在多種不同的屏幕尺寸下直觀地顯示相同的信息狡相。
Card 提供了更多的靈活的控制方式梯轻，并可以使用動(dòng)畫。
Card 通常被放置在另一個(gè) Card 之上尽棕，但它們也可以像“頁面(Page)”一樣使用喳挑，并能左右滑動(dòng)。
注：即是CardView，一種帶有立體卡片效果的容器
Checkbox
Checkbox伊诵，選擇框单绑，是一個(gè)保存布爾值的輸入組件。
注：選擇框CheckBox日戈，不多解析
DateTime
DateTime 用于顯示一個(gè)界面询张，使用戶可以輕松選擇日期和時(shí)間。
DateTime 與<input type="datetime-local">元素類似浙炼，但是份氧，Ionic的DateTime 可以輕松地以首選格式顯示日期和時(shí)間，并管理日期時(shí)間值弯屈。
注：日期選擇底部彈出框蜗帜，WheelView樣式 (即類似IOS的時(shí)間選擇框)
FABs
FAB 浮動(dòng)按鈕，標(biāo)準(zhǔn)的MD組件资厉。顧名思義厅缺，浮動(dòng)按鈕就是以固定的位置浮在內(nèi)容上的按鈕。
注：即MD標(biāo)志性的FloatingActionButton宴偿，自帶多種子列表的展開方式湘捎，可以說是碉堡了
Gestures
Gestures 手勢事件，可以在HTML通過tap窄刘，press窥妇，pan，swipe娩践，rotate活翩，pinch訪問。
注：即通過 <? (tap/press/...)="func($event)"> 為控件添加相關(guān)事件的觸發(fā)回調(diào)
Grid
Grid 網(wǎng)格翻伺，Ionic的網(wǎng)格系統(tǒng)基于 Flexbox材泄，這是Ionic支持的設(shè)備都支持的CSS功能。
Grid 由三個(gè)單元組成：Grid吨岭，Rows拉宗，Columns。
Grid 默認(rèn)為12列辣辫。
Icons
Icon 圖標(biāo)簿废，帶有與我們都認(rèn)識并喜愛的700+ Ionicons圖標(biāo)。
通過 <ion-icon name="icon_name"> 使用 Icon络它。
通過 <ion-icon isActive="true/false">設(shè)置活動(dòng)狀態(tài)圖標(biāo)區(qū)分族檬。
通過 <ion-icon ios="logo-apple" md="logo-android">設(shè)置風(fēng)格圖標(biāo)區(qū)分。
注：自帶的圖標(biāo)庫化戳，提供700+個(gè)的圖標(biāo)单料，并且大部分有風(fēng)格化選擇
Inputs
Input 輸入框埋凯，輸入對于以安全的方式收集和處理用戶輸入非常重要。
他們應(yīng)該遵循每個(gè)平臺的樣式和交互準(zhǔn)則扫尖，以便他們直觀地與用戶交互白对。
Ionic使用Angular 2的表單庫，它可以被認(rèn)為是兩個(gè)相關(guān)的部分换怖，控件和控件組甩恼。
表單中的每個(gè)輸入字段都有一個(gè)Control，一個(gè)綁定到字段中的值的函數(shù)沉颂，并執(zhí)行驗(yàn)證条摸。一個(gè)控制組是控件的集合≈耄控件組處理表單提交钉蒲，并提供可用于確定整個(gè)表單是否有效的高級API。
注：輸入框彻坛，相當(dāng)于EditText顷啼，本質(zhì)是對Input的封裝，提供了多種樣式
數(shù)據(jù)驗(yàn)證部分請參考Angular的 表單輸入
Lists
List 列表昌屉，用于顯示信息行钙蒙，如聯(lián)系人列表，播放列表或菜單等间驮。
更多信息仪搔，請查看 List API 和 Item API。
注：ListView 列表蜻牢，基本上絕大部分的需求都能通過預(yù)設(shè)的List實(shí)現(xiàn)，包括多級列表偏陪，列表頭抢呆，測滑等功能，值得擁有
Loading
Loading 加載框笛谦，是一個(gè)覆蓋層抱虐，可以在指示活動(dòng)時(shí)阻止用戶交互。
默認(rèn)情況下會根據(jù)設(shè)置的樣式顯示一個(gè) Spinner 饥脑。
動(dòng)態(tài)的內(nèi)容恳邀，可以與 Spinner 一起傳遞和顯示。
Spinner 可以隱藏或定制為其他多種預(yù)定義的樣式灶轰。
Loading 顯示在其他內(nèi)容的頂部谣沸，即使在導(dǎo)航過程中。
注：Loading對話框笋颤，通過LoadingController創(chuàng)建乳附，十分方便
Menus
Menu 菜單，是可以拖出或切換顯示的側(cè)面菜單導(dǎo)航控件。
當(dāng) Menu 關(guān)閉時(shí)赋除，Menu 的內(nèi)容將被隱藏阱缓。
Menu 基于平臺適應(yīng)適當(dāng)?shù)娘L(fēng)格。
注：側(cè)滑菜單举农，能定制平臺風(fēng)格化
Modals
Modal荆针，在屏幕外滑動(dòng)以顯示臨時(shí)UI，通常用于登錄或注冊頁面颁糟，消息組成和選項(xiàng)選擇等航背。
Modal 通過覆蓋用戶當(dāng)前頁面的內(nèi)容，實(shí)現(xiàn) Page 的加載滚停。
當(dāng) Modal（或任何其他覆蓋如 Alert 或 Action Sheet）被“呈現(xiàn)”到導(dǎo)航控制器時(shí)沃粗，覆蓋層將被添加到應(yīng)用程序的根導(dǎo)航欄中。在 Modal 被呈現(xiàn)之后键畴，從組件實(shí)例中通過使用ViewController的dismiss方法可關(guān)閉或“解散”最盅。
注：模擬頁面跳轉(zhuǎn)，實(shí)際上是把需要加載的 Page 直接插入到當(dāng)前的頁面中起惕，在小屏幕上顯示類似頁面跳轉(zhuǎn)涡贱，但在大屏幕會使用類似Dialog的效果加載 Page，建議跳轉(zhuǎn)還是用Nav進(jìn)行惹想，但是一些登錄注冊问词，說明文檔等，可以使用 Modal 加載
