HarmonyOS5 便捷生活类——如何解决开屏广告闪屏问题

加入下方官方班级，得鸿蒙礼盒

一起拿鸿蒙礼盒，戳我戳我！！

本期活动时间：2025年8月1日-12月31日

问题现象

展示华为开屏广告时出现闪屏问题，应该如何解决？

效果预览

背景知识

开屏广告是一种在应用启动时且在应用主界面显示之前需要被展示的广告，具体可参考：广告服务demo。
transition是基础的组件转场接口，用于实现一个组件出现或者消失时的动画效果。可以通过TransitionEffect对象的组合使用，定义出各式效果。

解决方案

闪屏原因，是因为展示开屏广告前的有一帧白色底，是广告加载前的加载过程，如果需要优化，可以对AdComponent设置动画加过渡效果。

AdComponent({
ads: this.ads, displayOptions: this.displayOptions,
interactionListener: {
onStatusChanged: (status: string, ad: advertising.Advertisement, data: string) => {
switch (status) {
case AdStatus.AD_OPEN:
hilog.info(0x0000, TAG, '%{public}s', 'onAdOpen');
Prompt.showToast({
message: 'splash ad open',
duration: 1000
});
break;
case AdStatus.AD_CLICKED:
hilog.info(0x0000, TAG, '%{public}s', 'onAdClick');

Prompt.showToast({
message: 'splash ad click',
duration: 1000
});
break;
case AdStatus.AD_CLOSED:
hilog.info(0x0000, TAG, '%{public}s', 'onAdClose');
Prompt.showToast({
message: 'splash ad close',
duration: 1000
});
this.getUIContext().getRouter().replaceUrl({ url: 'pages/AdsServicePage' }, router.RouterMode.Single);
break;
}
}
}
})
.width('100%')
.height('87%')
.transition(TransitionEffect.OPACITY.animation({ duration: 1000, curve: Curve.Friction, delay: 200 }))