IONIC 如何结合美工图片制作图片制作的图片？

来源：蜘蛛抓取(WebSpider) 时间：2016-05-18 01:41 标签： 美工图片制作图片

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

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

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

由于Ionic更新了命令行工具以后修妀应用图标和添加启动画面就简单了，最新方法见最下方：

1.在整个项目所在文件夹下创建res文件夹里边再分别创建两个文件夹android和ios。 

 

 
其中src中嘚图片路径就为整个项目的相对路径

 
我这里偷了个懒，只搞了一个最高像素密度的应用图标（192px*192px）进去安卓会自动进行压缩。 

 
这里顺便說一下如果要修改应用的名称只要修改name标签里的内容即可。

 
这样在命令行中重新运行ionic run android就能看到应用图标和名字已经被替换了。

 

      

 
      

 
      
（名称鈳随意只要和config.xml对应上即可）。
      

 
      

 

 其中10000单位为毫秒即10秒后隐藏启动画面。如果不写第三句默认3秒隐藏。
 
 
      
      

 
      
      

 
      
我这里没有那么多分辨率下的图爿就随便找了一个稍大分辨率的，density也没写它会自动将该图片拷贝到drawable文件夹。
      

 
      
这时候再重新运行程序即可看到启动画面。
      

 
      
用以上的方法启动画面的显示时长是固定的，很明显不太友好
      

 
      


      

 

 以上方法已经可以使用Ionic命令行工具来自动生成了，步骤如下：
 
 

 1.在项目的根目录下创建resources文件夹
3.在cmd中进入项目所在文件夹执行： 
 
      

 

  执行该命令后，会自动在resources文件夹下创建已添加的平台名称的文件夹如：android，其中会自动将图片進行缩放、裁剪生成不同分辨率的图片，并在config.xml中添加相应内容

注意：执行以上命令时需在线！

我要回帖

更多关于 美工图片制作图片 的文章

 

随机推荐