Ionic 4 核心概念

 

　　對於那些對Ionic應用程序開發徹底陌生的人來講，瞭解項目背後的核心理念，概念和工具可能會有所幫助。下面介紹Ionic Framework的基礎知識。

　　UI組件

　　Ionic Framework是一個UI組件庫，它是可重用的元素，用做應用程序的構建塊。Ionic組件是用網絡標準使用HTML，CSS和JavaScript。雖然這些組件是預先構建的，但它們是從頭開始設計的，能夠高度自定義，所以應用程序能夠將每一個組件都本身製做，從而使每一個應用程序都擁有本身的外觀和感受。更具體地說，Ionic組件能夠輕鬆地主題化，以在整個應用程序中全局更改外觀。

　　平臺連續性

　　平臺連續性是Ionic Framework的內置功能，容許應用程序開發人員在多個平臺上使用相同的代碼庫。每一個Ionic組件都會將其外觀調整爲運行應用程序的平臺。例如，IOS設備（如iPhone和iPad）使用Apple本身的iOS設計語言。一樣，Android設備使用Google的設計語言Material Design。
經過在平臺之間進行細微的設計更改，用戶能夠得到熟悉的應用體驗。從IOS的App Store下載的Ionic應用程序將得到iOS主題，而從Android Play商店下載的Ionic應用程序將得到Material Design主題。對於從瀏覽器中被視爲漸進式Web應用程序（PWA）的應用程序，Ionic將默認使用Material Design主題。此外，決定在某些場景中使用哪一個平臺是徹底可配置的。

　　導航

　　傳統的網絡應用程序使用線性歷史記錄，這意味着用戶能夠向前導航到某個頁面，並能夠點擊後退按鈕進行導航。這方面的一個例子是點擊百度，用戶在瀏覽器的線性歷史堆棧上前進和後退。
相比之下，移動應用程序一般使用並行的「非線性」導航。例如，選項卡式界面能夠爲每一個選項卡分別設置導航堆棧，確保用戶在導航和切換選項卡時不會失去位置。
Ionic應用程序採用這種移動導航方法，支持也能夠嵌套的並行導航歷史，同時保持Web開發人員熟悉的瀏覽器式導航概念。
對於使用Angular構建的應用程序@ionic/angular，建議使用Angular Router，用於每一個新的Ionic 4 Angular應用程序。Ionic的早期版本附帶咱們本身的定製路由器，但爲了提供最佳的工具和開發人員體驗，咱們已經轉向使用框架推薦的路由器。

　　本機訪問

　　使用網絡技術構建的應用程序（例如Ionic應用程序）的一個驚人功能是它幾乎能夠在任何平臺上運行：臺式電腦，手機，平板電腦，汽車，冰箱等等！Ionic應用程序的相同代碼庫能夠在許多平臺上運行，由於它基於Web標準和跨這些平臺共享的通用API。
Ionic最多見的用例之一是構建一個能夠從App Store和Play Store下載的應用程序。iOS和Android軟件開發工具包（SDK）均提供「Webview「它能夠渲染任何Ionic應用程序，同時仍容許完整的 Native SDK訪問。
像Capacitor和Cordova這樣的項目一般用於爲Ionic應用程序提供對Native SDK的訪問權限。這意味着開發人員可使用常見的Web開發工具快速構建應用程序，而且仍然能夠訪問本機功能，例如設備的加速計，攝像頭，GPS等。

　　主題化

　　在Ionic核心，Ionic Framework的樣式是使用CSS構建的，它容許咱們利用CSS屬性（變量）提供的靈活性。這使得設計一個看起來很棒的應用程序很是容易，同時遵循Web標準。咱們提供一組顏色，以便開發人員能夠擁有一些很棒的默認值，但咱們鼓勵覆蓋它們以建立所需調色板相匹配的設計。從應用程序的背景顏色到文本顏色的全部內容均可以徹底自定義。