Ionic如何更改应用程序图标以及启动界面SplashScreen

最新推荐文章于 2024-04-21 22:38:16 发布
最新推荐文章于 2024-04-21 22:38:16 发布
阅读量2.3k 收藏 3
点赞数
分类专栏： ionic 文章标签： ionic splash screen icon 资源
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38299362/article/details/79659768
版权
本文介绍了在Ionic项目中更改应用程序图标和启动界面Splash Screen的步骤。首先删除现有资源文件，然后根据指定尺寸创建新图标和启动界面图片，最后通过CMD运行命令更新资源并编译APP查看效果。
摘要由CSDN通过智能技术生成

在工作过程中，用ionic生成的程序需要更改图标和更改启动界面Splash screen的图像时，大家不看官方文档的话可能都不知道如何生成，下面给大家介绍一下步骤。

 

第一步：打开程序目录下的resources目录，把icon.png和splash.png文件删除掉，在删除前可以看下这两个文件大小，ionc.png

最低0.47元/天 解锁文章
weixin_38299362
关注
专栏目录
Ionic4—splash启动页配置详解
雷雨天的雷胖子
01-02 1116
目录 一、概述 二、参数详解 三、问题汇总 一、概述 Ionic4混合开发中项目的启动目前还没有达到秒开级别，偶尔启动缓慢。Ionic4使用splash启动页来提升用户体验。Ionic4启动时会优先展示splash启动页，之后才进一步加载WebView。config.xml中splash启动页的相关配置如下。 <!--禁用启动屏滚动--> <preference n...
ionic（phonegap）-SplashScreen设置
WenJimmy的专栏
03-29 7632
ionic（phonegap）-打包后app 启动界面消失后黑屏标签（空格分隔）： ionicSplashScreen社区提问stackoverflow$ ionic resources 或 $ ionic resources --icon ##单独生成应用图标 $ ionic resources --splash ##单独生成应启动画面图片ionic会把你的图标上传到它的服务器然后再
【Ionic】---App名字和图标修改+启动画修改（SplashScreen）
weixin_30765475的博客
03-30 274
APP名字 1 修改项目目录下config.xml--name标签 END APP图标和启动画 1 在项目的根目录下创建resources文件夹 在文件夹中都放入 icon.png（应用图标，最小192x192px，不带圆角）， splash.png（启动屏幕，最小2208x2208px，中间区域12...
Ionic 中 Icon(应用图标)和splash Screen(启动画面)
weixin_34383618的博客
04-01 278
2019独角兽企业重金招聘Python工程师标准>>> ...
ionic7 splash-screen(启动页)实现
m0_74382023的博客
04-01 501
关于启动页的设置我看了一下ionci文档和capacitor文档 发现它们提出了两个不同的插件，这两个插件是否有必要关联也没有说，并且在实现过程中也发现了其他问题，所以这里记录一下。
Android 12 启动画面-SplashScreen(2)
最新发布
2401_84149675的博客
04-21 444
所以，如果你的代码中还保留着过去自己实现的那一套SplashScreen，在Android 12中就会出现双重SplashScreen的现象。这样，当SplashScreen结束时，你的主题就能够被复原，从而不会影响到你的App的主题外观。作者2013年java转到Android开发，在小厂待过，也去过华为，OPPO等大厂待过，18年四月份进了阿里一直到现在。作者2013年java转到Android开发，在小厂待过，也去过华为，OPPO等大厂待过，18年四月份进了阿里一直到现在。启动画面最长1000毫秒。
ionic-ngmaterial-startapp:基于 Angular Material 的 Ionic 启动应用程序
06-02
离子角材料入门应用程序 用法 # From the Ionic website: # First, install Node.js. # Then, install the latest Cordova and Ionic command-line tools. Follow the Android and iOS # platform guides to ...
ionic2-custom-icons:用于创建自定义图标字体和Angular 4指令以在Ionic 3应用程序中呈现图标的npm脚本
05-12
一个npm-script脚本，用于创建自定义图标字体和Angular 5指令以在Ionic 3应用程序中呈现图标。 The library has been tested with Ionic 3.9.2, @ionic/app-scripts 3.1.10 and ionic-cli 3.20.0. 请注意，Ionic...
primeraAppIonic:使用 Ionic 测试应用程序
06-23
在本文中，我们将深入探讨如何使用Ionic框架来创建并测试你的第一个移动应用程序。Ionic是一个流行的开源框架，它基于Angular，并利用HTML、CSS和JavaScript构建原生感观的混合移动应用。借助Ionic，开发者可以利用...
ionic4 禁止启动页 splashscreen
zebraMeat的博客
12-04 785
为什么要隐藏 由于ui还没准备好启动页图片，于是暂时先不显示启动页，将默认的启动页隐藏 找到参考文档 参考文档地址 总结： 禁用安卓的splashscreen只需在config.xml添加 <preference name="SplashScreenDelay" value="0"/> 禁用ios的splashscreen还需在config.xml添加 <preference...
解决ionic 启动页面图片没有显示及启动页出现黑白屏
weixin_30482181的博客
03-21 280
1、ionic 正确打包完app， 并且按照正常的步骤配置config.xml文件之后 ，启动页面还是不能正常的显示出来，而是黑了一下之后，就进入首页了 原因很有可能就是你没有装cordova-plugin-splashscreen这个插件，尝试安装： cordova plugin add cordova-plugin-splashscreen 重新打包，即可显示出来启动页图片 2、启动页...
ionic splash screen 之后出现的白屏解决办法
一只烦恼的猪
07-28 3968
转自：http://blog.csdn.net/dounainaicsdn/article/details/50767667 ionic项目中，在splashscreen消失后会出现零点几秒的白屏，再出现app页面，通过Google以及各种尝试，下面方法解决： 1. 安装Cordova splash screen插件 [html] view pla
ionic splash screen  之后出现的白屏解决办法
Laura Hong的博客
02-29 1万+
ionic项目中，在splashscreen消失后会出现零点几秒的白屏，再出现app页面，通过Google以及各种尝试，下面方法解决： 1. 安装Cordova splash screen插件 $ cd myapp $ ionic plugin add org.apache.cordova.splashscreen 2. 修改ionic项目的config.xml 文件，
ionic 去掉启动页的加载动画 菊花转
沉睡的博客
03-06 140
ionic 去掉启动页的加载动画 菊花转 在config.xml文件里添加 <preference name="ShowSplashScreenSpinner" value="false"/> 如需要在启动页增加启动加载动画，把false改成true即可。 ...
轻松学习Ionic （四） 修改应用图标及添加启动画面（更新官方命令行工具自动生成）
热门推荐
天下布武
12-29 5万+
应用图标： 1.在整个项目所在文件夹下创建res文件夹，里边再分别创建两个文件夹android和ios。 2.针对Android平台：将我们的要替换的启动图标放如android文件夹下。可以分别起名为：mdpi.png(48*48),hdpi(72*72)、xhdpi(96*96)、xxhdpi(144*144) 和 xxxhdpiI(192*192)。
ionic3自定义icon图标（简单版！）
lxhjh的专栏
04-04 2690
源自:https://blog.csdn.net/qq993284758/article/details/78107412第一步：我们可以去阿里图标网找我们要的图标：http://www.iconfont.cn/然后点击最右上角的购物车，选择svg图可以选择自己想要的颜色。点击：下载素材，选择svg，注意不要选png。png图在手机上会失真的。把svg图片下载下来。第二步：在assets文件夹下创...
ionic添加cordova插件-Splashscreen
gzgchzc的博客
12-21 850
gzgchzc博客最新更新地址：http://blog.gzvtc.cc/ Splashscreen 显示或隐藏启动屏幕画面 cordova plugin add cordova-plugin-splashscreen 在创建ionic应用时已经安装好这个插件 可以在plugins目录下查看已经安装的插件 module.controller('MyCtrl', function($
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值