项目总结2:ionic3开发跨平台App如何设置和替换应用图标及启动图

       前言: 和原生开发一样,ionic官方提供的设置方式也很简单,只不过多了一个步骤:基于ionic命令的方式自动修改全局的配置文件config.xml。

设置或替换应用图标和应用启动图:

  1. 把UI提供的图标拿过来改成特定的名称"icon.png"(不一定是png格式的,可以为png、psd、ai格式,但名称不变);
  2. 将"icon.png"拖拽到项目更目录下面的"resources"文件夹中;
  3. 在Terminal控制台中执行如下命令(必须在联网环境中):

          3.1  方式一,直接运行:ionic resources

                执行该命令后,会自动在resources文件夹下创建已添加的平台名称的文件夹,自动将图片进行缩放、裁剪,生成不同分             辨率的图片,并在config.xml中更新相应的配置信息。

          3.2  方式二,也可以分开执行:  

                 修改图标:    ionic resources --icon     
                 修改启动图:ionic resources --splash

                 resources文件夹目录结构为: 

resources目录示意图

注意事项:

  • 需要在联网环境中执行命令;
  • 如果图片没成功生成则执行清除缓存的命令再重试一遍:ionic resources --clean-cache

成功执行完命令后ionic会修改config.xml配置文件中应用图标和启动图的配置,如:

<platform name="android"><allow-intent href="market:*" /><config-file parent="/*" target="AndroidManifest.xml"><uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES" /><uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /><uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /><uses-permission android:name="android.permission.WRITE_INTERNAL_STORAGE" /><uses-permission android:name="android.permission.READ_INTERNAL_STORAGE" /></config-file><icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" /><icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" /><icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" /><icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" /><icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" /><icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" /><splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" /><splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" /><splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" /><splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" /><splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" /><splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" /><splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" /><splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" /><splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" /><splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" /><splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" /><splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" /></platform><platform name="ios"><allow-intent href="itms:*" /><allow-intent href="itms-apps:*" /><icon height="57" src="resources/ios/icon/icon.png" width="57" /><icon height="114" src="resources/ios/icon/icon@2x.png" width="114" /><icon height="40" src="resources/ios/icon/icon-40.png" width="40" /><icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" /><icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" /><icon height="50" src="resources/ios/icon/icon-50.png" width="50" /><icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" /><icon height="60" src="resources/ios/icon/icon-60.png" width="60" /><icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" /><icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" /><icon height="72" src="resources/ios/icon/icon-72.png" width="72" /><icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" /><icon height="76" src="resources/ios/icon/icon-76.png" width="76" /><icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" /><icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" /><icon height="29" src="resources/ios/icon/icon-small.png" width="29" /><icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" /><icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" /><icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" /><splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" /><splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" /><splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" /><splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" /><splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" /><splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" /><splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" /><splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" /><splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" /><splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" /><splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" /><splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" /><splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" /></platform>

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/440290.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

LeetCode刷题实战(13):Roman to Integer

题目描述&#xff1a; 13 Roman to Integer 49.5%Easy Roman numerals are represented by seven different symbols: I, V, X, L, C, D and M. Symbol Value I 1 V 5 X 10 L 50 C 100 D …

1.Intro to Deep Learning and Computer Vision

Intro 这是Kaggle深度学习教育课程的第一课。 在本课程结束后&#xff0c;您将了解卷积。 卷积是计算机视觉&#xff08;以及许多其他应用程序&#xff09;中深度学习模型的基本构建块。 之后&#xff0c;我们将很快开始使用世界一流的深度学习模型。 Lesson [1] from IPy…

SpringMVC常用的视图接口分类及实现类

SpringMVC中常用的视图接口分类及对应的实现类&#xff1a; URL资源视图&#xff1a;InternalResourceView、JstlView 文档视图&#xff1a;AbstractExcelView、AbstractPdfView 报表视图&#xff1a;ConfigurableJsperReportsView等JasperReports报表技术的视图 JSON视图&…

Apollo自动驾驶入门课程第③讲 — 定位

目录 1. 定位的概述 2. 定位方法介绍 2.1 GNSS RTK 2.2 惯性导航 2.3 激光雷达定位 2.4 视觉定位 2.5 Apollo定位 本文转自微信公众号&#xff1a;Apollo开发者社区 原创&#xff1a; 阿波君 Apollo开发者社区 8月17日 上周我们发布了 Apollo入门课堂第②讲—高精地图&…

Linux与Bash 编程——Linux文件处理命令-L1

目录&#xff1a; linux系统与shell环境准备 Linux系统简介操作系统简史Linux的发行版&#xff1a;Linux与Windows比较&#xff1a;Linux安装安装包下载Linux的访问方式远程登录方式远程登录软件&#xff1a;mobaxterm的使用&#xff1a;使用电脑命令行连接&#xff1a;sshd的…

网络编程懒人入门(一):快速理解网络通信协议(上篇)

转自即时通讯网&#xff1a;http://www.52im.net/ 原作者&#xff1a;阮一峰(ruanyifeng.com&#xff09;&#xff0c;本文由即时通讯网重新整理发布&#xff0c;感谢原作者的无私分享。 1、写在前面 论坛和群里常会有技术同行打算自已开发IM或者消息推送系统&#xff0c;很…

PCA算法中样本方差和协方差的无偏估计与n-1的由来

原文出处&#xff1a; http://blog.sina.com.cn/s/blog_c96053d60101n24f.html 在PCA算法中的方差协方差计算公式中除数为什么是n-1? 假设X为独立同分布的一组随机变量&#xff0c;总体为M&#xff0c;随机抽取N个随机变量构成一个样本&#xff0c;和是总体的均值和方差, 是常…

