滚动到底部或顶部响应的ScrollView使用

简介:

listView示例很多,对于ScrollView却寥寥无几,下面介绍使用自定义的ScrollView来完成该功能的实例。

示例APK可从这些地址下载:Google Play, 360手机助手, 百度手机助手, 小米应用商店, 豌豆荚

示例代码地址见BorderScrollViewDemo,效果图如下:

1、引入公共库

引入TrineaAndroidCommon@Github(欢迎star和fork^_^)作为你项目的library(如何拉取代码及添加公共库),或是自己抽取其中的BorderScrollView@Github部分使用,BorderScrollView继承自ScrollView,可以自定义滚动到底部或顶部时需要完成的任务。

2、自定义layout
只需将定义的ScrollView标签换成cn.trinea.android.common.view.BorderScrollView标签即可,源码如下(其中的多个TextView只是为了将ScrollView撑满一屏幕):

layout xml源码

3、设置onTop和onBottom事件
通过borderScrollView.setOnBorderListener(OnBorderListener onBorderListener)设置到达底部和顶部的响应。
OnBorderListener有onTop()和void onBottom()两个函数可以实现,分别在滑动到顶部和底部时被调用执行。代码如下:

Java部分实现源码

Java

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

public class BorderScrollViewDemo extends Activity {

private BorderScrollView borderScrollView;

private TextView textView1;

private TextView textView2;

private Context context;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.border_scroll_view_demo);

context = getApplicationContext();

borderScrollView = (BorderScrollView)findViewById(R.id.scroll_view);

borderScrollView.setOnBorderListener(new OnBorderListener() {

@Override

public void onTop() {

// may be done multi times, u should control it

Toast.makeText(context, "has reached top", Toast.LENGTH_SHORT).show();

}

@Override

public void onBottom() {

// may be done multi times, u should control it

Toast.makeText(context, "has reached bottom", Toast.LENGTH_SHORT).show();

}

});

textView1 = (TextView)findViewById(R.id.text1);

textView2 = (TextView)findViewById(R.id.text2);

Display display = getWindowManager().getDefaultDisplay();

textView1.setHeight(display.getHeight() / 2);

textView2.setHeight(display.getHeight() / 2);

}

}

注意onTop和onBottom是有可能被多次执行的,需要自己控制,将在后面的实现原理中介绍具体原因~。

目录
相关文章
|
4月前
|
小程序
小程序页面顶部标题栏、导航栏navigationBar如何隐藏、变透明?
小程序页面顶部标题栏、导航栏navigationBar如何隐藏、变透明?
|
2月前
Flutter 滚动距离来设置TabBar的位置,点击TabBar滚动的到指定的位置
Flutter 滚动距离来设置TabBar的位置,点击TabBar滚动的到指定的位置
|
2月前
|
JavaScript 容器
Vue 动画 —— 滑动切换动画 / 滑动翻页过渡动画——从顶部到底部、从底部到顶部、从左侧到右侧、从右侧到左侧
Vue 动画 —— 滑动切换动画 / 滑动翻页过渡动画——从顶部到底部、从底部到顶部、从左侧到右侧、从右侧到左侧
416 0
|
4月前
|
JavaScript 前端开发 容器
随着页面的滚动导航条跟着滚动
随着页面的滚动导航条跟着滚动
滚动条自动滚到最底部
滚动条自动滚到最底部
|
JavaScript 前端开发
菜单栏底部线条切换效果(标题滚动居中显示)
菜单栏底部线条切换效果(标题滚动居中显示)
140 0
菜单栏底部线条切换效果(标题滚动居中显示)
刚进入页面时UIScrollView没有滑动到顶部
刚进入页面时UIScrollView没有滑动到顶部
67 0
|
JavaScript
原生js判断某个区域的滚动条滚动到了底部
原生js判断某个区域的滚动条滚动到了底部
原生js判断某个区域的滚动条滚动到了底部
移动端弹出遮罩层时防止底部页面滚动
版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82696872 ...
1449 0
|
Web App开发 JavaScript 前端开发