显示软键盘,并让布局压缩

2018-12-09 18:12:45

如果在Activity中的布局的下方有EditText,获取焦点弹出软键盘的时候,如果不做处理,软键盘可能会遮挡输入框,用户提现不好,网上也有很多人提出结局方案,这里就分析一下解决的效果.


需要用到EditText的布局大概分为两种,一种是页面显示的内容不希望有残缺,比如软键盘把标题挤出了屏幕,如登录注册搜索等,EditText多半在页面上半部分.另一种是页面的上半部分不重要,比如聊天窗口,软键盘弹出的时候,上半部分的聊天记录可以被基础屏幕外,EditText多半在最下方.其他的情况可以根据本文做出选择,结果在最下面.


开始:


网上针对这个问题解决的方法大概这么几种:


1.修改AndroidManifest.xml文件


2.在Activity中添加配置


3.在布局文件中添加ScrollView


4.在布局文件中添加ScrollView,并且在activity中加入一个方法


1.修改AndroidManifest.xml文件

在AndroidManifest.xml中对应的Activity配置:android:windowSoftInputMode="stateVisible|adjustResize"


<activity

            android:name=".LoginActivity"

            //显示软键盘,并让布局压缩

            android:windowSoftInputMode="stateVisible|adjustResize"

            android:screenOrientation="portrait">

</activity>

含义:该页面在弹出软键盘的同时屏幕内容被压缩,以腾出软键盘的空间.


解释它们的含义:


stateUnspecified:界面没有设置"android:windowSoftInputMode"时的状态.这个状态是弹出有EditText的界面时时不弹出软键盘的,当EditText获取焦点的时候弹出软件盘

stateUnchanged:状态不改变,意思就是和上一个界面相同,上一个界面弹出软键盘,跳转到这个界面时,软键盘也是弹出状态.

stateHidden:隐藏键盘,弹出这个界面的时候,不管上个界面是什么状态,这个界面的软键盘都是隐藏的.

stateAlwaysHidden:一直隐藏(跟上面的区别未知,试不出来).

stateVisible:强制弹出软键盘.跳转到界面后,没有EditText也弹出键盘.

stateAlwaysVisible:一直显示键盘(同上).

这里开始就是跟内容相关的了,也跟本文也相关

adjustUnspecified:算是默认方式.如果界面没有被ScrowView包裹,键盘会挡住一部分内容,如果界面被ScrowView包裹了,会让ScrowView中的内容滚动,以放下软键盘.

adjustResize:主界面会缩放,用来放置软键盘(见[图1][图2]).


图1


图2

adjustPan:主界面不会缩放,会向上移来放置软键盘(见[图3][图4]).


图3


图4

上面两个不同的地方在于,如果内容是listview,当现实最下面一个item后弹出软键盘,adjustResize会让listview下沿被软键盘挡住,adjustPan则还是现实最下面一个item.

2.在Activity中添加配置

在该Activity中的onCretae()的setContentView()方法前面添加:getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN)


含义:把整个Layout顶上去露出获得焦点的EditText,不压缩多余空间.


解释他们的含义:


SOFT_INPUT_ADJUST_NOTHING: 不调整(输入法完全直接覆盖住,未开放此参数);

SOFT_INPUT_ADJUST_PAN:把整个Layout顶上去露出获得焦点的EditText,不压缩多余空间

SOFT_INPUT_ADJUST_RESIZE: 整个Layout重新编排,重新分配多余空间;

SOFT_INPUT_ADJUST_UNSPECIFIED: 系统自己根据内容自行选择上两种方式的一种执行(默认配置).

这里SOFT_INPUT_ADJUST_RESIZE和SOFT_INPUT_ADJUST_PAN和上面中的adjustResize和adjustPan效果是一样的.


@Overrideprotected

 void onCreate(@Nullable Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);

    //让布局向上移来显示软键盘

    getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN);

    setContentView(R.layout.activity_login);

    init();

}

3.在布局文件中添加ScrollView

ScrollView是能让弹出的软键盘添加到布局的下面,从而不挡住部分布局.这里往往需要跟上面的adjustResize和adjustPan两个状态一起用.

布局:


<ScrollView

    android:layout_width="match_parent"

    android:layout_height="0dp"

    android:layout_weight="8"

    android:fillViewport="true">

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical">

        <ListView

            android:id="@+id/lv"

            android:layout_width="match_parent"

            android:layout_height="0dp"

            android:layout_weight="1" />

        <EditText

            android:layout_width="match_parent"

            android:layout_height="50dp" />

    </LinearLayout>

