键盘模糊了输入文本区域

时间:2016-05-06 10:27:14

标签: android angularjs ionic-framework ionicpopup

我有一个显示在http://ionicframework.com/docs/api/service/$ionicPopup/内的表单。问题是当光标放在最终输入(文本区域)内时,键盘显示但输入没有滚动回视图并被键盘遮挡。用户必须向下滚动。

我使用的是Android设备。

documentation

  

Ionic将尝试通过将键盘滚动到视图中来防止键盘在显示时隐藏输入和可聚焦元素。为了实现这一点,任何可聚焦元素都必须位于滚动视图或指令中,例如具有滚动视图的内容。

如果我使用ion-content标签包装表单,输入框会回滚到视图中,但是使用我的布局混乱,我正在寻找另一种解决方案。

更新: 清单看起来如何

<?xml version='1.0' encoding='utf-8'?>
<manifest android:hardwareAccelerated="true" android:versionCode="1" android:versionName="0.0.1" package="myAwesomeApp" xmlns:android="http://schemas.android.com/apk/res/android">
    <supports-screens android:anyDensity="true" android:largeScreens="true" android:normalScreens="true" android:resizeable="true" android:smallScreens="true" android:xlargeScreens="true" />
<uses-permission android:name="android.permission.INTERNET" />
<application android:hardwareAccelerated="true" android:icon="@drawable/icon" android:label="@string/app_name" android:supportsRtl="true">
    <activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="@string/activity_name" android:launchMode="singleTop" android:name="MainActivity" android:theme="@android:style/Theme.DeviceDefault.NoActionBar" android:windowSoftInputMode="adjustResize">
        <intent-filter android:label="@string/launcher_name">
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
    <activity android:name="me.apla.cordova.AppPreferencesActivity" />
    <activity android:clearTaskOnLaunch="true" android:configChanges="orientation|keyboardHidden" android:exported="false" android:name="com.google.zxing.client.android.CaptureActivity" android:theme="@android:style/Theme.NoTitleBar.Fullscreen" android:windowSoftInputMode="stateAlwaysHidden">
        <intent-filter>
            <action android:name="com.google.zxing.client.android.SCAN" />
            <category android:name="android.intent.category.DEFAULT" />
        </intent-filter>
    </activity>
    <activity android:label="@string/share_name" android:name="com.google.zxing.client.android.encode.EncodeActivity">
        <intent-filter>
            <action android:name="com.phonegap.plugins.barcodescanner.ENCODE" />
            <category android:name="android.intent.category.DEFAULT" />
        </intent-filter>
    </activity>
    <activity android:label="@string/share_name" android:name="com.google.zxing.client.android.HelpActivity">
        <intent-filter>
            <action android:name="android.intent.action.VIEW" />
            <category android:name="android.intent.category.DEFAULT" />
        </intent-filter>
    </activity>
</application>
<uses-sdk android:minSdkVersion="16" android:targetSdkVersion="23" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.FLASHLIGHT" />
<uses-feature android:name="android.hardware.camera" android:required="false" />

3 个答案:

答案 0 :(得分:0)

将此添加到AndroidMenifest中的Activity

 android:configChanges="keyboardHidden|orientation|screenSize"

答案 1 :(得分:0)

如果您使用的是cordova键盘,则可以在弹出窗口打开时使用cordova.plugins.Keyboard.disableScroll(false);,并在关闭时使用cordova.plugins.Keyboard.disableScroll(true);。 这样,布局可以处理重叠键盘,以防使用弹出窗口。

答案 2 :(得分:0)

您必须将清单中的android:windowSoftInputMode="adjustResize"设置为ApplicationActivity

并检查您是否在活动中设置了getWindow().setSoftInputMode(...)。如果是这样,请删除这些行。