HarmonyOS NEXT应用开辟之多模态页面转场动效实现案例_鸿蒙开辟中什么是模态转场

1. @Builder
2. halfModalLogin() { // 半模态窗口页面
3.   Button("验证码登录")
4.     .bindContentCover(this.isPresentInLoginView,this.defaultLogin(),{ modalTransition: ModalTransition.NONE}) // 全屏模态转场
5.     .onClick(() => {
6.       if (this.isConfirmed) { // 判断是否同意协议
7.         // 半模态页面中跳转全屏模态登录页
8.         this.isPresentInLoginView = true;
9.       }
10.     })
11. }

复制代码

3、通过点击第二步中的按钮跳转到全屏模态组件(CaptureLogin)，并通过isDefaultLogin控制两种登录组件的条件渲染：true(手机验证码登录),false(二维码登录)，同时通过TransitionEffect.move()实现组件间转场， 从而实现组件转场雷同页面转场的结果。

1. build() {
2.   Stack({ alignContent: Alignment.TopStart }) {
3.     if (this.isDefaultLogin) {
4.       CaptchaLogin() // 手机验证码登录
5.         .transition(TransitionEffect.move(TransitionEdge.START).animation({ duration: EffectDuration, curve: Curve.Linear })) // 从左边推出
6.     } else {
7.       AccountLogin() // 账号密码登录
8.         .transition(TransitionEffect.move(TransitionEdge.END).animation({ duration: EffectDuration, curve: Curve.Linear })) // 从右边推出
9.     }
10.   }
11. }

复制代码

高性能知识点

容器限定条件渲染组件的革新范围
工程布局&模块范例

1. multimodaltransition                            // har类型
2. |---src/main/ets/view
3. |   |---HalfModalWindow.ets                     // 视图层-主页
4. |---src/main/ets/model
5. |   |---AccountLogin.ets                        // 模型层-账号密码登录页
6. |   |---CaptchaLogin.ets                        // 模型层-验证码登录页(全屏模态窗口)

复制代码

模块依靠

har包-common库中UX尺度
@ohos/routermodule(动态路由)
参考资料

半模态转场
全屏模态
为了能让各人更好的学习鸿蒙（HarmonyOS NEXT）开辟技能，这边特意整理了《鸿蒙开辟学习手册》（共计890页），渴望对各人有所资助：https://qr21.cn/FV7h05
《鸿蒙开辟学习手册》：

怎样快速入门：https://qr21.cn/FV7h05

• 根本概念
  
• 构建第一个ArkTS应用
  
• ……
  

开辟底子知识：https://qr21.cn/FV7h05

• 应用底子知识
  
• 设置文件
  
• 应用数据管理
  
• 应用安全管理
  
• 应用隐私掩护
  
• 三方应用调用管控机制
  
• 资源分类与访问
  
• 学习ArkTS语言
  
• ……
  

基于ArkTS 开辟：https://qr21.cn/FV7h05

• Ability开辟
  
• UI开辟
  
• 公共变乱与关照
  
• 窗口管理
  
• 媒体
  
• 安全
  
• 网络与链接
  
• 电话服务
  
• 数据管理
  
• 配景任务(Background Task)管理
  
• 装备管理
  
• 装备使用信息统计
  
• DFX
  
• 国际化开辟
  
• 折叠屏系列
  
• ……
  

鸿蒙开辟口试真题（含参考答案）：https://qr18.cn/F781PH

鸿蒙开辟口试大盘集篇（共计319页）：https://qr18.cn/F781PH

1.项目开辟必备口试题
2.性能优化方向
3.架构方向
4.鸿蒙开辟体系底层方向
5.鸿蒙音视频开辟方向
6.鸿蒙车载开辟方向
7.鸿蒙南向开辟方向

自我先容一下，小编13年上海交大结业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里不绝到现在。
深知大多数HarmonyOS鸿蒙开辟工程师，想要提拔技能，通常是自己探索发展大概是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学结果低效又漫长，而且极易碰到天花板技能故步自封！
因此网络整理了一份《2024年HarmonyOS鸿蒙开辟全套学习资料》，初志也很简朴，就是渴望可以或许资助到想自学提拔又不知道该从何学起的朋侪，同时减轻各人的负担。

既有得当小白学习的零底子资料，也有得当3年以上履历的小同伴深入学习提拔的进阶课程，根本涵盖了95%以上HarmonyOS鸿蒙开辟知识点，真正体系化！
由于文件比力大，这里只是将部门目次大纲截图出来，每个节点内里都包罗大厂面经、学习条记、源码讲义、实战项目、讲授视频，而且会连续更新
假如你以为这些内容对你有资助，可以添加VX：vip204888 （备注鸿蒙获取）

一个人可以走的很快，但一群人才华走的更远。岂论你是正从事IT行业的老鸟或是对IT行业感爱好的新人，都接待扫码到场我们的的圈子（技能交换、学习资源、职场吐槽、大厂内推、口试辅导），让我们一起学习发展！
204888 （备注鸿蒙获取）**
[外链图片转存中…(img-Mlpzp5Mg-1712842740951)]
一个人可以走的很快，但一群人才华走的更远。岂论你是正从事IT行业的老鸟或是对IT行业感爱好的新人，都接待扫码到场我们的的圈子（技能交换、学习资源、职场吐槽、大厂内推、口试辅导），让我们一起学习发展！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！qidao123.com:ToB企服之家，中国第一个企服评测及软件市场,开放入驻,技术点评得现金