程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> [Phonegap+Sencha Touch] 移動開發24 打包wp8.1的App,運行時輸入框聚焦彈出軟鍵盤之後,界面上移而不恢復原位的解決辦法

[Phonegap+Sencha Touch] 移動開發24 打包wp8.1的App,運行時輸入框聚焦彈出軟鍵盤之後,界面上移而不恢復原位的解決辦法

編輯:關於PHP編程

這個現象只出現在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 ,

把:

改成:

當然,還有要去掉狀態欄顯示,shell:SystemTray.IsVisible="False"



歡迎加入Sencha Touch + Phonegap 群:194182999

共同學習交流(博主QQ:479858761)

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved