ionic项目中 软键盘弹出之后的问题:

Android SDK目前提供的软键盘弹出模式接口只有两种:

    一是弹出时自动回冲界面,将所有元素上顶;
    一种则是不重绘界面,直接将控件元素遮住;
 
 
1. ionic 中弹出键盘遮挡住输入框(覆盖住页面的内容):
  需要在ionic platform add android 添加平台之后,在生成的AndroidManifest.xml文件中找到以下代码:
<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
="adjustPan|stateHidden"> <intent-filter android:label="@string/launcher_name"> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity>

其中的设置为:android:windowSoftInputMode="adjustPan|stateHidden" --软键盘就可以将内容覆盖了,而不是顶将所有内容顶上去;

此时如果底部有输入框,聚焦的时候,弹出将会遮挡住输入的内容,不方便查看,所以还要在$ionicPlatform.ready中设置:

ionic.Platform.isFullScreen = true

djustResize为Ionic推荐设置,但是如果处于一些原因你使用了adjustPan,那么你需要设置ionic.Platform.isFullScreen = true;
<activity android:windowSoftInputMode="adjustResize">
 
 
2. 软键盘弹出后,将页面图片的高度压缩问题:(我的登录页面是用了一整张图片)
 
AndroidManifest.xml文件中界面对应的<activity>里加入
android:windowSoftInputMode="adjustPan"   键盘就会覆盖屏幕
android:windowSoftInputMode="stateVisible|adjustResize"   屏幕整体上移
android:windowSoftInputMode="adjustPan|stateHidden" 软键盘弹出,界面布局不变,这是解决弹出软键盘,界面整体被压缩的方式
 
 
posted @ 2017-07-28 16:06  三石!  阅读(6808)  评论(1编辑  收藏  举报