Anroid自定义控件/继承自ViewGroup的刷新控件——LinearLayout

最新推荐文章于 2023-05-11 17:43:04 发布
原创 最新推荐文章于 2023-05-11 17:43:04 发布 · 2.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细解析了如何使用通用的ViewGroup组件替代单个View来实现下拉刷新功能，包括下拉过程的三个状态、触摸事件处理、关键方法onInterceptTouchEvent和onTouchEvent的使用，以及具体的代码实现细节。

选择ViewGroup而不是单个View的理由就是通用性

下拉过程分为3个状态

1.下拉，未满足释放刷新的高度，显示“下拉刷新”



2.下拉，满足释放刷新的高度，显示“释放刷新”



3.释放，显示“刷新”



接着我们Touch事件 有

1. 按下

2.按下移动

3.松开

<<刷新控件Demo下载地址>>

接着必须要知道的方法onInterceptTouchEvent，用于在OnTouchEvent之前截取一次事件

public boolean onInterceptTouchEvent(MotionEvent event)
return false;//表示未消费此事件，将事件传递下一层View
return true;//表示消费了此事件，将不再下传

用于主要的逻辑处理

public boolean onTouchEvent(MotionEvent event)

通过判断HeaderView的TopMargin来判断是否满足释放刷新条件


Code：

public class RefreshView extends LinearLayout{

	private Scroller scroller;
	private LinearLayout refreshView;
	private ImageView refreshIndicatorView;
	private int refreshTargetTop = -60;
	private ProgressBar bar;
	private TextView downTextView;
	private TextView timeTextView;
	private LinearLayout refereshLinearLayout;
	private RefreshListener refreshListener;
	private String downTextString;
	private String releaseTextString;
	private Long refreshTime = null;
	private int lastX;
	private int lastY;
	private boolean isDragging = false;// 拉动标记
	private boolean isRefreshEnabled = true;// 是否可刷新标记
	private boolean isRefreshing = false;// 在刷新中标记
	private Context mContext;
	
	public RefreshView(Context context) {
		// TODO Auto-generated constructor stub
		this(context, null);
	}

	public RefreshView(Context context,AttributeSet attrs) {
		super(context,attrs);
		// TODO Auto-generated constructor stub
		mContext = context;
		init();
	}
	
