Android webview 键盘遮住输入框

本文介绍了Android开发者在使用WebView时遇到的键盘弹出遮挡输入框的常见问题。作者提出了一种暴力但有效的方法,通过自定义布局并利用Scroller类进行平滑滚动,实现在键盘显示和关闭时自动调整界面位置。同时提醒在AndroidManifest.xml中设置合适的主题以避免标题栏问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

该文章纯属原创, 转载请说明出处
开发Android 一年多了,一直都是在网上找资料,现在有时间我也整理一个我遇到的问题,我的处女篇啊!!
相信很多Android开发者都遇到webview调用键盘然后输入框被遮住,效果很丑,体验很差。然后会疯狂的在网上找资料,在网上大致有四种方法(都不靠谱),唯一的一个就是设置android:windowSoftInputMode=”adjustResize”,然而却是太丑了。接下来我要介绍一种暴力的方法,该方法用到类Scroller,如果不懂这个类请上网查资料。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <com.example.cweb.MyLinearLayout
        android:id="@+id/my_linear"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <WebView
            android:id="@+id/webview"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </com.example.cweb.MyLinearLayout>

</LinearLayout>

这个是放webview的布局,MyLinearLayout很简单就是继承了Linearlayout,它里面的主要的方法就是滑动,


    /**
     * 滚动到目标位置
     * 
     * @param fx
     * @param fy
     */
    protected void smoothScrollTo( int fx, int fy ) {

        int dx = fx - mScroller.getFinalX();
        int dy = fy - mScroller.getFinalY();
        smoothScrollBy( dx, dy );
    }


    /**
     * 滑动到相对的位置
     * 
     * @param dx
     * @param dy
     */
    protected void smoothScrollBy( int dx, int dy ) {

        // 设置mScroller的滚动偏移量
        mScroller.startScroll( mScroller.getFinalX(), mScroller.getFinalY(), dx, dy );
        invalidate();// 这里必须调用invalidate()才能保证computeScroll()会被调用,否则不一定会刷新界面,看不到滚动效果
    }


    @Override
    public void computeScroll() {

        // 判断mScroller滚动是否完成
        if( mScroller.computeScrollOffset() ) {
            // 这里调用View的scrollTo()完成实际的滚动
            scrollTo( mScroller.getCurrX(), mScroller.getCurrY() );
            // 必须调用该方法,否则不一定能看到滚动效果
            postInvalidate();
        }
        super.computeScroll();
    }

两个滑动的方法smoothScrollBy和smoothScrollTo,这个代码相信不难, so easy的。
接下来就是启动滑动的代码了,

    webView.setOnTouchListener( new OnTouchListener() {

            @Override
            public boolean onTouch( View v, MotionEvent event ) {

                if( event.getAction() == MotionEvent.ACTION_UP ) {
                    pointY = ( int )event.getY();
                    clickTime = System.currentTimeMillis();

                }
                return false;
            }
        } );
        final View mainLinear = findViewById( R.id.main_layout );

        mainLinear.getViewTreeObserver().addOnGlobalLayoutListener( new OnGlobalLayoutListener() {

            @Override
            public void onGlobalLayout() {

                int preHeight = 0;
                int heightDiff = mainLinear.getRootView().getHeight() - mainLinear.getHeight();

                if( preHeight == heightDiff ) {
                    Log.e( "MainActivity", "++" );
                    return;
                }
                preHeight = heightDiff;
                // 需要客户端启动滑动的初始Y坐标
                int startY = mScreenHeight / 2;
                if( heightDiff >= 50 && !isOpenKeyBord ) {
                    if( pointY < ( startY - 200 ) ) {
                        return;
                    }
                    //必须在监听到点击事件600ms之内才进行滑动,防止刚刚进来直接往上滑动
                    if( ( System.currentTimeMillis() - clickTime ) < 600 ) {
                        int y1 = Math.abs( pointY - startY ) + 200;
                        Logs.e( tag, "OnGlobalLayoutListener界面上移" + y1 );
                        myLinearLayout.smoothScrollBy( 0, y1 );
                        isOpenKeyBord = true;
                    }

                } else {
                    Logs.e( tag, "OnGlobalLayoutListener界面还原" );
                    myLinearLayout.smoothScrollTo( 0, 0 );
                    isOpenKeyBord = false;

                }
                preHeight = 0;
            }

        } );

mainLinear 是整个layout 的view,这个方法是根据布局界面变化来判断键盘的显示和关闭的
heightDiff >= 50 这个值究竟放多少要自己研究,我在手机上市100,但是在小米平板上用50,你究竟用多少还是自己测吧。这个方法就是键盘调起的时候把界面往上滑动,键盘关闭的时候把键盘还原。是不是很简单粗暴,
还有一点要注意,在manifest注册时一定 android:theme=”@android:style/Theme.NoTitleBar”,
千万别写这样 android:theme=”@android:style/Theme.NoTitleBar.Fullscreen”,不然你会奔溃的,当然你要其他的titlebar就用其他的,哈哈

这样,你就可以实现调用键盘滑动了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值