怀念夏天 发表于 2025-3-27 15:28:47

鸿蒙APP实战案例分析——页面加载效果实现案例

往期推文全新看点(文中附带最新·鸿蒙全栈学习笔记)

鸿蒙(HarmonyOS)北向开发知识点记录~

鸿蒙(OpenHarmony)南向开发保姆级知识点汇总~

鸿蒙应用开发与鸿蒙系统开发哪个更有远景?

嵌入式开发适不得当做鸿蒙南向开发?看完这篇你就相识了~

对于大前端开发来说,转鸿蒙开发究竟是福照旧祸?

鸿蒙岗位需求突增!移动端、PC端、IoT到底该怎么选?

记录一场鸿蒙开发岗位面试履历~

连续更新中……

<hr> 先容

本示例先容Stack堆叠组件和LoadingProgress加载组件模拟初次进入页面实现页面加载的效果。加载完成后,LoadingProgress组件会消失并展示加载结果页(即商品页)。
效果图预览

https://i-blog.csdnimg.cn/img_convert/ebbcee37997a3f9afbd5f87434f2b679.gif
使用说明

[*]进入页面开始加载,加载完成后显示整个界面。
实现思路


[*]为了实如今页面初次加载时即展现出加载提示效果,预先界说了一个布尔类型的变量isLoading,并将其初始值设定为true。在页面加载初期,这一变量状态将触发加载页的显现,转达数据正在加载的即时信息。
build() {
   
Stack() {
   
    if (this.isLoading) {
   
      // 加载页
      LoadingHUD(
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 鸿蒙APP实战案例分析——页面加载效果实现案例