相关问题
HarmonyOS 效果实现方案
265浏览 • 1回复 待解决
PopWindow的效果实现有哪些?
497浏览 • 1回复 待解决
引导遮罩效果实现的最佳方案
815浏览 • 1回复 待解决
如何通过Progress实现loading效果?
281浏览 • 1回复 待解决
动态加载实现Tabs不均分但整体居中效果
567浏览 • 1回复 待解决
Progress的ScaleRing样式,如何实现loading效果
1713浏览 • 1回复 待解决
栅格布局怎么实现滚动效果?
311浏览 • 0回复 待解决
层叠布局,层叠布局在容器内的不同属性下的布局效果
578浏览 • 1回复 待解决
弹性布局,布局在不同属性下的布局效果以及对应属性
546浏览 • 1回复 待解决
是否支持模块的动态加载?如何实现
2158浏览 • 1回复 待解决
动态显示页面布局以及页面元素大小实现案例
687浏览 • 1回复 待解决
如何实现类似安卓协调布局CoordinateLayout的效果
1828浏览 • 1回复 待解决
如何实现布局中子元素可以自动换行的效果?
347浏览 • 1回复 待解决
线性布局,该demo主要用于展示线性布局在不同容器以及不同属性下的布局效果
743浏览 • 1回复 待解决
HarmonyOS 问一下动态添加组件怎么实现?
140浏览 • 1回复 待解决
动态加载网络字体文件
611浏览 • 1回复 待解决
按需加载场景中加载动态模块失败
1540浏览 • 1回复 待解决
HarmonyOS 全局loading的菊花如何实现?
129浏览 • 1回复 待解决
如何实现根据服务端下发的配置动态加载tab页面?
156浏览 • 1回复 待解决
HarmonyOS 实现3D标签云效果。麻烦提供下思路
278浏览 • 1回复 待解决
HarmonyOS loading动画加载较慢,用户能明显看到loading动画先不动,后来才正常转起来
54浏览 • 1回复 待解决
ArkTS布局组件实现瀑布流式布局
735浏览 • 1回复 待解决
如何在ArkTS中动态加载so
238浏览 • 1回复 待解决
HAP是否提供动态加载的能力
1646浏览 • 1回复 待解决
鸿蒙如何设置通过变量动态import模块,实现有的编译类型下模块可动态导入,有些编译类型模块不可动态导入
323浏览 • 1回复 待解决
应用市场需要实现加载loading效果,又因为应用市场是动态布局实现页面布局渲染的,所以加载loading需要包括2种:一是进入首页或页面跳转间的loading。二是应用内底部tab切换的loading。
原理
1. 进入首页或页面跳转间的loading:
2. 应用内底部tab切换的loading:
具体实现
(一) 进入首页或页面跳转间的loading。
1. 封装一个页面直接跳转加载的loading组件LocalStateCard。
2. 在首页或者页面上添加LocalStateCard组件,如MainPage.ets中:即首页渲染LocalStateCard本地加载loading。
3. 拦截动态布局接口响应,通过import emitter from '@ohos.events.emitter'向LocalStateCard通知请求结果。
LocalStateCard组件广播请求结果
(二) 应用内底部tab切换的loading。
1. 封装一个应用内底部tab切换loading的原子卡组StatefullCard,并在动态布局中统一注册engine.registerCard(StatefullCardBuilder)engine.registerCard(StatefullCardBuilder)):
2. 配置卡片模板中的loading(即id=stateful):
疑问:
1. 为什么要分进入首页或页面跳转间的loading和应用内底部tab切换的loading。
答:因为应用市场是基于动态布局2.1页面级渲染的,再首次启动进入应用市场时,还未下载页面卡片模板,此时也就存在一定的空白界面。所以用首页或页面跳转间的loading,能避免启动到动态布局下载卡片模板这段时间的空白界面。