zoukankan      html  css  js  c++  java
  • Ionic3学习笔记(九)关于 Android 端软键盘弹出后界面被压缩的问题

    本文为原创文章,转载请标明出处

    今天做了一个如下图所示的页面。

    Screenshot

    iOS 端毫无 bug,Android 端却出现了问题。当软键盘弹出后,Android 端的 tabs 移到了软键盘的上面,再仔细一看,整个界面都被压扁了,输入框也不知道去哪儿了。

    于是去翻 Ionic Native - Keyboard 文档,并未发现有能解决该问题的方法。于是又想到是不是 android:windowSoftInputMode 属性出了问题,打开 AndroidManifest.xml,发现 Ionic 3 将 android:windowSoftInputMode 属性默认设置为 adjustResize 值,将属性值修改为 adjustPan|stateHidden,问题完美解决。

    接下来就详解一下 android:windowSoftInputMode 属性。

    属性值一共有以下9个:stateUnspecifiedstateUnchangedstateHiddenstateAlwaysHiddenstateVisiblestateAlwaysVisibleadjustUnspecifiedadjustResizeadjustPan

    stateUnspecified
    未指定软键盘的状态,系统将自动选择一个合适的状态或依赖于主题中的设置。

    stateUnchanged
    当前界面的软键盘状态取决于上一个界面的软键盘状态。

    stateHidden
    用户选择 Activity 时,软键盘总是被隐藏。

    stateAlwaysHidden
    当该 Activity 主窗口有输入需求时,软键盘总是被隐藏。

    stateVisible
    软键盘通常可见。

    stateAlwaysVisible
    用户选择 Activity 时,软键盘总是可见。

    adjustUnspecified
    未指定软键盘与界面内容之间的显示关系。

    adjustResize
    该 Activity 总是调整屏幕的大小以便留出软键盘的空间。

    adjustPan
    当前窗口的内容将自动移动以便当前焦点从不被键盘覆盖和用户总能看到输入的内容。

    如有不当之处,请予指正,谢谢~

  • 相关阅读:
    程序命名标准规范(自定义与其他标准无关)
    asp.net(C#)excel导入导出类
    CSS 技巧
    sql server 更改端口之后的登入方式
    日志插件 log4net 的使用
    js动态调用方法
    mongodb
    Spring 之工具类中注入bin
    解释:什么是云计算?
    当 ADO.NET 遇上 dynamic
  • 原文地址:https://www.cnblogs.com/metaphors/p/7881772.html
Copyright © 2011-2022 走看看