Android进阶篇之ListView、GridView以及ScrollView实现按钮控制滚动

最新推荐文章于 2023-02-20 14:20:10 发布
最新推荐文章于 2023-02-20 14:20:10 发布
阅读量3.3k 收藏 1
点赞数
分类专栏： Android学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ye_scofield/article/details/43153877
版权

这次还是一样，因为项目需要，需要对滚动视图需要手动控制，也就是点击上下左右按钮，能让滚动控件触发对应的操作

在android中，滚动View最基本的有三种，分别是：ListView、GridView和ScrollView

先看效果图：1、ListView的效果图，右下角放置滚动控制按钮


2、GridView的效果图


3、ScrollView 的效果图就不上传了，因为都差不多。

是不是看完效果图觉得弱爆了，那就对了，因为现在的功能就是实现了上下滚动，如果对上面那两个按钮加上下拉加载和上拉刷新呢？甚至还可以控制当在最顶部时只显示“下”的Button，还可以做当整个滚动视图没有超过一屏时的监听

废话不多说，现在来上代码。

第一步：

编写布局文件-->>>>文件名为common_item_menu_scorll_btns.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
    <Button 
        android:id="@+id/common_menu_scroll_up"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/common_menu_scroll_up_selector"/>
    <Button 
        android:id="@+id/common_menu_scroll_down"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/common_menu_scroll_down_selector"/>
</LinearLayout>

第二步：

编写自定义视图，因为ListView和GridView都是继承AbsListView，所以可以把需要控制的类型由三个变成两个

/**
 * 如果需要加载更多的滚动视图就需要设置OnAddMoreDataListener
 * @author yejihuang
 */
public class ScrollBtnView extends LinearLayout implements OnClickListener{

	private Context mContext ;
	private ScrollView scroll ;
	private AbsListView mAbsListView ;
	public int selectIndex ; 
	private boolean isListBottom ;
	public boolean isListTop ;
	private int type ;
	
	private Hodler hodler ;
	
	private OnScrollBtnListener onScrollBtnListener ;
	private OnOpratorScrollBtnListener onOpratorScrollBtnListener ;
	
	/**
	 * 如果不需要加载更多功能请使用ScrollBtnView(Context context, Object obj)
	 * 需要请使用ScrollBtnView(Context context, Object obj, OnOpratorScrollBtnListener onOpratorScrollBtnListener)
	 * @param context 上下文对象
	 * @param obj 需要被控制滚动的对象，在这里只写了三种，ScrollView，ListView，GridView
	 */
	public ScrollBtnView(Context context, Object obj) {
		super(context);
		mContext = context ;
		initData() ;
		initView() ;
		getObject(obj) ;
	}
	/**
	 * 如果不需要加载更多功能请使用ScrollBtnView(Context context, Object obj)
	 * 需要请使用ScrollBtnView(Context context, Object obj, OnOpratorScrollBtnListener onOpratorScrollBtnListener)
	 * @param context 上下文对象
	 * @param obj 需要被控制滚动的对象，在这里只写了三种，ScrollView，ListView，GridView
	 */
	public ScrollBtnView(Context context, Object obj, OnOpratorScrollBtnListener onOpratorScrollBtnListener) {
		super(context);
		mContext = context ;
		initData() ;
		initView() ;
		getObject(obj) ;
		this.onOpratorScrollBtnListener = onOpratorScrollBtnListener ;
	}

	private void initView() {
		View view = LayoutInflater.from(mContext).inflate(R.layout.common_item_menu_scorll_btns, this, true) ;
		view.setVisibility(View.GONE) ;
		hodler = new Hodler() ;
		hodler.view = view ;
		hodler.upBtn = (Button) view.findViewById(R.id.common_menu_scroll_up) ;
		hodler.downBtn = (Button) view.findViewById(R.id.common_menu_scroll_down) ;
		hodler.upBtn.setOnClickListener(this) ;
		hodler.downBtn.setOnClickListener(this) ;
		if (isListTop)
			hodler.upBtn.setVisibility(View.GONE) ;
	}
	
	private void initData() {
		this.selectIndex = 0 ;
		isListTop = true ;
	}
	
