关于ionic开发的一些总结（项目启动设置，app图标名称更改）

http://www.cnblogs.com/qifan/p/6386804.html

1、更改包名称


　　一般项目刚生成时，ionic会根据项目名称自动给你生成一个包名。要修改包名的话，在根目录的config配置文件中，<widget id="x.x.x"换成自己的包名。同样的版本号 version="x.x.x"也在这里设置


 


2、更改app名称


　　同样在config配置文件里面，<name>标签里直接换成项目app名称。


3、项目启动


　　ionic项目启动过程，都是带有fade效果的<preference name="FadeSplashScreenDuration" value="2000"/>。我的项目一般都做如下设置：<preference name="SplashScreenDelay" value="2000"/>
<!--<preference name="FadeSplashScreenDuration" value="2000"/>-->
<preference name="android-minSdkVersion" value="16"/>
<preference name="BackupWebStorage" value="none"/>
<preference name="SplashScreen" value="screen"/>
<preference name="ShowSplashScreen" value="true"/>
<preference name="AutoHideSplashScreen" value="false"/>
<preference name="SplashShowOnlyFirstTime" value="false"/>
<preference name="FadeSplashScreen" value="false"/>
<preference name="ShowSplashScreenSpinner" value="false"/>


不让启动图片自动隐藏，在项目app文件入口，加上隐藏代码 navigator.splashscreen.hide();


4、项目app图标、启动图片更改


　　各种平台和不同的分辨率屏幕，生成不同尺寸的图标和启动画面是很麻烦的事，在ionic中 使用ionic resources指令就可以实现了。把你自己的app图标、启动图片先准备好（.png格式），最好和项目新建生成的默认图标图片大小一致。






图片来自其他博文。


相应位置放好，执行命令ionic resources，这样图标、启动图片就生成好了。


5、ionic项目禁止横屏处理


　　在ionic开发中，但我们手机屏幕设置成自动选择后，在手机横屏后，可能会打乱布局，解决办法如下：


　　1).   进入项目目录安装插件  ionicplugin add cordova-plugin-screen-orientation


　　2)、修改config.xml文件


　　<preferencename="orientation" value="portrait" />


　　orientation设置可以让你锁定应用程序屏幕方向以阻止屏幕自动翻转。可选的值有：default，landscape(横屏)，portrait(竖屏)。


　　landscape(横屏)表示横屏显示，portrait(竖屏)表示竖屏显示。


6、ionic2启动慢的问题


　　ionic2启动慢，大概10秒。到目前ionic2还没改善一直存在的问题。希望ionic官方能尽快改善出正式版吧！只能用这种生产模式来编辑运行ionic run android --prod 解决ionic启动慢的问题。大概5秒。但生产模式来编译，当你项目插入第三方库或指令添加其他组件时，有可能会出现编译不过的问题。ionic run android这种运行又可以。本人就遇到过，很郁闷。。只能说ionic2还没完全成熟。