[Phonegap+Sencha Touch] 移動開發24 包wp8.1的App，彈出軟鍵盤輸入框聚焦實施後，無移動採收率方法來解決介面

標籤：

這種現象不僅是現在顯示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，彈出軟鍵盤輸入框聚焦實施後，無移動採收率方法來解決介面