zoukankan      html  css  js  c++  java
  • 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" 软键盘弹出,界面布局不变,这是解决弹出软键盘,界面整体被压缩的方式
     
     
  • 相关阅读:
    二叉树遍历
    NO.35 2021/12/13(06:50)[周一]
    NO.29 2021/11/30(06:30)[周二]
    NO.22 2021/11/19(06:15) [周五]
    The .NET ORM Architec
    C#格式字符串
    C# Attribute
    .net DLL反编译文件
    【Beta】Scrum meeting1
    【Alpha】Scrum meeting 6
  • 原文地址:https://www.cnblogs.com/liaolei1/p/7249186.html
Copyright © 2011-2022 走看看