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

標籤：sencha   cordova   phonegap   wp8   移動開發   

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