uniapp app端自定义启动页与广告页

须知

因为app是必定有一个启动页面的,这个是无法取消的,所以等启动页面关闭后再放广告页面
由此可见,我们的工作就是实现启动页面和广告页面这两个页面

参考

参考大厂的app(掌上英雄联盟)是咋做的,首先是启动页面,启动页面结束后是广告页面
)

自定义启动页面

uniapp默认的通用启动页面是这样的,通过设置项目manifest.jsonApp图标配置修改图标,通过设置项目manifest.json基础配置-应用名称修改名称(这两个打包后才能生效),使用uniapp的默认启动页面只能自定义这两个,其他如背景图等就不能自定义了

在这里插入图片描述
所以可以选择自定义启动图,manifest.json中选择APP启动页面设置-自定义启动图
在这里插入图片描述
Android平台启动图最好使用.9.png图片

https://ask.dcloud.net.cn/article/35527

iOS平台则需要自定义storyboard启动界面

https://ask.dcloud.net.cn/article/37475

在这里插入图片描述

取消勾选启动页面显示等待雪花

这样就会关闭转圈loading动画,更平滑一些

自定义广告页面

参考插件市场的代码示例即可,完成了广告页面与点击跳到指定页面

https://ext.dcloud.net.cn/plugin?id=7375

### 如何在 UniApp 中实现 Android 启动页 要在 UniApp 的 Android 平台中实现启动页,可以通过自定义插件或者利用官方提供的能力完成。以下是具体的方法以及相关注意事项。 #### 1. 使用原生插件创建启动页 如果需要更复杂的启动页逻辑(例如动态加载广告或其他资源),可以借助 UniApp 提供的原生插件机制[^1]。按照以下步骤操作: - **下载并集成离线 SDK** 访问官网地址 `https://nativesupport.dcloud.net.cn/AppDocs/download/android.html` 下载最新版本的 Android 离线 SDK。解压后将 `.aar` 文件复制到项目的 `nativeplugins` 目录下,并在 Gradle 配置文件中声明依赖关系。 - **编写 Java 类处理启动页逻辑** 编写一个 Java 方法类用于控制启动页的行为。例如,在此方法中设置定时器关闭启动页或跳转至其他面。 ```java public class SplashActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_splash); new Handler().postDelayed(new Runnable() { @Override public void run() { Intent intent = new Intent(SplashActivity.this, MainActivity.class); startActivity(intent); finish(); } }, 3000); // 延迟3秒自动跳转 } } ``` - **注册活动 (Activity)** 将上述 `SplashActivity` 注册到 `AndroidManifest.xml` 文件中: ```xml <activity android:name=".SplashActivity" android:theme="@style/Theme.AppCompat.Light.NoActionBar"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> ``` #### 2. 利用 HBuilderX 自定义启动页 对于较为简单的场景,可以直接通过 HBuilderX 工具配置启动页图片和过渡效果[^2]。这种方式无需额外编码即可快速实现基础功能。 - 登录 DCloud 开发者后台 (`https://dev.dcloud.net.cn/pages/app/list`) 创建新应用并填写基本信息。 - 在项目根目录下的 `manifest.json` 文件中找到 `"app-plus"` 节点,添加如下字段指定启动图标路径: ```json "splashscreen": { "autoclose": true, "duration": 3000, "src": "/static/splash.png" } ``` 其中 `src` 属性指向本地静态资源路径;`duration` 表示显示时间长度单位毫秒。 #### 3. 结合前后分离架构优化体验 为了进一步提升用户体验,还可以参考大型 APP 设计模式引入网络请求判断是否有更新内容再决定是否展示特定界面。比如模仿《掌上英雄联盟》的做法——先呈现品牌 Logo 图片作为初始画面,随后依据服务器返回数据渲染个性化推广素材。 --- ### 示例代码总结 以上两种方式各有优劣:前者灵活性更高适合复杂需求;后者则更加便捷适用于常规用途。开发者应根据实际应用场景选择合适的技术方案。 ```javascript // manifest.json 配置样例 { "app-plus": { "splashscreen": { "autoclose": true, "duration": 3000, "src": "/static/images/startup.jpg" } } } ``` ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值