	private void init(){
		scroller = new Scroller(mContext);
		refreshView =(LinearLayout)View.inflate(mContext, R.layout.refresh_top_item, null);
		// 拉动时候的视图
		refreshIndicatorView = (ImageView)refreshView.findViewById(R.id.indicator);
		downTextView = (TextView)refreshView.findViewById(R.id.refresh_hint);
		// 刷新时候的视图
		refereshLinearLayout = (LinearLayout)refreshView
					.findViewById(R.id.referesh_linearlayout);
		bar = (ProgressBar)refreshView.findViewById(R.id.progress);
		timeTextView =(TextView)refreshView.findViewById(R.id.refresh_time);
		
		LayoutParams lp = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT
					, -refreshTargetTop);
		lp.topMargin = refreshTargetTop;
		lp.gravity = Gravity.CENTER;
		addView(refreshView,lp);
		downTextString = mContext.getResources()
					.getString(R.string.refresh_down_text);
		releaseTextString = mContext.getResources()
					.getString(R.string.refresh_release_text);
	}


	
	// 首次截取   事件
	@Override
	public boolean onInterceptTouchEvent(MotionEvent event) {
		// TODO Auto-generated method stub
		
		int y = (int) event.getY();
		switch (event.getAction()) {
		case MotionEvent.ACTION_DOWN:
			lastY = y;
			break;
		case MotionEvent.ACTION_MOVE:
			int m = y - lastY;
			lastY = y;
			if(canScroll(m)){
				return true;
			}
			break;
		}
		return false;
	}
	
	
	
	
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		// TODO Auto-generated method stub
		
		
		if(isRefreshing)	return false;
		int y = (int) event.getY();
		switch(event.getAction()){
		
		case MotionEvent.ACTION_DOWN:
			lastY = y;
			break;
		case MotionEvent.ACTION_MOVE:
			int m = y - lastY;
			doMovement(m);
			lastY = y;
			break;
		case MotionEvent.ACTION_UP:
			fling();
			break;
		}
		
		
		
		
		return true;
	}

	private void fling(){
		if(isRefreshing)	return;
		LinearLayout.LayoutParams lp = (LayoutParams)refreshView
			.getLayoutParams();
		if(lp.topMargin > 0){
			refresh();
		}else{
			returnInitState();
		}
	}
	
	private void returnInitState() {
		// TODO Auto-generated method stub
		LinearLayout.LayoutParams lp = (LayoutParams)refreshView
				.getLayoutParams();
		int i = lp.topMargin;
		scroller.startScroll(0, i, 0, refreshTargetTop - i);// 回滚到初始状态
		invalidate();
	}

	private void refresh() {
		// TODO Auto-generated method stub
		LinearLayout.LayoutParams lp = (LayoutParams)refreshView
			.getLayoutParams();
		int i = lp.topMargin;
		refreshIndicatorView.setVisibility(View.GONE);
		downTextView.setVisibility(View.GONE);
		refereshLinearLayout.setVisibility(View.VISIBLE);
		
		// 回滚到第一格位置
		scroller.startScroll(0, i, 0, -i);
		invalidate();
		
		if(refreshListener != null){
			refreshListener.onRefresh(this);
			isRefreshing = true;
		}
		
	}
	
	public void finishRefresh() {
		LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) this.refreshView
				.getLayoutParams();
		int i = lp.topMargin;
		
		scroller.startScroll(0, i, 0, refreshTargetTop);
		invalidate();
		// refreshIndicatorView.setVisibility(View.VISIBLE);
		// timeTextView.setVisibility(View.VISIBLE);
		isRefreshing = false;
		setRefreshDate(Calendar.getInstance().getTime());
	}
	
	@Override
	public void computeScroll() {
		// TODO Auto-generated method stub
		//super.computeScroll();
		if(scroller.computeScrollOffset()){
			int i = this.scroller.getCurrY();
			LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) this.refreshView
					.getLayoutParams();
			lp.topMargin = i;
			refreshView.setLayoutParams(lp);
			refreshView.invalidate();
			invalidate();
		}
	}
	
	

	private void doMovement(int moveY){
		
		LinearLayout.LayoutParams lp = (LayoutParams)refreshView.getLayoutParams();
		
		lp.topMargin = (int)(lp.topMargin + moveY * 0.3);// 修改上边距
		refreshView.setLayoutParams(lp);
		refreshView.invalidate();
		invalidate();		
		
		if(refreshTime != null)	setRefreshTime(refreshTime);
		
		downTextView.setVisibility(View.VISIBLE);
		refreshIndicatorView.setVisibility(View.VISIBLE);
		
		if(lp.topMargin > 0){
			downTextView.setText(mContext.getResources().getString(R.string.refresh_release_text));
			refreshIndicatorView.setImageResource(R.drawable.refresh_arrow_up);
		}else{
			downTextView.setText(mContext.getResources().getString(R.string.refresh_down_text));
			refreshIndicatorView.setImageResource(R.drawable.refresh_arrow_down);
		}
	}
	
	private void setRefreshTime(Long time){
		refreshTime = time;
	}
	
	public void setRefreshEnabled(boolean b) {
		this.isRefreshEnabled = b;
	}
	
	public void setRefreshListener(RefreshListener listener) {
		this.refreshListener = listener;
	}
	
	private void setRefreshDate(Date date) {
		SimpleDateFormat format = new SimpleDateFormat("MM-dd hh:mm");
		timeTextView.setText("更新与：" + format.format(date));
	}
	
	private boolean canScroll(int moveY){
		View childView;
		if(moveY < 0){
			return false;
		}
		if(getChildCount() > 1){
			childView = this.getChildAt(1);
			if(childView instanceof ListView){
				if(((ListView) childView).getFirstVisiblePosition() == 0)
					return true;
				else	
					return false;
			}else if (childView instanceof ScrollView){
				if(((ScrollView)childView).getScrollY() == 0)
					return true;
				else
					return false;
			}else if(childView instanceof GridView){
				if(((GridView) childView).getFirstVisiblePosition() == 0)
					return true;
				else
					return false;
			}
		}
		return true;
	}
	
	public interface RefreshListener {
		public void onRefresh(RefreshView view);
	}
	
}

