Cordova闪屏插件设置启动画面

最新推荐文章于 2023-10-25 19:10:13 发布
最新推荐文章于 2023-10-25 19:10:13 发布
阅读量691 收藏
点赞数
分类专栏： Cordova 文章标签： cordova
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_41097495/article/details/105867581
版权
本文介绍了如何在Cordova项目中设置启动画面。首先，通过安装相关插件，然后在项目的drawable资源文件夹中添加自定义启动图片，最后在config.xml的widget配置中进行设置，以实现不同屏幕大小的适配。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.安装
cordova plugin add cordova-plugin-splashscreen
2. 添加图片

在项目下platforms\android\app\src\main\res中的drawable开头的文件夹中添加需要设置成启动图片的图片 默认cordova使用的是screen.png 可以去文件中找找 然后将自己想要的图片放进去 不同的drawable文件夹对应不同的屏幕大小 这个有兴趣自行了解 这里的话直接全部用同一张图

3.在comfig.xml中的widget中进行配置

// name是固定的 value是设置的

// 设置启动画面的图片 value的值为图片名 不带文件后缀 系统会自己找 带的话也可以
<preference name = "SplashScreen" value = "screen" />
最低0.47元/天 解锁文章
cordova插件闪屏：Apache Cordova插件闪屏
02-03
标题 描述 开机画面 控制您的应用程序的启动屏幕。 AppVeyor 特拉维斯CI 科尔多瓦插件闪屏 在您的Web应用程序启动时，此插件显示和隐藏启动屏幕。 使用其方法，您还可以手动显示和隐藏启动屏幕。 安装 // npm hosted (new) id cordova plugin add cordova-plugin-splashscreen // you may also install directly from this repo cordova plugin add https://github.com/apache/cordova-plugin-splashscreen.git 支持平台 安卓 的iOS 注意：iOS实现已移至核心框架。 如果使用cordova-ios@5或更早版本，请使用cordova-plugin-splashscreen@5 如果使用cordova-ios@6或更高版本，请使用cordova-plugin-splashscreen@6 。 如果专门为iOS平台开发，则可以卸载此插件。 Windows（需要cordova-windows版本> =
[Phonegap+Sencha Touch] 移动开发36 Phonegap/Cordova项目的图标和启动画面(splashscreen)配置
小桥流水丿小溪
11-04 9317
Phonegap/Cordova项目的图标和启动画面(splashscreen)配置
cordova 添加闪屏效果
weixin_33910434的博客
08-25 130
为项目添加SplashScreen插件 在Cordova项目目录运行： 　　cordova plugin add apache.cordova.splashscreen 这个命令从插件git库下载插件代码到工程目录的plugins目录下 修改项目config.xml配置文件　　 <preference name="SplashScreen" value="screen" /&...
Cordova 闪屏
自由人生
04-04 752
此插件用于在应用程序启动时显示启动屏幕。 步骤1 - 安装Splash Screen插件 通过运行以下代码，可以在命令提示符窗口中安装Splash屏幕插件。 C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-splashscreen 步骤2 - 添加闪屏 添加启动屏幕不同于添加其他Cor
Cordova应用程序修改启动画面或者Icon
weixin_30551963的博客
12-21 266
1） 制作启动画面图片或icon ionic resources //同时生成icon和splash ionic resources --icon //只生成icon ionic resources --splash //只生成splash 如果生成的icon/splash有损坏，cordova build android的时候会报错，解决办法就是重新生成或者另外ps一张； ...
cordova-screenshot cordova截屏插件
09-20
cordova-screenshot cordova截屏插件 document.addEventListener("deviceready", init, false); function init() { document.querySelector("#share").addEventListener("touchend", function() { navigator....
OpenSettingsPlugin:Cordova 打开设置插件
06-06
Cordova 打开设置插件 在开发cordova 应用程序时，它非常常见的场景是用户需要重定向到系统设置，他/她可以在其中修改设置并重定向回我们的应用程序。 最常见和广泛传播的场景是每个新手使用cordova 开发应用程序并...
百度地图定位Cordova插件
最新发布
05-13
【百度地图定位Cordova插件】是专门为Cordova框架设计的一款插件，它允许开发者集成百度地图服务到他们的移动应用程序中，实现精准的定位功能。Cordova是一个流行的开源框架，它使得开发者可以使用HTML5、CSS3和...
cordova-bridge:一个cordova插件的简单启动器
06-04
开发者可以通过编写JavaScript代码来控制和启动插件，实现应用的业务逻辑，同时与设备的原生功能进行通信。 5. **跨平台开发**：使用Cordova Bridge，开发者可以编写一次代码，然后在多个移动平台上运行，包括iOS、...
创建Cordova应用程序启动画面
zythy的专栏
03-28 1万+
这一节我们讲解如何为Android程序设置一个启动画面。 1）  制作启动画面图片，比如splash.png，并存放到platforms\android\res\drawable目录下。（实际上应该制作多个不同版本的图片，按照设备分辨率不同放到不同的drawable目录下。此例只做简单演示用） 2）  在项目根目录下的config.xml中添加两个配置项： 其中，第一个配置指定了启动
splashscreen 插件
08-08
这个是对Cordova-plugin-splashscreen 插件的封装，主要是对android部分的封装实现了对安卓机型启动页隐藏状态栏，改变状态栏为透明色，改变状态栏字体为黑色等功能，具体使用方法查看博客https://blog.youkuaiyun.com/qq_25610161/article/details/81508815
phonegap/cordova 启动页面
weixin_30617695的博客
09-29 166
启动phonegap应用时，因为phonegap还在加载一系列的东西，总会出现一段时间的黑屏。解决方法是设置一个启动页面（闪屏）来过渡，让应用的用户体验更好一些。 先讲ios版本的： 首先，你需要准备一下图片： Default-568h@2x~iphone.png (640x1136 pixels)Default-Landscape@2x~ipad.png ...
Cordova-iOS 启动图 (launch storyboard images) 规范
小桥流水丿小溪
02-25 6162
Size Class 尺寸类别 iOS8 推出的Size Class, 可以让我们在一个工程的 storyboard(故事板) 中进行所有尺寸屏幕的适配, 不仅是iPhone 4s、5/5s、6、7、8Plus,还包括iPad界面. 它引入了一种新的概念,抛弃传统意义上我们适配时所谓的具体宽高尺寸, 把屏幕的宽和高分别分成两种情况: Compact-紧凑, Regular-正常(Any-任意, ...
java-js知识库之九——cordova图标和闪屏
这是个什么的博客
01-01 391
本篇将记录app的图标和启动闪屏。 一、应用图标 1.1 制作图片 准备一张图片，使用制图工具将图片分辨率修改为以下几种： 36*36 drawable-ldpi-icon.png 48*48 drawable-mdpi-icon.png 72*72 drawable-hdpi-icon.png 96*96 drawable-xhdpi-icon.png 1.2 将图片放...
跨平台移动开发phonegap/cordova 3.3全系列教程-app启动画面
热门推荐
mansai的专栏
02-06 2万+
1.app启动画面设计 用photoshop设计启动画面，图片分辨率为720*1280 保存的文件名为splash.png 将splash.png复制到res\drawable，如图 PS：要先添加闪屏插件才能使用（示例中已经添加，此步略过） cordova plugin add org.apache.cordova.splashscreen 修改res
Cordova之图标logo和闪屏背景图片配置方法【config.xml文件】
weixin_43343144的博客
04-13 667
<?xml version='1.0' encoding='utf-8'?> <widget id="io.cordova.icowallet" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0"> <name&gt...
cordova-plugin-splashscreen设置启动页面和图标
天马3798
01-30 1万+
一、在App中对于应用图标可以直接修改res/icon/xxx下的png图片就可以了。 对于程序启动页面（注：一张png图片），在deviceready之前会一直显示这张图片，如果不设置的话在App启动的时候闪一下白屏。如果想修改启动图片需要安装：cordova-plugin-splashscreen 安装命令： cordova plugin add cordova-plugin-splas
Cordova官方插件 -- Icon + SplashScreen
简单记录
03-31 2980
Cordova官方插件 -- Icon + SplashScreen
cordova打包项目启动页面和图标的设置
qzh88888888的博客
10-25 464
cordova打包项目启动页面和图标的设置_cordova打包app默认启动-优快云博客
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值