ionic启动页面黑屏不显示的问题的解决
2017-11-16 09:15
399 查看
这个问题其实是安卓主题的问题,在ionic在通过CLI生成项目的时候,官方就没有很好考虑到这个问题,启动时的短暂黑屏这个用户体验很不好,下面我们来着手解决它。
http://www.jianshu.com/p/662274d5d637
http://www.cnblogs.com/mythou/p/3196042.html
http://blog.csdn.net/dongge825/article/details/21111981
http://www.jb51.net/article/93163.htm
https://stackoverflow.com/questions/3551169/change-background-color-of-preference
步骤
首先在config.xml 中配置:<preference name="SplashScreen" value="splash" />
其次在路径为 platforms/android/res/values/
(备注:红色的Android是小写的)下新建styles.xml,编辑如下:
<resources>
<style name="Theme.AppStartLoadTranslucent" parent="android:Theme">
<item name="android:windowBackground">@drawable/screen</item>
<item name="android:windowNoTitle">true</item>
</style>
</resources>
1
2
3
4
5
6
7
在 platforms/android/AndroidManifest.xml
中的android:name为”MainActivity”的activity(备注: 一般都是第一个activity),修改它的theme值,如:android:theme="@style/Theme.AppStartLoadTranslucent"
通过上面的方法,我们再次run或build的时候, 应用启动,直接显示的是启动页splash,而不再是短暂的黑屏或白屏之再到启动页了。
上述配置存在的问题:设置<item name="android:windowIsTranslucent">true</item>
为透明时候,当用户切换多个应用的间隙时会存在透明引起的不良体验。所以没用这个。
备注:如上使用windowIsTranslucent
方式还有一个缺点就是界面转换时会看到启动页半透明的状态,并不完美.
参考
http://www.jianshu.com/p/662274d5d637http://www.cnblogs.com/mythou/p/3196042.html
http://blog.csdn.net/dongge825/article/details/21111981
http://www.jb51.net/article/93163.htm
https://stackoverflow.com/questions/3551169/change-background-color-of-preference
相关文章推荐
- Android 解决启动页面短暂黑屏问题
- Tomcat成功部署发布启动项目后页面显示404问题的解决方法
- 解决ionic 启动页面图片没有显示及启动页出现黑白屏
- 解决Android的Activity启动后页面没有绘制黑屏问题
- 解决Android App第一次启动时显示白屏或者黑屏的问题
- 【081】使用Nginx的官方Docker镜像,启动容器后无法显示自己网站页面,总显示Nginx官方默认页面的问题的解决方法
- IonicApp启动页面之后出现黑屏的解决方法
- 使用cordova插件解决ionic页面在手机上启动出现黑频问题
- 解决Android首次启动APP时,显示空白页或者黑屏时间长的问题
- nwjs解决页面透明化,启动时显示白屏的问题
- 解决android启动时短暂黑屏、标题栏显示名称的问题
- 解决Android启动显示空白界面的问题
- ueditor的工具栏显示乱码解决方法 小问题.. 是你的页面编码与语言包js编码不符所导致的
- html网页兼容手机浏览器(解决显示页面很小的问题)
- 解决开机弹出系统属性框:由于启动计算机时出现了页面配置问题
- EasyPlayerPro Windows播放器全屏模式下GDI显示出现黑屏问题解决
- 解决Activity启动黑屏及设置android:windowIsTranslucent不兼容activity切换动画问题
- 手机网页Html代码实现(解决显示页面很小的问题)
- Free Spider解决中文页面显示问题
- Android混合开发之Activity类与html页面之间的相互跳转(并解决黑屏有关问题)