refresh_top_item.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:background="#EEEEEEEE"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/indicator"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <TextView
            android:id="@+id/refresh_hint"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/referesh_linearlayout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="horizontal" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <ProgressBar
            android:id="@+id/progress"
            style="?android:attr/progressBarStyleSmall"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            />

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="正在获取数据..." />

            <TextView
                android:id="@+id/refresh_time"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="更新与:" />
        </LinearLayout>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1" />
    </LinearLayout>

</LinearLayout>

Adapter

import java.util.List;

import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

public class MyListAdapter extends BaseAdapter	{
	List<String> list;
	
	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return list.size();
	}

	@Override
	public Object getItem(int position) {
		// TODO Auto-generated method stub
		return list.get(list.size()-position-1);
	}

	@Override
	public long getItemId(int position) {
		// TODO Auto-generated method stub
		return list.size()-position-1;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		
		TextView textview = new TextView(parent.getContext());
		textview.setText(list.get(list.size()-position-1));
		
		return textview;
	}

	public List<String> getList() {
		return list;
	}

	public void setList(List<String> list) {
		this.list = list;
	}
}

Activity 

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.AsyncTask;
import android.os.Bundle;
import android.widget.ListView;

import com.ishow.chenjq.RefreshView;
import com.ishow.chenjq.RefreshView.RefreshListener;;

public class MainActivity extends Activity {
	private RefreshView refreshableLinearLayout;
	private ListView listView;
	private MyListAdapter adapter;
	private List<String> list;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		preinitUI();
		initUI();
	}

	private void preinitUI() {
		adapter = new MyListAdapter();
		list = new ArrayList<String>();
		addLists(10);
		adapter.setList(list);
	}

	private void initUI() {
		setContentView(R.layout.referesh_view);
		refreshableLinearLayout = (RefreshView) findViewById(R.id.refresh_root);
		refreshableLinearLayout.setRefreshListener(listener);
		
		listView = (ListView) findViewById(R.id.listview);
		listView.setAdapter(adapter);
	}
	
	RefreshListener listener = new RefreshListener() {
		@Override
		public void onRefresh(RefreshView view) {
			referesh();
		}
	};


	protected void referesh() {
		new AsyncTask<Void, Void, Void>() {
			protected Void doInBackground(Void... params) {
				try {
					Thread.sleep(2000);
				} catch (Exception e) {
					e.printStackTrace();
				}
				return null;
			}

			@Override
			protected void onPostExecute(Void result) {
				addLists(1);
				refreshableLinearLayout.finishRefresh();
			}

		}.execute();
	}
	
	
    private void addLists(int n){
		
   	 n += list.size();
   	 for(int i=list.size();i<n;i++){
	        list.add("选项"+i);
	     }
   }
}

Activity布局 

<?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" >

    <com.ishow.chenjq.RefreshView
        android:id="@+id/refresh_root"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

        <ListView
            android:id="@+id/listview"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:paddingTop="100px"
            android:paddingBottom="80px"
            android:paddingRight="90px"
            android:paddingLeft="10px"
            android:cacheColorHint="@android:color/transparent"
            android:descendantFocusability="blocksDescendants"
            android:divider="#FFCC00"
            android:dividerHeight="0dip" />
    </com.ishow.chenjq.RefreshView>