	/**
	 * 根据传入的对象判断是哪一种滚动,然后强制转换
	 * @param obj
	 */
	private void getObject(Object obj) {
		
		if (obj instanceof ScrollView) {
			this.type = ScrollBtnConstant.TYPE_SCROLL ;
			this.scroll = (ScrollView) obj ;
			this.scroll.setOnTouchListener(new OnTouchListener() {
				private int lastY = 0;
				private int touchEventId = -9983761;
				Handler handler = new Handler() {
					@Override
					public void handleMessage(Message msg) {
						super.handleMessage(msg);
						View scroller = (View) msg.obj;
						if (msg.what == touchEventId) {
							if (lastY == scroller.getScrollY()) {
								//停止了，此处你的操作业务
								refreshCtrlScrollBtn();
							} else {
								handler.sendMessageDelayed(handler.obtainMessage(touchEventId, scroller), 1);
								lastY = scroller.getScrollY();
							}
						}
					}
				};
				@Override
				public boolean onTouch(View v, MotionEvent event) {
					int eventAction = event.getAction();
					int y = (int) event.getRawY();
					switch (eventAction) {
					case MotionEvent.ACTION_UP:
						handler.sendMessageDelayed(handler.obtainMessage(touchEventId, v), 5);
						break;
					default:
						break;
					}
					return false;
				}


			});
			hodler.view.setVisibility(View.VISIBLE) ;
		} else if (obj instanceof AbsListView) {
			this.type = ScrollBtnConstant.TYPE_LIST ;
			this.mAbsListView = (AbsListView) obj ;
			MainHandler.post2Main(new Runnable() {	
				@Override
				public void run() {
					mAbsListView.setOnScrollListener(new OnScrollListener() {
						@Override
						public void onScrollStateChanged(AbsListView view, int scrollState) {
							if (scrollState == OnScrollListener.SCROLL_STATE_IDLE) {
								selectIndex = mAbsListView.getFirstVisiblePosition() ;
								refreshCtrlScrollBtn() ;
							}
							if(onScrollBtnListener != null){
								onScrollBtnListener.onScrollStateChanged(view, scrollState) ;
							}
						}
						
						@Override
						public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
							if(totalItemCount <= visibleItemCount){
								hodler.view.setVisibility(View.GONE) ;
							} else {
								hodler.view.setVisibility(View.VISIBLE) ;
							}
							if(onScrollBtnListener != null){
								onScrollBtnListener.onScroll(view, firstVisibleItem, visibleItemCount, totalItemCount);
							}
						}
					}) ;
				}
			}, 1500) ;
		}
	}
	
	public void setOnOpratorScrollBtnListener(
			OnOpratorScrollBtnListener onOpratorScrollBtnListener) {
		this.onOpratorScrollBtnListener = onOpratorScrollBtnListener;
	}
	
	/**
	 * 拦截触摸事件，以免触摸到地图层
	 */
	@Override
	public boolean onTouchEvent(MotionEvent arg0) {
		return true;
	}

	@Override
	public void onClick(View v) {
		int direct ;
		if (v.getId() == R.id.common_menu_scroll_up)
			direct = ScrollBtnConstant.UP ;
		else
			direct = ScrollBtnConstant.DOWN ;
		//执行上下滚动事件
		switch (direct) {
		case ScrollBtnConstant.UP:
			switch (type) {
			case ScrollBtnConstant.TYPE_SCROLL:
				scroll.smoothScrollBy(0, ScrollBtnConstant.DEFAULT_DISTANCE_UP) ;
				break;
			case ScrollBtnConstant.TYPE_LIST:
				if (selectIndex > 0) {
					selectIndex = mAbsListView.getFirstVisiblePosition() ;
					selectIndex -- ;
				}
				mAbsListView.smoothScrollToPosition(selectIndex);
				break;
			}
			break;
		case ScrollBtnConstant.DOWN:
			switch (type) {
			case ScrollBtnConstant.TYPE_SCROLL:
				scroll.smoothScrollBy(0, ScrollBtnConstant.DEFAULT_DISTANCE_DOWN) ;
				break;
			case ScrollBtnConstant.TYPE_LIST:
				if (selectIndex < mAbsListView.getCount() - 1) {
					selectIndex = mAbsListView.getLastVisiblePosition() ;
					selectIndex ++ ;
					isListBottom = false ;
				} else {
					isListBottom = true ;
				}
				if (!isListBottom) { // 如果是滑动到了最底部,点击向下继续滚动
					mAbsListView.smoothScrollToPosition(selectIndex);
				} else { //如果已经到最底部,再点击向下,就刷新数据
					if (!NullUtils.isNull(onOpratorScrollBtnListener) 
							&& onOpratorScrollBtnListener.doLoadMore()) {
						selectIndex ++ ;			//一定是放在刷新之后
						mAbsListView.smoothScrollToPosition(selectIndex);
					}
				}
				break;
			}
			break;
		default:
			break;
		}
		refreshCtrlScrollBtn();
	}

	public void refreshCtrlScrollBtn() {
		//执行up按钮隐藏和出现的逻辑
		switch (type) {
		case ScrollBtnConstant.TYPE_SCROLL:
			if (scroll.getScrollY() == 0) {
				isListTop = true ;
				hodler.upBtn.setVisibility(View.GONE) ;
			} else {
				isListTop = false ;
				hodler.upBtn.setVisibility(View.VISIBLE) ;
			}
			break;
		case ScrollBtnConstant.TYPE_LIST:
			int top = mAbsListView.getChildAt(0).getTop() ;
			int distance = mAbsListView.getChildAt(0).getHeight() / 2 ;
			if (selectIndex <= 0) {
				if (top > (-1) * distance) {   //对滚动距离小于item高度的一半的时候，弹回顶部，当滚动距离大于一半切没有超出下一个item就自动滚动到下一个item
					isListTop = true ;
					mAbsListView.setSelection(0) ;
					hodler.upBtn.setVisibility(View.GONE) ;
				} else {
					isListTop = false ;
					mAbsListView.setSelection(1) ;
					hodler.upBtn.setVisibility(View.VISIBLE) ;
				}
			} else {
				isListTop = false ;
				hodler.upBtn.setVisibility(View.VISIBLE) ;
			}
			break;
		}
	}
	
	/**
	 * 添加一个加载更多刷新函数的接口
	 * @author yejihuang
	 *
	 */
	public interface OnOpratorScrollBtnListener {
		/**
		 * 加载更多
		 * @return
		 */
		public boolean doLoadMore () ;
	}
	
	/**
	 * 这个接口是把对传入的滚动控件，所触发的滚动监听分发出去
	 * @author yejihuang
	 *
	 */
	public interface OnScrollBtnListener {
		public void onScrollStateChanged(AbsListView view, int scrollState) ;
		public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) ;
	}
	
	public void setOnScrollBtnListener(OnScrollBtnListener onScrollBtnListener) {
		this.onScrollBtnListener = onScrollBtnListener;
	}
	
	class Hodler {
		View view ;
		Button upBtn ;
		Button downBtn ;
	}
	
	class ScrollBtnConstant {
		/**
		 * 默认点击一次滚动的距离
		 */
		public static final int DEFAULT_DISTANCE_DOWN = 200 ;
		public static final int DEFAULT_DISTANCE_UP = -200 ;
		public static final int DOWN = 1 ;
		public static final int UP = 2 ;
		
		public static final int TYPE_SCROLL = 1 ;
		public static final int TYPE_LIST = 2 ;
	}
}

