betway东盟体育app离子6

今天,我很高兴宣布发行Ionic 6!betway东盟体育app该版本增加了改进的桌面支持,大修组件,iOS和Android Design更改,以及更多!

让我们看一下Ionic 6可以期望的。betway东盟体育app

轻松升级⛵️

虽然这种发行的离子确实带来了破坏的变化,但我betway东盟体育app们努力将这些变化降至最低。betway东盟体育app离子6的破裂变化少于先前的离子4和离子5个版本!

开发人员可以参观betway东盟体育app离子6迁移指南获取分步升级说明。

更快,更可靠的释放节奏

随着离子6的发布,我们正在调整发布计划,betway东盟体育app以更好地与iOS和Android软件版本一致。开发人员可以期望看到每年对离子发展的主要发行。betway东盟体育app

设计更改

ios

iOS模式的一些值得注意的设计更改包括新的复习风格以及DAMP模式的更新工具栏和模态样式。我们还添加了一个新的坍塌两者的选项离子头离子足。这使开发人员可以隐藏标题和页脚背景,直到用户开始滚动为止:

   title       ...     footer    
新的标题和页脚样式

改进的iOS工具栏主题

改进的iOS模态主题

改进的iOS拉力刷新

安卓

我们已经在材料设计模式下对输入样式进行了修改,以支持新的填充大纲变体。除了角色计数器外,我们还添加了错误和辅助文本插槽。

此外,离子选择已更新以将最新的材料设计样式与Popover接口使用。

离子团队betway东盟体育app正在关注物质你并等待更多的指导由Google发布。

材料设计输入更新

组件⚙️

底部

我们很高兴在离子6中运送新的底部功能。betway东盟体育app离子模式,开发人员可以创建动态纸张,以抢购断点和覆盖交互式内容。

底部的组件

约会时间

离子6中最重要的组件变化之一是betway东盟体育app离子datetime零件。我们已经对DateTime进行了修改,以使用iOS和Android上的最新日历选择器样式。DateTime还具有完整的键盘和屏幕读取器集成的桌面设备上的功能,以选择日期。离子datetime现在查看设备上的语言和区域设置,以便以每个用户熟悉的格式呈现。

修改了DateTime

选择

除了添加的新材料设计样式外离子选择,我们还通过添加用于选择选项的键盘交互来改善桌面支持。通过使用弹出离子选择,开发人员可以轻松创建丰富的桌面选择体验。

改进的选择

模态

离子模式已经对其进行了修改,现在可以在应用程序模板中声明地使用。这意味着开发人员可以写在它们的模板中并传递一个组件以显示。我们还添加了新的开了扳机特性。这些属性允许开发人员以较少的代码呈现和解雇模式。

对于React和Vue开发人员,此更改意味着要参考离子模式将返回实际的模态组件,而不是占位符元素。

打开模态    ...    
内联模式

弹出

离子流行也可以在应用程序模板中声明使用,并且接收相同开了扳机属性离子模式收到。

我们还改善了通过该弹出案的尺寸和定位选项,,,,结盟, 和尺寸特性。这些新功能使开发人员控制了如何在其应用中呈现弹出窗口的方式。

但是等等,还有更多!嵌套的弹出功能已添加到离子中。betway东盟体育app这是在桌面应用程序中构建多层下拉菜单的强大功能。嵌套的弹出案与新的声明语法合作,并与扳机财产。

约夏克布丁

物品

作为材料设计更新的一部分,我们添加了新样式离子项目更好地匹配规范。此外,我们添加了新的助手和错误插槽,以获得更好的形式验证。

 电子邮件   请输入您的电子邮件。 您必须输入有效的电子邮件。 

手风琴

离子6中的第一个新组件是betway东盟体育app离子量。手风琴使以易于理解的方式组织大量内容成为可能。该组件包含功能,例如平滑的动画,键盘支持和减少运动可访问性。

    colors       red      green      blue         形状       circle     triangle       square> square         nubmess       1       2      3      
新的手风琴组件

面包屑

第二个新组件是离子 - 果皮。面包屑为用户提供有关应用程序中的位置以及如何到达那里的情况。此组件也可以主题和崩溃!

  home   electronics  摄影 摄像机  film    35mm  
新的面包屑组件

性能和工具

betway东盟体育appIonic是作为使用现代Web API的一组闪电般的组件构建的。这意味着您的应用程序可以与本机应用程序一样快。我们使用最好的部分模版为您的离子应用带来性能和捆绑改进。betway东盟体育app

自定义元素

在离子betway东盟体育app6中,我们正在运送一种新的离子建筑,我们称之为自定义元素构建。这个构建不依赖模版懒惰的加载,并帮助捆绑机仅包含您应用程序中使用的组件。这可以减少应用程序的整体规模。虽然确切的节省将因应用程序而异,但我们相信大多数应用程序都会随着此更改而看到捆绑尺寸的减少。

