Ionic系列——修改应用图标和启动页

1、在项目的根目录下创建resources文件夹。

2、在文件夹中都放入icon.png(应用图标,最小192x192px,不带圆角),splash.png(启动屏幕,最小2208x2208px,中间区域1200x1200px)(可以是png、psd、ai)

3、在cmd中进入项目所在文件夹执行:

ionic resources --icon       
ionic resources --splash

4、项目中的config文件中是这样

<platform name="android">
  <icon src="resources\android\icon\drawable-ldpi-icon.png" density="ldpi"/>
  <icon src="resources\android\icon\drawable-mdpi-icon.png" density="mdpi"/>
  <icon src="resources\android\icon\drawable-hdpi-icon.png" density="hdpi"/>
  <icon src="resources\android\icon\drawable-xhdpi-icon.png" density="xhdpi"/>
  <icon src="resources\android\icon\drawable-xxhdpi-icon.png" density="xxhdpi"/>
  <splash src="resources\android\splash\drawable-land-ldpi-screen.png" density="land-ldpi"/>
  <splash src="resources\android\splash\drawable-land-mdpi-screen.png" density="land-mdpi"/>
  <splash src="resources\android\splash\drawable-port-ldpi-screen.png" density="port-ldpi"/>
  <splash src="resources\android\splash\drawable-port-mdpi-screen.png" density="port-mdpi"/>
  <splash src="resources\android\splash\drawable-port-hdpi-screen.png" density="port-hdpi"/>
</platform>
<icon src="resources\android\icon\drawable-xhdpi-icon.png"/>

5、因为在运行的时候要上传图片,所以需要联网

时间: 2024-10-30 07:09:14

Ionic系列——修改应用图标和启动页的相关文章

ionic 图标以及启动页图片不能正确加载

前段时间莫名其妙的发现发布的app不能正常的现实图标和启动页了,加载出来的图标以及图片显示的都是cordova的默认图片以及启动页图片 在网上找了很多教程各种查找都不能解决方法 表现原因为: 项目根目录下的res文件夹内正常生成图片,但是platform/andorid/res下生成的图片是不正确的 使用ionic resources不能正常解决, 片面的解决方法是将项目根目录下的res文件夹的内容覆盖到paltform/android/res文件夹下再次生成app就可以了 但是这个方法存在缺陷

React-Native图标、启动页、打包

上传图片至 http://makeappicon.com/ 邮箱下载 下载文件 ios/AppIcon.appiconset 文件夹整体复制 覆盖工程ios/工程名/Images.xcassets/AppIcon.appiconset 重启工程 工程修改名称 sublime打开 ios/工程名/Info.plist <key>CFBundleDevelopmentRegion</key> <string>zh_CN</string> <key>C

HBuilder开发App教程03-定制图标,启动页以及打包

helloworld 上次说到了helloworld.你应该已经能够新建项目.真机调试了, 这次来说说图标的定制,启动页的定制以及打包. 图标定制 假设不定制图标的话,默认会是博文顶部图表的样子, 你肯定不想这个样子,来吧.定制一个自己的图标吧. 打开项目下的manifest.json,选择底部的图标配置(老版本号需升级到最新版). 然后选择一个制作好的256*256大小的png,系统会自己主动生成各种大小的图标. 启动页定制 步骤和上面一样,至不要要选择启动图片配置一项. 然后依照各种图片大小

Flutter-修改应用名称、图标、启动页

來源:https://blog.csdn.net/yechaoa/article/details/98958344 虽然flutter可以同时运行在android和ios设备上,但是修改名称.logo.启动页还是需要分开配置的. 修改应用名称android在项目下找到android目录,依次app>src>main>AndroidManifest.xml,打开AndroidManifest.xml文件,找到application节点,修改label参数即可 <application

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页

一.先来研究下这个软件->Appicon and Launchimage Maker 首先打开你电脑上的AppStore,然后搜索:AppIcon 然后回车: 这里我们先使用免费版的点击下载.(左上角那个) 然后打开软件,应该是这样的: 软件好人性化,给我们标注了1,2,3该干啥.1选图片呗.2.选是要给什么设备以及iOS几做.然后3.是选择生成AppIcon还是Launchimages(启动页) 选择一张图片吧,开始我们的工作 选好图片,右上角这里索性就都选了吧,反正剩下的次数用一次少一次.

[软件]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页

一.先来研究下这个软件->Appicon and Launchimage Maker 首先打开你电脑上的AppStore,然后搜索:AppIcon 然后回车: 这里我们先使用免费版的点击下载.(左上角那个) 然后打开软件,应该是这样的: 软件好人性化,给我们标注了1,2,3该干啥.1选图片呗.2.选是要给什么设备以及iOS几做.然后3.是选择生成AppIcon还是Launchimages(启动页) 选择一张图片吧,开始我们的工作 选好图片,右上角这里索性就都选了吧,反正剩下的次数用一次少一次.

iOS-APP图标和启动页的尺寸

图标 启动页 补:创建启动页Image

轻松学习Ionic (四) 修改应用图标及启动画面

应用图标: 1.在整个项目所在文件夹下创建res文件夹,里边再分别创建两个文件夹android和ios. 2.针对Android平台:将我们的要替换的启动图标放如android文件夹下.可以分别起名为:mdpi.png(48*48),hdpi(72*72).xhdpi(96*96).xxhdpi(144*144) 和 xxxhdpiI(192*192). 针对ios的,待补充. 3.在config.xml中添加  <platform name="android">     

【iOS开发-51】案例学习:动画新写法、删除子视图、视图顺序、延迟方法、button多功能使用方法及icon图标和启动页设置

案例效果: (1)导入所需的素材,然后用storyboard把上半截位置和大小相对固定的东西布局起来.当然,这些控件也要定义成对应地IBOutlet和IBAction方便兴许使用它们. 注意:本案例在3.5inch设备上显示最佳,所以须要设置一下. (2)首先实现点击"下一题"的功能 - (IBAction)nextQuestion { //1.序号添加 self.index++; //2.依据序号拿到相应的模型(对象) NSQuestion *question=self.questi