Apollo自动驾驶入门课程第④讲 — 感知(上)

目录 1. 感知的概述 2. 计算机视觉 3. 摄像头图像 4. LiDAR图像 5. 机器学习 6. 神经网络 7. 反向滤波法 本文转自微信公众号&#xff1a;Apollo开发者社区 原创&#xff1a; 阿波君 Apollo开发者社区 8月23日 上一篇文章中&#xff0c;我们发布了无人驾驶技术的 定位篇…

网络编程懒人入门(二):快速理解网络通信协议(下篇)

转自即时通讯网&#xff1a;http://www.52im.net/ 原作者&#xff1a;阮一峰(ruanyifeng.com&#xff09;&#xff0c;本文由即时通讯网重新整理发布&#xff0c;感谢原作者的无私分享。 1、前言 本文上篇《网络编程懒人入门(一)&#xff1a;快速理解网络通信协议&#xff0…

为什么说逻辑回归LR是线性分类器?

问题描述&#xff1a;为什么说逻辑回归LR是非常典型的线性分类器&#xff1f; 首先&#xff0c;我们要弄明白区分线性与非线性分类器的标准是什么&#xff1f;是决策边界&#xff08;Decision Boundary&#xff09; 以二分类&#xff08;LR可以用于多分类&#xff09;为例进行…

朴素贝叶斯算法注意事项(有待完善)

1.朴素贝叶斯算法的优缺点总结&#xff1a; 优点&#xff1a; 朴素贝叶斯模型发源于古典数学理论&#xff0c;有稳定的分类效率&#xff1b;分类速度快&#xff0c;准确度高&#xff1b;对缺失数据不太敏感&#xff0c;算法简单&#xff0c;常用于文本分类&#xff08;如新闻…

网络编程懒人入门(三):快速理解TCP协议一篇就够

转自即时通讯网&#xff1a;http://www.52im.net/ 原作者&#xff1a;阮一峰(ruanyifeng.com&#xff09;&#xff0c;本文由即时通讯网重新整理发布&#xff0c;感谢原作者的无私分享。 1、前言 本系列文章的前两篇《网络编程懒人入门(一)&#xff1a;快速理解网络通信协议…

分类问题的模型评估指标总结

在分类任务下&#xff0c;预测结果(Predicted Condition)与正确标记(True Condition)之间存在四中不同的组合&#xff0c;构成混淆矩阵(可适用于多分类)&#xff0c;通常有这几种主要模型评估指标&#xff1a;精确率(查的准)、召回率(查的全对正样本的区分能力)、F1值(反映模型…

nltk安装punkt等语料库时报SSL错误完美解决方案及离线安装方法

nltk是NLP领域中一个比较通用的国际分词工具&#xff0c;但是使用时往往依赖语料库数据包&#xff0c;需要安装到本地&#xff0c;以下介绍在线安装和离线安装两种方式&#xff1a; &#xff08;ps&#xff1a;对NLP感兴趣的朋友可以相互学习&#xff0c;我的微信号&#xff1…

7. Deep Learning From Scratch

Intro 这是深度学习第7课。 到目前为止&#xff0c;您构建的模型依赖于预先训练的模型。 但它们不是许多用例的理想解决方案。 在本课程中&#xff0c;您将学习如何构建全新的模型。 Lesson [1] from IPython.display import YouTubeVideo YouTubeVideo(YbNE3zhtsoo, widt…

最实用的Git命令总结:新建本地分支、远程分支、关联和取消关联分支、清除本地和远程分支、合并分支、版本还原、tag命令、中文乱码解决方案、如何fork一个分支和修改后发起合并请求

1.常用命令git、tag整理 1、新建分支本地分支 git branch <branch-name>远程分支 git push origin <branch-name>:<new-branch-name> 2、删除分支本地分支 git branch -d <branch-name> 或 git branch -D <branch-name>远程分支 git push o…

Java基础部分快速复习(以前复习的时候放在自己的新浪博客上)

工作后Java基本没有用到&#xff0c;有时候自己也会把基础过一遍&#xff0c;下面的链接是以前重温的时候整理的Java基础最核心部分的知识点和代码示例放在自己的新浪博客上&#xff0c;如果以后有需要&#xff0c;直接从这里进入&#xff0c;可以快速复习&#xff0c;节省时间…

SQL基础用法总结(以前复习的时候放在自己的新浪博客上)

工作后主要做移动端和前端这一块&#xff0c;后端的知识都是靠自己学习积累的&#xff0c;下面的链接是以前重温的时候整理的SQL基础最核心部分的知识点和代码示例放在自己的新浪博客上&#xff0c;如果以后有需要&#xff0c;直接从这里进入&#xff0c;可以快速复习&#xff…

网络编程懒人入门(四):快速理解TCP和UDP的差异

转自即时通讯网&#xff1a;http://www.52im.net/ 原作者&#xff1a;MeloDev&#xff0c;本文由即时通讯网重新修订发布&#xff0c;感谢原作者的无私分享。 1、前言 对于即时通讯开发者新手来说&#xff0c;在开始着手编写IM或消息推送系统的代码前&#xff0c;最头疼的问…

Apollo自动驾驶入门课程第⑤讲 — 感知(下)

目录 1. 卷积神经网络 2. 检测与分类 3. 跟踪 4. 分割 5. Apollo感知 6. 传感器数据比较 7. 感知融合策略 本文转自微信公众号&#xff1a;Apollo开发者社区 原创&#xff1a; 阿波君 Apollo开发者社区 8月29日 上一篇文章中&#xff0c;我们发布了无人驾驶技术的 感知篇…