HarmonyOS 鸿蒙Next中快应用开屏广告模拟

HarmonyOS 鸿蒙Next中快应用开屏广告模拟 【关键词】

开屏、原生广告、stack

【问题背景】

快应用中目前暂时不支持开屏广告，开发者如想在应用启动时展示广告，可以在快应用中用原生广告来模拟替代，从而来实现开屏广告的效果。

【问题分析】

实现上是比较简单的，首先需要将首页替换成一个只有原生广告展示的ux页面，然后在展示几秒后，通过router接口跳转到快应用的实际首页。

同时在模拟的开屏广告页上还需要加个关闭广告的按钮，可以点击后提前关闭广告跳转到后续页面。

【解决方案】

布局方面实现：

1. 由于原生广告返回的可能是图片或者视频，需要使用stack组件将它们堆叠在一起实现，后续可以根据原生广告请求返回的值来决定使用image还是video组件。

2. 关闭按钮实现，通过position属性将关闭按钮固定在右上角。

主要逻辑代码实现：

1. 开屏广告的请求与展示（其实就是原生广告的请求与展示）

2. 通过定时器来实现一个倒计时效果，在广告展示几秒后自动跳转下一页面。

3. 关闭按钮点击，关闭广告展示和立即跳转下一页面。