小技巧:实现ScrollView 滚动键盘隐藏

项目要求 某个 用户在滚动某个长界面时(用来录入信息),将 键盘隐藏掉;

解决办法:
写 MyScrollView ; 提供 滚动监听器;
package com.library.view;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ScrollView;

/**
* 可以监听滚动的scrollview
*
*/
public class MyScrollView extends ScrollView {
private OnScrollChangedListener2 mOnScrollChangedListener2;

public MyScrollView(Context context) {
    this(context, null);
}

public MyScrollView(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
}

public MyScrollView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
}

/**
 * scrollview监听回调接口
 */
public interface OnScrollChangedListener2 {
    void onScrollChanged(Boolean isTouchMove, ScrollView who, int l, int t, int oldl, int oldt);
}

@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
    super.onScrollChanged(l, t, oldl, oldt);
    if (mOnScrollChangedListener2 != null) {
        mOnScrollChangedListener2.onScrollChanged(isTouchMove, this, l, t, oldl, oldt);
    }
}

public void setOnScrollChangedListener2(OnScrollChangedListener2 listener2) {
    mOnScrollChangedListener2 = listener2;
}

// isTouchMove ==false;:表示 系统调整界面滚动(键盘弹出挡住输入框时); isTouchMove //==true::表示 手指滚动界面;
public boolean isTouchMove = false;

@Override
public boolean onTouchEvent(MotionEvent ev) {

    if (ev.getAction() == MotionEvent.ACTION_MOVE) {
        isTouchMove = true;

    } else if (ev.getAction() == MotionEvent.ACTION_UP) {
        isTouchMove = false;
    }

    return super.onTouchEvent(ev);
}

}

=========有ScrollView 的界面调用==========

myScrollView.setOnScrollChangedListener2(new OnScrollChangedListener2() {
            @Override
            public void onScrollChanged(Boolean isTouchMove, ScrollView who, int l, int t, int oldl, int oldt) {
                if (isTouchMove) {
                    new Handler().postDelayed(new Runnable() {
        @Override
                        public void run() {
                            //调用隐藏键盘;
``
InputMethodManager imm = (InputMethodManager) context.getSystemService(context.INPUT_METHOD_SERVICE);
imm.hideSoftInputFromWindow(context.getWindow().getDecorView().getWindowToken(), 0);
                    }
                }, 10);
            }
        }
    });
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用 `onScroll` 和 `onLayout` 属性来实现。具体步骤如下: 1. 在 `ScrollView` 组件中添加 `onScroll` 属性,监听滚动事件。 2. 在每行文本组件中添加 `onLayout` 属性,监听组件布局事件,获取当前行的位置信息。 3. 在 `onScroll` 回调中,通过 `nativeEvent.contentOffset.y` 获取当前滚动的垂直位置。 4. 遍历所有行文本组件,计算每行的位置信息,判断当前滚动位置处于哪一行,设置该行高亮样式。 示例代码如下: ``` import React, { useState } from 'react'; import { ScrollView, Text, View } from 'react-native'; const LineText = ({ text }) => { const [isHighlight, setIsHighlight] = useState(false); const [lineLayout, setLineLayout] = useState({}); const handleLayout = event => { setLineLayout(event.nativeEvent.layout); }; return ( <Text onLayout={handleLayout} style={{ backgroundColor: isHighlight ? 'yellow' : 'transparent' }} onPress={() => setIsHighlight(!isHighlight)} > {text} </Text> ); }; const HighlightScrollView = ({ texts }) => { const [highlightIndex, setHighlightIndex] = useState(0); const handleScroll = event => { const scrollY = event.nativeEvent.contentOffset.y; let index = 0; let minDistance = Number.MAX_SAFE_INTEGER; texts.forEach((text, i) => { const distance = Math.abs(lineLayouts[i].y - scrollY); if (distance < minDistance) { minDistance = distance; index = i; } }); setHighlightIndex(index); }; const lineLayouts = texts.map(() => ({})); const handleLineLayout = index => event => { lineLayouts[index] = event.nativeEvent.layout; }; return ( <ScrollView onScroll={handleScroll}> {texts.map((text, i) => ( <View key={i} onLayout={handleLineLayout(i)}> <LineText text={text} isHighlight={i === highlightIndex} /> </View> ))} </ScrollView> ); }; export default HighlightScrollView; ``` 在上面的代码中,`LineText` 组件代表每一行文本,`HighlightScrollView` 组件代表高亮滚动视图。`LineText` 组件中通过 `onLayout` 获取每一行的位置信息,通过 `isHighlight` 属性设置该行是否高亮。`HighlightScrollView` 组件中通过 `onScroll` 监听滚动事件,通过遍历所有行文本组件计算出当前滚动位置处于哪一行,设置该行高亮样式。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值