码迷,mamicode.com
首页 > 移动开发 > 详细

[Phonegap+Sencha Touch] 移动开发24 包wp8.1的App,弹出软键盘输入框聚焦实施后,无移动采收率方法来解决接口

时间:2015-06-16 16:17:48      阅读:605      评论:0      收藏:0      [点我收藏+]

标签:

这种现象不仅是现在显示phonegap包sencha touch的wp8.1该程序将出现(只wp8.1,wp8正常)。其他js我测试了几个框架(app framework, jquery mobile),好像没有这个问题。


我来描写叙述一下这个现象:

1、执行phonegap打包的wp8程序,打开一个有输入框的界面,例如以下图:

技术分享


2、点击输入框,使其弹出软键盘。界面会上移。例如以下图:

技术分享


3、点返回键隐藏软键盘(或者点击界面上其他地方隐藏软键盘),此时界面不恢复原位。例如以下图:

技术分享



我的一些研究结果:

1、这样的现象仅仅出如今隐藏了app的状态栏的时候(即改动了MainPage.xaml文件shell:SystemTray.IsVisible="False")。

2、sencha app build native:执行时会出现这样的现象

3、我做了一个phonegap app。用来载入远程站点(而不是本地的html+js),測试出来:

sencha app build production:这样的方法编译出来的站点,用phonegap app浏览,没有这样的现象
sencha app build package:这样的方法编译出来的站点,用phonegap app浏览,有这样的现象

4、wp8.1自带的IE浏览器。不管浏览production还是package的站点,都没有这样的现象


综上:预计这个问题,既是sencha touch的问题。好像也是phonegap的问题(或者wp8.1的webbrowser的问题)



今天弄出来一个解决的方法:

改动此文件:\platforms\wp8\MainPage.xaml ,

把:

<my:CordovaView HorizontalAlignment="Stretch" 
               Margin="0,0,0,0"  
               x:Name="CordovaView" 
               VerticalAlignment="Stretch" />

改成:

<my:CordovaView HorizontalAlignment="Stretch" 
               Margin="1,0,0,0"  
               x:Name="CordovaView" 
               VerticalAlignment="Stretch" />
当然,还有要去掉状态栏显示,shell:SystemTray.IsVisible="False"



欢迎增加Sencha Touch + Phonegap 群:194182999

共随着学习交流(博客QQ:479858761

[Phonegap+Sencha Touch] 移动开发24 包wp8.1的App,弹出软键盘输入框聚焦实施后,无移动采收率方法来解决接口

标签:

原文地址:http://www.cnblogs.com/mengfanrong/p/4580698.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!