代码中NullUtils.isNull()只是一个判断对象是否是NULL的静态函数，如果使用直接换成Object != null就可以了

第三步：

滚动控制的按钮视图写好了，现在就是直接添加到自己想要的地方就可以，先看看在listview布局文件中怎么添加，加一个LinearLayout布局容器来装那个滚动控制视图，

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/LinearLayout01"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <ListView
        android:id="@+id/MyListView"
        android:divider="@drawable/sslist_driver"   
    	android:dividerHeight="1dip"   
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </ListView>

    <LinearLayout
        android:id="@+id/scroll_btns"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true">
        
    </LinearLayout>
</RelativeLayout>

然后在Java代码中动态添加 

LinearLayout linear = (LinearLayout) findViewById(R.id.scroll_btns) ;
linear.addView(new ScrollBtnView(this, list)) ;
此处的list是指你想要控制的listview的对象

如果想控制GridView那就把list改成GridView 的实例对象就可以了，简单吧！

现在来说说当滚动到了最底部，继续点击向下就加载更多数据。

只要实现onOpratorScrollBtnListener监听器就可以了

可以从代码中看出有两种方式，多加一行setOnOpratorScrollBtnListener代码和实现带onOpratorScrollBtnListener的构造函数就可以了

有什么问题，欢迎小伙伴们参与讨论！