</LinearLayout>




Android自定义控件(十一)——自定义ViewGroup实现LinearLayout
李元静
12-02 2万+
本文目录ViewGroup的绘制流程onMeasure()函数与MeasureSpec模式分类如何使用模式onLayout()函数自定义ViewGroup实现LinearLayout ViewGroup的绘制流程 要自定以ViewGroup，我们首先需要了解ViewGroup的绘制流程，其实View与ViewGroup绘制基本相同，只是在ViewGroup中，不仅仅要绘制自己，还要绘制其中的子控件...
【Android View】自定义ViewGroup——继承自ViewGroup的水平翻页视图HorizontalView的实现
qq_45254908的博客
11-29 1677
自定义ViewGroup可按父类分为三类，分别为继承自ViewGroup、继承自系统特定的ViewGroup（如LinearLayout）和继承自View。 其中第二种最为简单，第三种最为复杂，让我们先把目光放在第一种难度适中的情况。 目标 仿照 ViewPager 完成一个水平翻页视图，支持左右滑动切换不同的页面。 开始 继承ViewGroup 首先，我们先创建一个HorizontalView类，并实现其抽象方法。 public class HorinzontalView extends ViewGrou
Android View刷新机制
www.v5qq.com的技术博客
03-02 335
在Android的布局体系中，父View负责刷新、布局显示子View；而当子View需要刷新时，则是通知父View来完成。这种处理逻辑在View的代码中明确的表现出来： void invalidate(boolean invalidateCache) { final AttachInfo ai = mAttachInfo; final Vie...
Android控件PullRefreshViewGroup实现下拉刷新和上拉加载
01-04
本文实例为大家分享了Android实现下拉刷新和上拉加载更多的具体代码，供大家参考，具体内容如下 先分享下源码：Android实现下拉刷新和上拉加载更多 实现思路：由PullRefreshViewGroup控件来接管标准控件(比如RecyclerView、ListView等)的滑动，调用标准控件的内部方法进行短距离滑动，不再由标准控件自己来处理事件，而完全由PullRefreshViewGroup控件来处理触摸事件。标准控件内部的滑动距离等属性，通过反射获得computeVerticalScrollExtent、computeVerticalScrollRange、computeVertica
一个自定义刷新view，继承LinearLayout
laomei
12-22 1226
最近在写一个查看优快云博客的APP，前几天想着刷新这个效果能否自己实现一下，不多说了先看一下效果:  效果还可以吧，当然刷新显示的view是需要你自己添加的，还是很灵活的。因为继承LieanrLayout，所以可以使用ListView、RecyclerView。   我的github链接: https://github.com/sweat123/DesignRefreshLinearLayout
android pulldown view,Android控件PullRefreshViewGroup实现下拉刷新和上拉加载
weixin_29860267的博客
05-27 243
本文实例为大家分享了Android实现下拉刷新和上拉加载更多的具体代码，供大家参考，具体内容如下先分享下源码：Android实现下拉刷新和上拉加载更多实现思路：由PullRefreshViewGroup控件来接管标准控件(比如RecyclerView、ListView等)的滑动，调用标准控件的内部方法进行短距离滑动，不再由标准控件自己来处理事件，而完全由PullRefreshViewGroup控件...
Android自定义控件深入：继承ViewGroup创建自定义容器
"Android自定义控件的进阶教程，主要关注如何通过继承ViewGroup来创建新的布局容器。" 在Android开发中，自定义控件能够极大地提升应用的用户体验和界面设计的灵活性。本节我们将深入探讨如何基于ViewGroup来创建...
精选资源
实例讲解Android自定义控件
01-05
小编在此之前给大家介绍过关于Android自定义控件的用法等，需要的可以参考下： Android开发之自定义控件用法详解 详解Android自定义控件属性 可以看到QQ上的ToolBar其实就是一个自定义的view，可以看到不同的界面...
Android自定义控件之自定义组合控件（三）
01-20
通过继承ViewGroup，我们可以自定义一个TitleBar类，并在其中重写`onMeasure()`和`onLayout()`方法，以处理子视图的测量和布局。同时，我们可以为TitleBar添加自定义属性，如背景颜色、按钮图标等，通过`attrs.xml`...
Android View刷新机制实例分析
01-04
本文实例讲述了Android View刷新机制。分享给大家供大家参考，具体如下： 一、总体说明 在Android的布局体系中，父View负责刷新、布局显示子View；而当子View需要刷新时，则是通知父View来完成。 二、代码分析 1).ViewGroup的addView方法，理解参数的意义和传递 invalidate调用父类View的方法 addViewInner方法主要做的事情是 view的dispatchAttachedToWindow(AttachInfo info, int visibility)方法 1).View的invalidate方法，这是一个从下第向上回溯的过程，每一层的
Android View 的刷新机制
ljz2009y的专栏
07-11 3509
今天学习android VIEW的刷新机制，之前一直以为是调用VIEW的刷新就自己调用刷新函数。今天学习了一下view的刷新机制，还是表示学习到很多的知识啊。 感想就是自己要多阅读android的源代码，其实很多的消息传递等等的机制，都是通过阅读android的源代码得到的，所以有事没事就去看源代码玩吧~ 好了，来到正题，关键的一句话就是： 在Android的
Android自定义下拉刷新
jwzhangjie的专栏
12-16 4070
网上的下拉刷新功能很多，不过基本上都是隐藏header的，而项目里面需要只隐藏部分的header，类似QQ好友动态的效果，修改了一些现有的，最后有很多问题，所以就自己自定义了一个，逻辑也很简单，首先就是重写ListView,然后覆写onTouchEvent，然后根据手的触摸位置计算差值，然后移动header.下面是效果图：   主要的部分就是下拉刷新组件，代码如下，里面我都要注释：
自定义ViewGroup实现进度动态更新效果
zhuhf的专栏
05-19 1903
自定义ViewGroup实现进度动态更新效果
视图组件ViewGroup:
bangmian3968的博客
03-03 155
　　View(UI类)的容器,负责对添加进ViewGroup的这些View进行布局; 　　ViewGroup中也可以加入另一个ViewGroup里面. 转载于:https://www.cnblogs.com/aWay01/p/5239225.html...
Androd自定义控件（四）自定义类继承viewgroup
PleaseCallMeCoder
04-05 3191
自定义类集成ViewGroup。
自定义View
璐璐的专栏
05-11 743
目录引言1 自定义属性2 onDraw 绘制View3 onMeasure 测量 View 的大小并确定它们的宽度和高度4 完整代码5 绘制流程6 总结
自定义View(二)--继承自ViewGroup
weixin_30696427的博客
09-05 151
　　自定义View包括很多种，上一次随笔中的那一种是完全继承自View，这次写的这个小Demo是继承自ViewGroup的，主要是将自定义View继承自ViewGroup的这个流程来梳理一下，这次的Demo中自定义了一个布局的效果，并且这个自定义布局中包含布局自己的属性，布局中的控件也包含只属于这个布局才具有的自定义属性(类似于layout_weight只存在于LinearLayout中，只有Li...
Android DataBinding数据变化时自动更新界面
吃饭不玩手机的博客
03-26 1312
吐槽：不得不说，这方面的资料好少，官网介绍也是一句话概述，而且国内网上大多都是乱复制的，根本就达不到修改ViewMode自动更新界面的效果，于是特意记录以下，希望后来的童鞋们可以快速通关。至于后面的by lazy{}是kotlin提供的一个延迟加载机制，这直接创建对象也行，不需要太多关注。这里注意，变量类型必须是ObservableField，然后*才是具体的类型，创建ViewMode类。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值