对于那些对Ionic应用程序开发彻底陌生的人来讲,了解项目背后的核心理念,概念和工具可能会有所帮助。下面介绍Ionic Framework的基础知识。浏览器
UI组件网络
Ionic Framework是一个UI组件库,它是可重用的元素,用做应用程序的构建块。Ionic组件是用网络标准使用HTML,CSS和JavaScript。虽然这些组件是预先构建的,但它们是从头开始设计的,能够高度自定义,所以应用程序能够将每一个组件都本身制做,从而使每一个应用程序都拥有本身的外观和感受。更具体地说,Ionic组件能够轻松地主题化,以在整个应用程序中全局更改外观。框架
平台连续性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的早期版本附带咱们本身的定制路由器,但为了提供最佳的工具和开发人员体验,咱们已经转向使用框架推荐的路由器。spa
本机访问设计
使用网络技术构建的应用程序(例如Ionic应用程序)的一个惊人功能是它几乎能够在任何平台上运行:台式电脑,手机,平板电脑,汽车,冰箱等等!Ionic应用程序的相同代码库能够在许多平台上运行,由于它基于Web标准和跨这些平台共享的通用API。
Ionic最多见的用例之一是构建一个能够从App Store和Play Store下载的应用程序。iOS和Android软件开发工具包(SDK)均提供“Webview“它能够渲染任何Ionic应用程序,同时仍容许完整的 Native SDK访问。
像Capacitor和Cordova这样的项目一般用于为Ionic应用程序提供对Native SDK的访问权限。这意味着开发人员可使用常见的Web开发工具快速构建应用程序,而且仍然能够访问本机功能,例如设备的加速计,摄像头,GPS等。blog
主题化ip
在Ionic核心,Ionic Framework的样式是使用CSS构建的,它容许咱们利用CSS属性(变量)提供的灵活性。这使得设计一个看起来很棒的应用程序很是容易,同时遵循Web标准。咱们提供一组颜色,以便开发人员能够拥有一些很棒的默认值,但咱们鼓励覆盖它们以建立所需调色板相匹配的设计。从应用程序的背景颜色到文本颜色的全部内容均可以彻底自定义。