3

PhoneGap と JQuery Mobile for Android を使用してアプリケーションを開発しています。

ログインページに 2 つの入力があり、すべてが完全に機能していますが、入力にフォーカスすると、ページが画面に収まらず、水平スクロールになる可能性があります。入力ボックスのフォーカスを外した後、ページは再び画面に収まります。

入力ボックスのフォーカスを外す
http://imageshack.us/a/img90/9909/device20121109111004.png

入力ボックスに注目すると、ページの右側に約 2px があります
http://img3.imageshack.us/img3/7078/device20121109111036.png

<div data-role="content">
        <form id="loginForm">
            <ul data-role="listview" data-inset="true">
                <li><div data-role="fieldcontain" class="ui-hide-label">
                        <input type="text" name="username" id="username" placeholder="username" autocomplete="off" />
                    </div>
                    <div data-role="fieldcontain" class="ui-hide-label" >
                        <input type="password" name="password" id="password" placeholder="password"/>
                    </div></li>
            </ul>
            <br /> <br /> <input type="submit" value="Login" name="btnSubmit" id="btnSubmit" />
        </form>
    </div>

どうすればこれを修正できますか? 入力ボックスにフォーカスしたときに画面に合わせたい

4

1 に答える 1

0

ファイルでメインアクティビティにAndroidManifest.xml追加します。android:windowSoftInputMode="adjustResize"

例えば： 

<application
        android:name=".MyAndroidApplication"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name">
        <activity
            android:name=".MyAndroidActivity"
            android:configChanges="orientation|keyboardHidden"
            android:windowSoftInputMode="adjustResize"
            android:label="@string/app_name">

@Androidのアクティビティを見る

于 2012-11-09T03:40:44.533 に答える