ScrollView 使用小结(滑动顶部/底部,吸顶,底部加载,滑动停止监听)

忙忙碌碌的一个多月又结束了,连续奋战到凌晨四点的两周也成为了过去式....此次上线因为添加了视频直播和点播功能,所以比较赶,真是分分钟要猝死的赶脚.不过此次又是上线又是对旧知识的巩固和对新技术的探究,此次用到的ScrollView比较多,写一篇文章用以积累.


从谷歌的文档我们可以得到ScrollView是一个可以滚动的用户布局容器,它可以让在手机屏幕上展示不开的情况下滚动展示。ScrollView是一个FrameLayout,所以你应该把一个子控件包含在它的整个内容滚动;这个子控件本身可以是一个复杂的层次结构对象的布局管理器,这个子控件一般是在垂直方向的一个LinearLayout呈现,用户可以通过滚动的顶级项目的垂直阵列。如果一个ScrollView有多个布局就会报出以下的错误:


error

当然,也可以通过below和above让Scrollview在哪两个控件之间滚动,根据自己的项目实时调整.

xml中常用到的属性:

android:fadingEdge="none"

设置拉滚动条时 ,边框渐变的方向。none(边框颜色不变),horizontal(水平方向颜色变淡),vertical(垂直方向颜色变淡).

android:overScrollMode="never"

删除ScrollView拉到尽头(顶部、底部),然后继续拉出现的阴影效果,适用于2.3及以上的 否则不用设置.

android:scrollbars="none"

设置滚动条显示。none(隐藏),horizontal(水平),vertical(垂直)。见下列代码演示使用该属性让EditText内有滚动条。但是其他容器如LinearLayout设置了但是没有效果。

android:descendantFocusability=""

该属性是当一个为view获取焦点时,定义viewGroup和其子控件两者之间的关系。
属性的值有三种:

beforeDescendants:viewgroup会优先其子类控件而获取到焦点
afterDescendants:viewgroup只有当其子类控件不需要获取焦点时才获取焦点
blocksDescendants:viewgroup会覆盖子类控件而直接获得焦点

ScrollView本身的高度设置为match_parent,其子View的高度也设置为match_parent,自然状态下该子View的高度并不会占满ScrollView的高度。 原因是match_parent针对一般布局而言,是子view的高度和parent的高度一致,但在ScrollView身上,工作机制并非如此,而是ScrollView的高度随着子View的高度变化而变化(子View高度大于ScrollView时)。在子View高度小于ScrollView高度时,必需在xml里为ScrollView加上Android:fillViewport="true",这样子View小于ScrollView高度时就会占满父View.
解决方法:xml里为ScrollView加上android:fillViewport=“true".

ScrollView 中常用到的方法:

Scrollview禁止滑动:`
  scrollView.setOnTouchListener(new View.OnTouchListener() {
         @Override
        public boolean onTouch(View view, MotionEvent motionEvent) {
                return true;
        }});
可滑动
   scrollView.setOnTouchListener(new View.OnTouchListener() {
          @Override
          public boolean onTouch(View view, MotionEvent motionEvent) {
                return false;
          }});
滚到到底部:
  scrollView.post(new Runnable() {
         @Override
          public void run() {
                 //滑动底部
                 scrollView.fullScroll(ScrollView.FOCUS_DOWN);
           }});
滚动到顶部:
    scrollView.post(new Runnable() {
           @Override
            public void run() {
                //滑动顶部
                scrollView.fullScroll(ScrollView.FOCUS_UP);
           }});
滚动到某个位置:
     scrollView.post(new Runnable() {
            @Override
             public void run() {
                 int offset = 100;//偏移值
                 scrollView.smoothScrollTo(0, offset);
             }});

注意:ScrollView 滚动的时候需要post 一个runnable,让其在消息队列中执行滚动!
第一,handler.post(runnable);并不是新开线程,只是让UI主线程去并发执行run()方法。
第二,之所以放在handler里,是为了保证View都已经绘制完成。不然,你放在resume()中执行,应该也可以的。
第三,smoothScrollTo类似于scrollTo,但是滚动的时候是平缓的而不是立即滚动到某处。另外,smoothScrollTo()方法可以打断滑动动画。

监听ScrollView滑动到底部,加载数据:

有时候我们想让在ScrollView滑动到底部的时候去做一些事情,但是scrollview并没有直接提供这样的方法,此时我们可以通过简单的继承一下ScrollView,为ScrollView滑动到底部设置一下监听:

public class ScrollBottomScrollView extends ScrollView {

private OnScrollBottomListener listener;
private int calCount;

public interface OnScrollBottomListener {
    void scrollToBottom();
}

public void onScrollViewScrollToBottom(OnScrollBottomListener l) {
    listener = l;
}

public void unRegisterOnScrollViewScrollToBottom() {
    listener = null;
}

public ScrollBottomScrollView(Context context, AttributeSet attrs) {
    super(context, attrs);
}

@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
    View view = this.getChildAt(0);
    if (this.getHeight() + this.getScrollY() == view.getHeight()) {
        calCount++;
        if (calCount == 1) {
            if (listener != null) {
                listener.scrollToBottom();
            }
        }
    } else {
        calCount = 0;
    }
}
}

在需要的地方调用如下:

   scrollView.onScrollViewScrollToBottom(new ScrollBottomScrollView.OnScrollBottomListener() {
        @Override
        public void scrollToBottom() {
              //请求数据
        }});

另外如果你的布局中是ScrollView嵌入RecycerView那么久势必就会出现滑动冲突的问题,此时我们可以把RecycerView的滑动监听给禁止,这样就不会有冲突的问题了.

  LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this) {
    //禁止recycleview竖直滑动
    @Overridepublic boolean canScrollVertically() {
          return false;
    }};

大概就用到了这么多,以后有新的研究还会继续更新.
2019.4.9更新

scrollView 嵌套 RecyclerView 显示时会滚动到RecyclerView第一项

recyclerView自动获取了焦点
解决:
1.recyclerView去除焦点

recyclerview.setFocusableInTouchMode(false);
recyclerview.requestFocus();

2.让scrollView 或者 recyclerView顶端的某个控件获取焦点

ll_top.setFocusableInTouchMode(true);  
ll_top.requestFocus(); 

ScrollView.setOnScrollChangeListener() API23以上可用问题

1.创建一个接口将ScrollView的滑动方法暴露出来,在页面中进行监听

class ScrollBottomScrollView @JvmOverloads constructor(
    context: Context,
    attributeSet: AttributeSet? = null,
    defStyleAttr: Int = 0
) : NestedScrollView(context, attributeSet, defStyleAttr) {

private var scrollListener: OnScrollChangeListener? = null

interface OnScrollChangeListener {
    fun onMScrollChanged(y: Int)
}

fun onScrollChangeListener(l: OnScrollChangeListener) {
    scrollListener = l
}

override fun onScrollChanged(l: Int, t: Int, oldl: Int, oldt: Int) {
    if (scrollListener != null) {
        scrollListener!!.onMScrollChanged(t)
    }
}

}
2.在页面中调用

 scroll_view.onScrollChangeListener(object :ScrollBottomScrollView.OnScrollChangeListener{
        override fun onMScrollChanged(y: Int) {
           
        }
    })

Scrollview 滚动某个位置使某个布局吸顶

原理很简单,想要Scrollview在滑动过程中,某个部分吸顶,可以写一个相同布局的layout并隐藏,然后在scrollview滚动的时候监听滚动到哪个位置让隐藏的layout展示出来.
show me code :

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/ll_top"
        android:layout_width="match_parent"
        android:layout_height="74dp"
        android:background="@drawable/shape_black_blue_gradient">     
    </LinearLayout>

    <com.sentiment.tigerobo.tigerobobaselib.component.viewgroup.ScrollBottomScrollView
        android:id="@+id/scroll_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/ll_top"
        android:descendantFocusability="beforeDescendants"
        android:fillViewport="true"
        android:overScrollMode="never"
        android:scrollbars="none">

        <android.support.constraint.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <View
                android:id="@+id/v_report_divider"
                android:layout_width="match_parent"
                android:layout_height="10dp"
                android:background="@color/color_F2F2F2"
                app:layout_constraintTop_toBottomOf="@+id/layout_ipo" />

            <include
                android:id="@+id/layout_tab"
                layout="@layout/layout_company_tab_display"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"/>

        </android.support.constraint.ConstraintLayout>
    </com.sentiment.tigerobo.tigerobobaselib.component.viewgroup.ScrollBottomScrollView>

    <include
        android:id="@+id/layout_hide_tab"
        layout="@layout/layout_company_tab_hide"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/ll_top"
        android:visibility="gone" />
</RelativeLayout>

吸顶逻辑控制

 scroll_view.onScrollChangeListener(object :ScrollBottomScrollView.OnScrollChangeListener{
        override fun onMScrollChanged(y: Int) {
            if (y > v_report_divider.bottom) {//滑动距离大于v_report_divider的底坐标
                layout_hide_tab.visibility = View.VISIBLE
            } else {
                layout_hide_tab.visibility = View.GONE
            }
        }
    })

好吧 确实有点简单~~
2019.10.14更新

ScrollView的滑动跟静止监听

在业务需求中,有时会遇到需要监听ScrollView实现页面的一些业务效果
主要思路:创建Handler,在ScrollView滑动的时候,先清空所有消息,然后发送延时消息,如果能接收到消息,说明滑动停止,下面是具体实现的代码

public class ObservableScrollView extends NestedScrollView {

  private OnScrollStatusListener onScrollStatusListener;

  public ObservableScrollView(Context context) {
    super(context);
  }

  public ObservableScrollView(Context context, AttributeSet attrs) {
    super(context, attrs);
  }

  public ObservableScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
  }

  @Override protected void onScrollChanged(int l, int t, int oldl, int oldt) {
    super.onScrollChanged(l, t, oldl, oldt);
    if (onScrollStatusListener != null) {
      onScrollStatusListener.onScrolling();
      mHandler.removeCallbacksAndMessages(null);
      mHandler.sendEmptyMessageDelayed(0x01, 200);
    }
  }

  public void setOnScrollStatusListener(OnScrollStatusListener onScrollStatusListener) {
    this.onScrollStatusListener = onScrollStatusListener;
  }

  private Handler mHandler = new Handler() {

    @Override public void handleMessage(Message msg) {
      super.handleMessage(msg);
      switch (msg.what) {
        case 0x01:
          if (onScrollStatusListener != null) {
            onScrollStatusListener.onScrollStop();
          }
          break;
      }
    }
  };

  @Override protected void onDetachedFromWindow() {
    super.onDetachedFromWindow();
    mHandler.removeCallbacksAndMessages(null);
  }

  public interface OnScrollStatusListener {
    void onScrollStop();

    void onScrolling();
  }
}

然后在代码中

ObservableScrollView scrollView = findViewById(R.id.scrollView);
    final TextView tvTest = findViewById(R.id.tv_test);
    scrollView.setOnScrollStatusListener(new ObservableScrollView.OnScrollStatusListener() {
      @Override public void onScrollStop() {
        tvTest.setText("停止滑动");
      }

      @Override public void onScrolling() {
        tvTest.setText("滑动中");
      }
    });

可以监听到ScrollView的滑动跟静止状态变化。
谷歌官方文档https://developer.android.com/reference/android/widget/ScrollView.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,056评论 5 474
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,842评论 2 378
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 148,938评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,296评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,292评论 5 363
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,413评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,824评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,493评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,686评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,502评论 2 318
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,553评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,281评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,820评论 3 305
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,873评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,109评论 1 258
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,699评论 2 348
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,257评论 2 341

推荐阅读更多精彩内容