ion5版本支持ios13一致性Angular Ivy

最新的ion5版本增加了对iOS 13风格的支持,一个新的自定义动画API,以及一个改进的Ionicon图标集。

iOS 13的发布增加了许多设计上的变化,而ionnow提供了对这些设计改进的支持,包括片段、可折叠标题、折叠大标题、小标题、关闭模式、菜单覆盖、刷新和列表标题组件。其中一些变化是表面的,而另一些则导致了行为上的改变,从而引入了离子型4型突变。

虽然在爱奥尼亚5中有一些突破性的变化,但是升级的路径是很简单的。

ion5版本对使用该框架创建的应用程序的设计体验进行了许多改进,从改进的默认调色板到新的启动器组件,使使用ion5更容易上手。在ion5中也有改进,通过CSS变量、阴影DOM和对阴影部分的初始支持,可以更容易地自定义样式。正如W3C影子部分工作草案中所解释的:

Shadow DOM允许作者将页面分成“组件”,即标记的子树,其中的细节只与组件本身相关,而与外部页面无关。这减少了本应用于页面某一部分的样式意外过度应用并使页面的另一部分看起来错误的机会。然而,这种样式障碍也使页面在实际需要时更难与组件交互。

该规范定义了::part()伪元素,它允许作者对来自外部页面上下文的特定的、有目的地暴露在阴影树中的元素进行样式设置。与自定义属性相结合,这些自定义属性允许外部页面将特定的值(比如主题颜色)传递到组件中,以便组件可以随意处理,这些伪元素允许组件和外部页面以安全、强大的方式进行交互,在不放弃所有控制的情况下保持封装。

除了转换几个离子组件来利用阴影DOM和阴影部分,ion5还改进了定制离子主题、启用暗模式支持和CSS变量的方法。

对于使用Angular的用户来说,ion5增加了对Angular Ivy的全面支持,这是人们期待已久的Angular组件渲染方法,作为Angular 9的一部分发布。

Ionicon 5增加了对新版Ionicon的支持,这是一个丰富的开源图标集合,可用于web、iOS、Android和桌面应用程序中的SVG和web字体格式。开发人员可以使用独立于离子框架的Ionicon。

对于更新的完整列表,爱奥尼亚开发人员应该查看爱奥尼亚5发布说明、迁移指南和完整的变更列表。

虽然最初是作为Angular的框架创建的,但现在ionion支持开发人员利用React,而ionion的Vue.js集成目前处于测试阶段。

相关推荐