</ScrollView>

向上移的方式 设置:


<activity

        android:name=".SecondActivity"

        android:windowSoftInputMode="adjustPan"></activity>

压缩的方式 设置:


  <activity

        android:name=".SecondActivity"

        android:windowSoftInputMode="adjustResize"></activity>

4.在布局文件中添加ScrollView

ScrollView是能让弹出的软键盘添加到布局的下面,从而不挡住部分布局.这里往往需要跟上面的adjustResize和adjustPan两个状态一起用.

布局:


<ScrollView

    android:layout_width="match_parent"

    android:layout_height="0dp"

    android:layout_weight="8"

    android:fillViewport="true">

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical">

        <ListView

            android:id="@+id/lv"

            android:layout_width="match_parent"

            android:layout_height="0dp"

            android:layout_weight="1" />

        <EditText

            android:layout_width="match_parent"

            android:layout_height="50dp" />

    </LinearLayout>

</ScrollView>

在activity中调用:


private void controlKeyboardLayout(final ScrollView root, final Activity context) {

        root.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver

                .OnGlobalLayoutListener() {

            @Override

            public void onGlobalLayout() {

 

 

                Rect rect = new Rect();

                root.getWindowVisibleDisplayFrame(rect);

                int rootInvisibleHeight = root.getRootView().getHeight() - rect.bottom;

                //若不可视区域高度大于100,则键盘显示

                if (rootInvisibleHeight > 100) {

                    int[] location = new int[2];

                    View focus = context.getCurrentFocus();

                    if (focus != null) {

                        focus.getLocationInWindow(location);

                        int scrollHeight = (location[1] + focus.getHeight()) - rect.bottom;

                        if (rect.bottom < location[1] + focus.getHeight()) {

                            root.scrollTo(0, scrollHeight);

                        }

                    }

                } else {

                    //键盘隐藏

                    root.scrollTo(0, 0);

                }

            }

        });

    }



  • 2019-11-29 13:47:22

    百度地图做电子围栏总结

    在地图上画出围栏,设置围栏信息后保存,生成围栏列表。全选时,地图视野可看到全部的围栏区域,单独勾选会调整地图视野到当前勾选的围栏。围栏区域的中心点要显示围栏名称。

  • 2019-11-29 13:50:29

    图片连接处出现白线

    block导致,只要父元素设置font-size:0或者设置img display: block; 便可。但是我设置了没有用,这条线不是所有的机型都有,而且页面滚动之后又消失,我琢磨半天,各种尝试,发现把图片高度减少(增加)1px就解决了。因为我们的项目是用postcss-px-to-viewport,我每张图片都是设置高度的,应该是数值转换出现偏差。

  • 2019-11-29 13:54:07

    粗略计算多边形中心点(并不是很准确,但简单好用)

    也是再做栅栏系统,搜索如何获取多边形中心点的问题上,发现了这个,简单易于理解,但是并不是特变准确,但也不影响使用。 后来发现了新的算法,并且百度地图也提供相应的api。 具体内容我写在了前面的文章,大家可以找一下。

  • 2019-11-29 14:20:38

    vue,vuthis.$parent算法

    由于组件嵌套,其实vue parent的位置也改变了,我们可以通过下面的图片,来看一下,parent到底什么哪一层

  • 2019-11-29 14:23:24

    百度地图 多个标记点设置最佳视角

    通过下面的语法,我们可以为不规则图形,以及过大的图形进行地图适配,更好的展示我们画的图形,当然,如果展示所有的图形,我们可以暴力的把所有的点组合起来进行展示,点过多不知道会不会影响性能,不过我们也可以从后台精简点数,不过地球是圆的,不知道好不好做。

  • 2019-12-01 08:00:16

    PHP中的HTTP_HOST和SERVER_NAME有什么区别

    多域名指向同一个php服务器,用nginx做代理,获取SERVER_NAME都是第一个域名,这就尴尬了,至今不明白咋回事,最后用HTTP_HOST解决都,这个暂时倒是准确。

  • 2019-12-01 08:04:30

    laravel多路由配置,也可以做根据域名都动态路由

    在用laravel 框架开发大型应用的时候,由于 laravel 默认是只有一个路由文件,如果把项目所有模块的路由放在一个路由文件下,那么该路由文件就显得很臃肿,以至于后期难以维护,解决方案是根据不同模块配置不同路由文件。