洛克地
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
android gridview 触摸事件,（源码分析）ScrollView嵌套ListView/GridView的滑动事件处理...
weixin_39796652的博客
05-27 129
开发过程中经常会遇到使用scrollview嵌套listview或gridview的情况，这时由于scrollview拦截消费了滑动事件，所以在listview或gridview区域滑动时该区域无法滑动，而是scrollview整体滑动。正确的处理应该是当焦点在listview或gridview区域该区域滑动，在区域外则scrollview滑动。想要解决这个问题，加上如下代码即可：listView...
android 壁纸库,Android TV壁纸库之GridView使用及焦点处理
weixin_39582708的博客
05-26 285
首先，给出整个代码的效果图：这是整个壁纸库应用的效果图，项目地址在这里一、GridView的介绍：官网地址 Gridview是一个ViewGroup，它展示的是一个二维的，可滑动的表格.这个表格的item是自动插入的布局，默认使用一个ListAdapter容器。1.GridView填充数据，这个东西网上的内容太多了，这里不再赘述，只是有一个点需要注意一下：gridview在笔者实现放大和缩小动画效...
Android 横向列表GridView 实现横向滚动
水易人间的专栏
04-26 1222
Android 横向列表实现，可左右滑动，如下图   1.主界面布局代码：activity_main.xml a.包裹HorizontalScrollView控件是GirdView横向滚动的基本条件b.GirdView外包裹LinearLayout是java代码中参数设置的必要条件 android:layout_width="fill_parent"
Android TV 自定义Listview平滑滑动
cike123_的博客
02-20 313
由于在TV上面的操作不是通过手指来滑动，需要用遥控器来操作，所以Listview中item的焦点处理就显得很重要，但自带的listview会有一个缺点导致操作体验不是很好，那就是item的焦点会随着上下按键显示在最上方和最下方，而且也没有动画效果。
Android 可拖拽的GridView效果实现, 长按可拖拽和item实时交换位置
mrleeapple的专栏
12-17 3065
在Android开发中，我们常常用到ListView和GridView，而有的时候系统的ListView，GridView并不能满足我们的需求，所以我们需要自己定义一个ListView或者GridView,我的上一篇文章中就是自定义的一个左右滑动删除item的例子，大家有兴趣的可以去看看 Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果，今天这篇文章就给大家来
Android ScrollView嵌套ListView嵌套GridView的上下拉以及加载更多
11-22
总的来说，Android开发中的ScrollView嵌套ListView和GridView是一项挑战，但通过巧妙地使用SwipeRefreshLayout、自定义适配器和滚动事件处理，我们可以构建出高效且功能丰富的用户界面。同时，不断优化性能和用户...
Android之ScrollView嵌套ListView和GridView冲突的解决方法
09-05
由于ListView，GridView本身都继承于ScrollView，一旦在ScrollView中嵌套ScrollView，在ScrollView中嵌套使用ListView或者GridView，ListView只会显示一行多一点。两者进行嵌套，即会发生冲突
Android 支持ListView,GridView以及ScrollView上拉下拉控件源码以及Demo
04-18
在Android开发中，ListView、GridView和ScrollView是常用的布局控件，用于展示大量数据或实现滚动效果。本资源提供了这些控件实现上拉下拉功能的源码和Demo，有助于开发者深入理解其工作原理并实现在自己的应用中。...
Android 中ScrollView嵌套GridView，ListView的实例
01-04
Android 中ScrollView嵌套GridView，ListView的实例 在Android开发中，经常有一些UI需要进行固定style的动态布局，然而由于现在的UI都喜欢把一个界面拉的很长，所以我们很多情况下需要使用ScrollView来嵌套列表控件...
gridview整页翻页的滑动，上滑和下滑，适应各种布局
HarryWeasley的专栏
07-09 3071
提前声明：本篇博客是基于电视机顶盒的，全部操作是用遥控器。 在看这篇文章之前，你有必要去了解一下我的上一篇文章，http://blog.csdn.net/harryweasley/article/details/46784667（gridview整页翻页的滑动，上滑和下滑） 本篇文章，是基于上一篇文章的升华。 建立一个类，其中的方法如下所示
ScrollView嵌套GridView不能滚动的问题解决方案
10-22
ScrollView嵌套GridView不能滚动的问题解决方案，重写GridView方法使其不能滚动，就不会与ScrollView的滚动冲突，从而解决问题
android的几种视图用法——TextView，ImageView，ScrollView，ListView，GridView
ShineKaizi的博客
07-13 933
1.文本视图TextView TextView 是最基础的文本显示控件，直接继承自View，SDK把TextView设计为EditText、Button两个控件的父类，因为它们都可以在界面上显示文本，不同的是EditText里的文本是可以给用户编辑的，而Button只是多了一个点击事件而已。TextView常用的基本设置方法如下： setText：设置文本内容 setTextColor：设置...
Android: 如何在ScrollView中嵌套GridView
qq_27623391的博客
04-11 696
解决android中ScrollView中嵌套GridView冲突问题
Android使用ScrollView时内部控件button无法完全点击
qiangsf123的博客
08-21 713
遇到一个实际的layout布局如下： <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/buttonPanel" android:layout_width="match_parent" android:layout_height="wrap_content" android:scrollbarAlwaysDrawVerticalTrack="tr
android 动态上拉面板,android自定义View之下拉刷新，上拉加载控件
weixin_35775608的博客
05-25 208
想要知道关于更多自定义View的实例，请参考：android自定义View索引先上个效果图，走着。好了，大致的效果就是一般那种简单模样的下拉刷新，这篇文章给刚接触刷新控件的人用来入门应该是比较合适的。下面提供一下这个控件具有哪些功能：1：设置滑动到顶部，底部提供了方法： toTop()，toBottom()，直接调用即可2：设置停止滑动动作提供了方法：stopLoading()，stopLoa...
安卓java代码标签_Android实现动态添加标签及其点击事件
weixin_39831567的博客
02-25 263
Android实现动态添加标签及其点击事件发布时间：2020-09-02 00:25:41来源：脚本之家阅读：92作者：尧石在做Android开发的时候，会遇到动态添加标签让用户选择的功能，所以自己写了个例子，运行效果图如下。标签可以左右滑动进行选择，点击的时候，会弹出toast提示选择或者取消选择了哪个标签。通过动态添加TextView作为标签，并给TextView设置背景，通过selector...
android scrollview 动态添加,android – 在scrollView中的相对布局之间动态滚动
weixin_28278377的博客
05-25 321
我有一个滚动视图,其中我有几个相对布局.并且相对布局有两个按钮动态添加到它.如下所示滚动视图_____________________| ________________ || |Relative Layout| || | |Buttons| | || |_______________|| || ________________ ...
android 添加视图的滚动条,在Android中添加一个垂直滚动条到AlertDialog？
weixin_42373997的博客
05-25 388
我想添加一个垂直滚动条到AlertDialog，因为我的文本太长，无法显示在1屏幕上：我试过使用：android:scrollbars="vertical"android:scrollbarAlwaysDrawVerticalTrack="true"但滚动条甚至不显示？这是我使用的xml布局文件：android:orientation="vertical"android:layout_width=...
ANDROID GridView 分页平滑滑动 效果的实现（基于android TV遥控器操作）
废墟的树的专栏
08-21 6326
1.android 使用GridView 实现加载大量的数据显示。未显示出来的数据可以滑动屏幕让底部的数据显示出来，但是原生态的GridView 并没有很美观平滑的一个动画来滚动数据，因此，我们可以稍做修改就可以实现 类似VST全聚合里面 视频加载也那样的翻页动画效果了。 2.自定义GridView控件代码如下： /* * @Title: SmoothGridView.java * @
android listview scrollview
最新发布
05-18
在 Android 中，ListView 和 ScrollView 都是滚动视图。但是，如果你在 ScrollView 中放置一个 ListView，那么它们之间的滚动会相互冲突，导致滑动不流畅或者出现其他问题。 为了避免这种问题，你可以选择以下两种方法中的一种： 1. 将 ListView 嵌套在一个非滚动的布局中，例如 LinearLayout。这样就可以在 ScrollView 中嵌套 ListView，而不会出现滚动冲突的问题。 2. 使用 RecyclerView 替换 ListView。RecyclerView 是 Android 中推荐使用的列表控件，它可以更好地支持滚动和复用视图，也可以更好地与 ScrollView 配合使用。 无论哪种方法，都需要注意在使用 ListView 或 RecyclerView 时，尽可能的优化其性能，避免出现卡顿或者滑动不流畅的问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值