自定义元素构建可在离子反应和离子vue中获得,并将在将来的发行版中以离子角推广。betway东盟体育app

Vite,crolup和Esbuild - 哦,我的!

作为额外的奖励,离子6可用于工具,例如betway东盟体育appVite,,,,卷起, 和Esbuild,为开发人员提供更多构建应用程序的选择。

vue路由

VUE开发人员使用该新方法在离子VUE中导航betway东盟体育appUseionRouter注射。此新功能使开发人员可以在保留对页面过渡的控制同时使用VUE路由器。

从'@ionic/vue'导入{useionRouter};betway东盟体育app... const Router = useionRouter();router.navigate(`/page','forward','replact',customAnimation);

看到betway东盟体育app离子Vue路由器文档了解更多信息。

平台检测自定义

我们在离子6中添加了新的平台检测自定义选项,这些选项可帮助开发人员说明设备并不总是整齐地落入Ionic已预先配置的平台存储桶betway东盟体育app中。使用此功能,开发人员可以自定义离子中的平台如何设置以说明其他设备。betway东盟体育app

从'@ionic/betway东盟体育appcore'导入{ionicConfig};const config:ibetway东盟体育apponicconfig = {platform:{ /**默认桌面函数返回带有触摸屏设备的false。*这并不总是想要的,因此此功能改为测试用户代理。**/'desktop':( win)=> {const ismobile =/android | webos | iPhone | iPad | ipad | ipod | blackberry | iemobile | opera mini/i.test(win.navigator.useragent);返回!ismobile;}}}}

Angular用户可以在此处访问文档以获取更多信息
React用户可以在此处访问文档以获取更多信息
Vue用户可以在此处访问文档以获取更多信息

打字稿改进

在离子betway东盟体育app5中,调用A的目标CUSTOMEVENT除非开发人员分类目标,否则会产生打字错误。这很常见event.target.complete()IoninfinitesCroll零件。在离子betway东盟体育app6中,我们正在介绍具有此目标正确键入此目标的打字稿界面:

const onInfinite =(ev:customevent)=> {... ev.target.complete();//打字稿错误}

const onInfinite =(ev:infinitesCrollCustomeVent)=> {... ev.target.complete();}

这些自定义事件接口可以在文档中找到发射事件的每个离子组件。betway东盟体育app例如,界面IoninfinitesCroll可以在无限滚动文档

入门

现有的离子5个应用程序的开发人员希望开始使用Ionbetway东盟体育appic 6betway东盟体育app离子6迁移指南

想要从一个全新的离子6应用程序开始?betway东盟体育app尝试我们的应用创建向导!

尽管Ionibetway东盟体育appc 6已准备好每个人都可以开始使用,但您可能会沿途遇到一些速度。如果您愿意的话,我们将非常感谢在我们的github存储库上报告

下一步是什么?

2022年对于Ionic来说将是令人难以置信的一年。betway东盟体育app我们向前发展的重点是现代化离子,并确保易于使用。betway东盟体育app我们正在研究的一个大功能是Ionic Documentation网站的组件操场。betway东盟体育app这个游乐场将使开发人员看到页面上哪些组件的示例。他们还将能够与组件进行交互并更改其属性,而无需自己启动离子应用程序。betway东盟体育app

除此之外,我们还希望增强我们在离子6中发货的功能,以使其变得更好!betway东盟体育app如果您对我们可以改善经过改进的组件的方式有想法,请让我们在我们的GitHub仓库中知道

敬请关注!

谢谢你

我们要对整个离子社区表示衷心的感谢。betway东盟体育appbetway东盟体育app没有出色的社区反馈,测试和代码贡献,离子6将是不可能的。我们期待着继续与社区互动,以确定能够使离子更好的方法。betway东盟体育app

注册离子通讯,以获取最新新闻和更betway东盟体育app新!

值得注意的答复

  1. 嘿伙计!如果您有任何疑问或评论,我将在这里观看这篇文章!很想听听大家的来信!

  2. SOOOO被取消了!!!:火箭::tada::火箭::tada::火箭::tada:对Ionic团队的大声喊叫,以投入V6的辛勤工betway东盟体育app作。

    离子团队是否听说betway东盟体育app过升级VUE应用程序的其他问题?似乎我们需要停止,因为Vue CLI有一些依赖性冲突。我尝试在周末进行升级,并遇到以下问题中提到的相同问题。

  3. 我们今天向Vue首发推出了一些更新,现在应该很好。我会用这个作为起点。

  4. 很棒的工作!恭喜所有团队。

    只是想知道是否有关于Ionic拖放IDE的消息,例如Ionic Studio很有宗教信仰是……betway东盟体育app

Baidu