ionic 3 icon和splash screen生成和设置

  官方文档中介绍 ionic cordova resources命令可以生成应用的图标和启动画面图片(前提是你必须在resources 目录下放icon源文件和splash源文件,格式可以为png, psd 或者 ai,但是官方推荐使用png格式的源文件),然后在应用根目录下打开命令行工具输入. 注:如果不加platform是可选参数,ios或者android

ionic cordova resources [<platform>]

  但是...我试了好几遍,我没有成功过,报错显示: 这可能意味着服务器现在遇到了困难 - 请稍后再试,不清楚什么原因,可能跟国内网络有关系吧...

[email protected]:~/project/zero_app$ ionic cordova resources
? Collecting resource configuration and source images - done!
? Filtering out image resources that do not need regeneration - done!
? Uploading source images to prepare for transformations: 2 / 2 complete - done!
? Generating platform resources - failed!
[ERROR] Resource server responded with an error.

        This could mean the server is experiencing difficulties right now--please try again later.

        Request: POST https://res.ionic.io/api/v1/transform
        Response: 400

  既然命令行工具不可靠,还剩下一个办法,就是让设计按照不同的分辨率切出不同的图...等等,还是算了,你们设计如果同意那另说,之前没做过原生app,不知道他们的图标和启动画面是怎么做的...

  最后我在google上找到解决办法,PhoneGap和Cordova平台有官方的资源生成器,操作流程如下

  你只要上传符合要求的源文件,服务器会自动为你生成符号要求的适合不同尺寸屏幕的android和ios资源,如下

  

  好了,大功告成了,最后给大家安利一个生成app图标的网站,你自己可以过一把设计师的瘾: Launcher icon generator

原文地址:https://www.cnblogs.com/hanshuai/p/9415745.html

时间: 2024-11-06 03:44:10

ionic 3 icon和splash screen生成和设置的相关文章

Android UI常用实例 如何实现欢迎界面(Splash Screen)

在Android平台下,下载一个应用后,首次打开映入眼帘的便是Splash Screen,暂且不说Android的设计原则提不提倡这种Splash Screen.先来看看一般使用Splash Screen的场景: 1,第一次安装后,简单APP的闪屏达到品牌营销的目的,复杂点的APP用来提供新手指导: 2,版本更新,说明版本新特性: 有人对这种设计嗤之以鼻,有人趋之若鹜,孰好孰坏不在我们探讨之列. 1,简单的Splash Screen 这种Splash Screen实现及其简单,常用来显示产品Lo

纯C++打造的Splash Screen类(打造专业的启动画面)

Introduction 每一个应用程序可能都需要一个"about box"和程序启动时一个"splash screen"(启动画面),大多数开发者都使用自带的""about dialog"".我创建了一个类CSplashScreen,都可以处理这两者,使开发变的容易,有趣!从小的对话框组件程序到需要加在几分复杂程序,我都会使用这个类. 这个类有两个文件组成,SplashScreen.h 和 SplashScreen.cpp.

Android UI经常使用实例 怎样实现欢迎界面(Splash Screen)

在Android平台下.下载一个应用后,首次打开映入眼帘的便是Splash Screen,暂且不说Android的设计原则提不提倡这样的Splash Screen.先来看看一般使用Splash Screen的场景: 1,第一次安装后,简单APP的闪屏达到品牌营销的目的,复杂点的APP用来提供新手指导: 2.版本号更新.说明版本号新特性. 有人对这样的设计嗤之以鼻.有人趋之若鹜,孰好孰坏不在我们探讨之列. 1,简单的Splash Screen 这样的Splash Screen实现及其简单.经常使用

OK335xS Splash Screen 移植

/*********************************************************************** * OK335xS Splash Screen 移植 * 说明: * 有时候,每次看到TI的logo自己心里是不爽的,因为本来就是定制的东西, * 为什么还要他的开机Logo呢,于是自己尝试移植编译一下Splash. * * 2016-4-16 深圳 南山平山村 曾剑锋 *****************************************

Windows Phone Splash Screen

Why to use splash screen? Typically, you should use a splash screen in your app only if your app is unusually slow to load if you want to add additional branding to the app. You can use splash screen to show company logo, promote apps, load data and

Xamarin Android -创建Splash Screen (一)

......(空话少说) Xamarin 开发的技术资料很少,通过学习,把自己的学习过程及其中碰到的问题与大家分享. Splash Screen 就是在应用程序启动时,出现的一张图片,一般App的Splash Screen都是动态的广告信息. 先学习一下如何加载一个固定的Splash Screen. 一.在Resource/values/Styles.xml添加代码. <?xml version="1.0" encoding="UTF-8" ?> <

Flutter - 给App增加启动屏幕(Splash Screen)并且设置背景颜色

先看一下效果图,启动图最好设置为png格式的透明图,以防图片填充不满的时候背景图会非常的煞白(Flutter 默认背景色是白色). 打开android\app\src\main\res\drawable\launch_background.xml, <?xml version="1.0" encoding="utf-8"?> <!-- Modify this file to customize your launch splash screen -

ecshop微信支付(0923更新)商户支付密钥key的生成与设置

ECSHOP 微信支付(0923更新)商户支付密钥key的生成与设置 说明:新版微信支付,用户必须授权登录才能支付.需要商家自己设置商户号支付密钥. 申请微信支付手机版部分时需要填写的配置接口地址: 1.在微信公众平台设置好支付授权目录. http(s)://域名/mobile/ 支付请求实例:http(s)://域名/mobile/weixin/open-api.php 2.维权通知URL:http(s)://域名/mobile/weixin/wxpay_activists_recall.ph

微信支付(20140923更新)商户支付密钥key的生成与设置

微信支付(0923更新)商户支付密钥key的生成与设置 说明:新版微信支付,用户必须授权登录才能支付.需要商家自己设置商户号支付密钥. 设置商户号支付密钥方法如下: 1. 申请通过审核后,打开微信发来的邮件. 直接获取微信支付商户号(接口文档中的商户号MCHID):(也叫 受理商ID 填写到后台). 商户支付密钥key 按以下步骤自己设置生成. 2 点击访问 新商户平台http://mch.weixin.qq.com 或https://pay.weixin.qq.com,用账号和密码登录.并安装