Sencha触摸闪屏问题

Posted

技术标签:

【中文标题】Sencha触摸闪屏问题【英文标题】:Sencha touch splash screen issue 【发布时间】:2013-07-31 05:10:49 【问题描述】:

我正在使用 Sencha Touch 应用程序。

在应用程序的开始有三个部分, 1.iphone的闪屏 2.白屏(来自index.html的body标签) 3.申请首页

现在,我遇到了闪屏和白屏问题。 我想删除白屏,只显示一个启动屏幕而不是应用程序首页。

另外,闪屏和白屏之间有轻微的白色闪烁。

这两个问题有什么解决办法吗?

我尝试了以下不同的解决方案, 1.有什么办法可以彻底去除iphone闪屏吗?然后,我显示的不是白屏,而是应用程序的启动画面。 2.或者在闪屏后去掉白屏直接显示应用首页。

任何帮助将不胜感激。 提前致谢。

【问题讨论】:

【参考方案1】:

Phonegap 允许您将“本机”初始屏幕的隐藏延迟到您的应用程序实际准备好显示某些内容的那一刻。

在Splashscreen 上查看他们的文档:

对于 ios

config.xml 文件的 AutoHideSplashScreen 设置必须为 false。到 延迟隐藏启动屏幕两秒钟,添加一个计时器,例如 deviceready 事件处理程序中的以下内容:

setTimeout(function() 
    navigator.splashscreen.hide();
, 2000);

如果不能选择使用 Phonegap,您仍然可以使用背景图像设置 index.html 的样式,使其看起来与初始屏幕相同(或非常接近)。 注意两点:

    由于状态栏,本机启动画面和您的 index.html 之间可能存在差距:本机启动画面高度是您的 webview 高度 + 状态栏高度

    您必须在考虑方向变化的情况下处理 index.html 的样式

【讨论】:

你能建议如何在 android 中设置 AutoHideSplashScreen 属性吗? 或者如何在android + phonegap中添加闪屏? 对不起,我不知道该属性是否存在于 Android 中。有关如何在 Android 中添加启动画面的说明在 Phonegap Splashscreen 文档中,但我自己从未尝试过。

以上是关于Sencha触摸闪屏问题的主要内容,如果未能解决你的问题,请参考以下文章

Sencha触摸切片存储数据

ext js4 到 sencha 触摸转换器 [关闭]

我可以用商店支持 Sencha 触摸卡布局吗?

Sencha 触摸在选项卡面板中显示图像

Sencha 触摸应用程序加载蒙版

Xtype 文本字段上的 Sencha 触摸键盘下一个按钮