（二）android下拉刷新的两种方式之设置topMargin

最新推荐文章于 2024-05-06 03:40:32 发布
最新推荐文章于 2024-05-06 03:40:32 发布
阅读量2.2k 收藏 2
点赞数
分类专栏： android 开源篇
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a11101171/article/details/24431947
版权

这种方法的原理就是Layout包含loadingLayout显示加载布局和Listview显示数据布局，通过onTouch监听下拉时间，然后设置这个Layout的顶距和loadingLayout的动画来达到刷新的效果。

布局文件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" >
    
    <RelativeLayout android:id="@+id/test_parent"
        android:layout_width="match_parent"
        android:layout_height="match_parent" 
        >
         // loadingLayout显示刷新的效果
        <LinearLayout
            android:id="@+id/test_top"
            android:layout_width="fill_parent"
            android:layout_height="50dip"
            android:background="#cc3366"
            android:layout_alignParentTop="true" 
            android:layout_alignParentLeft="true"
            android:orientation="horizontal">
            
              <ImageView
                android:id="@+id/test_image"
                android:layout_width="40dip"
                android:layout_height="40dip"
                android:layout_marginLeft="30dip"
                android:layout_marginTop="5dip"
                android:src="@drawable/indicator_arrow" />

            <TextView android:id="@+id/test_text"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="正在刷新......"
                android:layout_marginLeft="30dip"
                android:layout_marginTop="15dip" />

          

        </LinearLayout>// end
        // 显示ListView 数据
        <ListView android:id="@+id/test_listview"
            android:layout_below="@+id/test_top"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >
        </ListView>// end
        // 底部菜单 
        <RelativeLayout android:id="@+id/test_bottom"
            android:layout_width="fill_parent"
            android:layout_height="50dip"
            android:layout_alignParentBottom="true"
            android:background="#ccff99"
            android:visibility="gone" >

            <Button
                android:layout_width="fill_parent"
                android:layout_height="wrap_content" />
        </RelativeLayout>
    </RelativeLayout>

</LinearLayout>

下面是实现的一个activity类，当然也可以设置成自己的自定义类，以后用方便。

public class TestPullToRefreshActivity extends Activity implements OnScrollListener,OnTouchListener {
	private static final String TAG = "TestPullToRefreshActivity";
	private ListView listview;
	// loadingLayout 
	private LinearLayout  topLayout;
	// 底部菜单
	private RelativeLayout bottomLayout;
	// 整个layout
	private RelativeLayout parentLayout ; 
	private MarginLayoutParams parentLayoutParams;
	// 整个高度
	private int parentLayoutHeight;
	private int allViewheight;
	private boolean ableToPull = true;
	private int hideHeaderHeight;
	// 下拉状态
	private static final int status_pull_to_refresh = 0;
	// 释放立即刷新
	private static final int status_refresh_to_refresh = 1;
	// 正在刷新
	private static final int status_refreshing = 2;
	// 刷新完成
	private static final int status_refresh_finished= 3;
	// 当前状态
	private int currentStatus = status_refresh_finished;
	private static final int status_top_start = 1;
	private static final int status_top_stop = 0;
	private int topStatus = status_top_start;
	
	private ArrayAdapter<String> adapter;
	private List<String> data = new ArrayList<String>();
	

	private ImageView imageview;
	private TextView textview;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_test_listview);
		
		listview = (ListView)this.findViewById(R.id.test_listview);
		topLayout = (LinearLayout)this.findViewById(R.id.test_top);
		bottomLayout = (RelativeLayout)this.findViewById(R.id.test_bottom);
		parentLayout = (RelativeLayout)this.findViewById(R.id.test_parent);
		parentLayoutHeight = parentLayout.getHeight();
		parentLayoutParams = (MarginLayoutParams) parentLayout.getLayoutParams();
		ViewTreeObserver vto = topLayout.getViewTreeObserver(); 
		vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() { 
			private boolean hasMeasured = false;
			public boolean onPreDraw() { 
				if (!hasMeasured)
	            {
					 hideHeaderHeight = topLayout.getMeasuredHeight(); 
					 Log.i(TAG, "hideHeaderHeight-->"+hideHeaderHeight);
					 hasMeasured = true;
	            }
				return true; 
			} 
		});
		ViewTreeObserver vto2 = listview.getViewTreeObserver(); 
		vto2.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() { 
			private boolean hasMeasured = false;
			public boolean onPreDraw() { 
				if (!hasMeasured)
	            {
					 allViewheight = listview.getMeasuredHeight(); 
					 Log.i(TAG, "allViewheight-->"+allViewheight);
					 hasMeasured = true;
	            }
				return true; 
			} 
		});
		
		
		Log.i(TAG, "parentLayoutParams.height:"+parentLayoutParams.height);
		Log.i(TAG, "hideHeaderHeight:"+hideHeaderHeight);
		allViewheight = ViewConfiguration.get(TestPullToRefreshActivity.this).getScaledTouchSlop(); 
		data.add("A-1---");data.add("A-2---");data.add("A-3---");data.add("A-4---");data.add("A-5---");
		data.add("A----");data.add("A----");data.add("A----");data.add("A----");data.add("A----");
		data.add("A----");data.add("A----");data.add("A----");data.add("A----");
		adapter= new ArrayAdapter<String>(getApplicationContext(), android.R.layout.simple_list_item_1,data);
		listview.setAdapter(adapter);
		listview.setOnScrollListener(this);
		// listview.setOnTouchListener(this);
		
		imageview = (ImageView)this.findViewById(R.id.test_image);
		textview = (TextView)this.findViewById(R.id.test_text);
	}
	

	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
		//Log.i(TAG, "onScrollStateChanged()");
	}
	  
	private int concurrentVisiableItem = 0;
	
	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {
		Log.v(TAG, "Scroll>>>first: " + firstVisibleItem + ", visible: " + visibleItemCount + ", total: " + totalItemCount);  
		Log.v(TAG, "concurrentVisiableItem:"+concurrentVisiableItem);
		
		Log.w(TAG, "msg");
		if(visibleItemCount > 3){
			// 上滑
			if(concurrentVisiableItem > firstVisibleItem){
				if(bottomLayout.getVisibility()==View.VISIBLE)
	            	bottomLayout.setVisibility(View.GONE);
				concurrentVisiableItem = firstVisibleItem;
			}
			// 下滑
			if(concurrentVisiableItem < firstVisibleItem){
				if(bottomLayout.getVisibility()==View.GONE)
	         	     bottomLayout.setVisibility(View.VISIBLE);
	           	concurrentVisiableItem = firstVisibleItem;
			}
		}
		
//		  if(firstVisibleItem==0){  
//              Log.e(TAG, "滑到顶部");  
//          }  
//          if(visibleItemCount+firstVisibleItem==totalItemCount){  
//              Log.e(TAG, "滑到底部");  
//              if(bottomLayout.getVisibility()==View.GONE){
//            	  bottomLayout.setVisibility(View.VISIBLE);
//              }
//          } 
	}

	private float mY = 0;
	private float mX = 0;
	@Override
	public boolean onTouch(View v, MotionEvent event) {
		setIsAbleToPull(event);
		if(ableToPull){
			switch (event.getAction()) {
			case MotionEvent.ACTION_DOWN:Log.i(TAG, "ACTION_DOWN()---------");
				mY = event.getRawY();
				Log.i(TAG, "mY:"+mY);
				Log.i(TAG, "ACTION_DOWN()------------");
				break;
			case MotionEvent.ACTION_MOVE:Log.i(TAG, "ACTION_MOVE()-----------");
				float yMove = event.getRawY();
				int distance = (int) (yMove - mY);
				Log.i(TAG, "distance:"+distance);
				Log.i(TAG, "hideHeaderHeight:"+hideHeaderHeight);
				Log.i(TAG, " parentLayoutParams.topMargin:"+ parentLayoutParams.topMargin);
				if( distance>0 && parentLayoutParams.topMargin >= 0){
					return false;
				}
				if(distance < 0 && parentLayoutParams.topMargin <= hideHeaderHeight){
					Log.i(TAG, "超过了不移动");
					return false;
				} 
				// 不是正在刷新中就不做任何事情
				if(currentStatus != status_refreshing){
					currentStatus = status_pull_to_refresh;
					Log.i(TAG, "可以刷新了");
				}
				parentLayoutParams.topMargin = -hideHeaderHeight + (distance / 2) ;
				parentLayout.setLayoutParams(parentLayoutParams);

				Log.i(TAG, "ACTION_MOVE()-----------");
				break;
			case MotionEvent.ACTION_UP:Log.i(TAG, "ACTION_UP()--------------");
				if(currentStatus == status_pull_to_refresh){
					new TopAsyncTask().execute();
				}
				Log.i(TAG, "ACTION_UP()--------------");
				break;
			default:
				break;
			}
			// 时刻记得更新下拉头中的信息  
            if (currentStatus == status_pull_to_refresh  || currentStatus == status_refresh_to_refresh) {  
                updateHeaderView();  
                topStatus  = status_top_stop;
            }  
            // 当前正处于下拉或释放状态，要让ListView失去焦点，否则被点击的那一项会一直处于选中状态  
            listview.setPressed(false);  
            listview.setFocusable(false);  
            listview.setFocusableInTouchMode(false);  
            return true;  
		}
		return false;
	}
	
	public void updateHeaderView(){
	    if (topStatus == status_top_start) {  
            if (currentStatus == status_pull_to_refresh) {  
            	rotateArrow();
            } else if (currentStatus == status_refresh_to_refresh) {  
                 
            } else if (currentStatus == status_refresh_finished) {  
            	
            }  
//             refreshUpdatedAtValue();  
        }  
	}
	
	/** 
     * 根据当前的状态来旋转箭头。 
     */  
    private void rotateArrow() {  
        float pivotX = imageview.getWidth() / 2f;  
        float pivotY = imageview.getHeight() / 2f;  
        float fromDegrees = 0f;  
        float toDegrees = 0f;  
        if (currentStatus == status_pull_to_refresh) {  
            fromDegrees = 180f;  
            toDegrees = 360f;  
        } else if (currentStatus == status_refresh_to_refresh) {  
            fromDegrees = 0f;  
            toDegrees = 180f; 
        }  
        RotateAnimation animation = new RotateAnimation(fromDegrees, toDegrees, pivotX, pivotY);  
        animation.setDuration(800);  
        animation.setFillAfter(true);  
        imageview.startAnimation(animation);  
    }  
  
	
	
	  /** 
     * 根据当前ListView的滚动状态来设定 {@link #ableToPull} 
     * 的值，每次都需要在onTouch中第一个执行，这样可以判断出当前应该是滚动ListView，还是应该进行下拉。 
     *  
     * @param event 
     */  
    private void setIsAbleToPull(MotionEvent event) {  
        View firstChild = listview.getChildAt(0);  
        if (firstChild != null) {  
            int firstVisiblePos = listview.getFirstVisiblePosition();  
			// Log.i(TAG, "firstVisiblePos:" + firstVisiblePos);
			// Log.i(TAG, "firstChild.getTop():" + firstChild.getTop());
            if (firstVisiblePos == 0 && firstChild.getTop() == 0) {  
                if (!ableToPull) {  
                    mY = event.getRawY();  
                }  
                
                // 如果首个元素的上边缘，距离父布局值为0，就说明ListView滚动到了最顶部，此时应该允许下拉刷新  
                ableToPull = true;  
            } else {  
                if (parentLayoutParams.topMargin != hideHeaderHeight) {  
                    parentLayoutParams.topMargin = -hideHeaderHeight;  
                    parentLayout.setLayoutParams(parentLayoutParams);  
                }  
                ableToPull = false;  
            }  
        } else {  
            // 如果ListView中没有元素，也应该允许下拉刷新  
            ableToPull = true;  
        }  
    }  
    
    class TopAsyncTask extends AsyncTask<Void, Integer, String[]>{
    	
    	@Override
    	protected void onPreExecute() {
    		super.onPreExecute();
    		currentStatus = status_refreshing;
    	}
		@Override
		protected String[] doInBackground(Void... params) {
			Log.i(TAG, "doInBackground");
			int topMargin = parentLayoutParams.topMargin;  
            while (true) {  
                topMargin = topMargin + 1;  
                if (topMargin >= -hideHeaderHeight) {  
                    topMargin = -hideHeaderHeight;  
                    break;  
                }  
                publishProgress(topMargin);  
                sleep(10);  
            }  
            publishProgress(-hideHeaderHeight);
            Log.i(TAG, "doInBackground  end()");
			return null;
		}
    	@Override
    	protected void onPostExecute(String[] result) {
    		super.onPostExecute(result);
    		currentStatus = status_refresh_finished;
    		topStatus = status_top_start;
    	}
    	 @Override  
         protected void onProgressUpdate(Integer... topMargin) {  
    		 parentLayoutParams.topMargin = topMargin[0];  
             parentLayout.setLayoutParams(parentLayoutParams);
             data.add(0, "B--");data.add(1, "B--");data.add(2, "添加了两个B--");
             adapter.notifyDataSetChanged();
             
         }  
    	
    }
    private void sleep(int time) {  
        try {
            Thread.sleep(time);
        } catch (InterruptedException e) {  
            e.printStackTrace();  
        }  
    }

这种效果有个弊端：滑动不够流畅，所以使用动画才最可靠。

a11101171
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
margin实现下拉刷新
04-08
在移动应用开发中，下拉刷新是一种常见的交互设计，它允许用户通过在列表视图（ListView）或滚动视图（ScrollView）顶部向下拉动来获取最新的数据。本文将深入探讨如何利用`margin`属性来实现这样的功能，同时适用于...
android layout_margintop,layout_margintop
weixin_42105816的博客
05-27 5249
margin是外边距的意思 Top是上 合起来就是上面的外边距 20dp是距离动态设置 android:layout_marginTop 怎么设置？详细android margin-top为负数是啥意思Android 自定义控件开发，如何获取子控件的marginAndroid的自定义容器控件的开发中，如何获取子控件的margin的值呢 ，就如果是自定义的ViewGroup 需要重写以下方法，即可通...
android 动态设置margin
taoerchun的专栏
06-17 4694
代码中不能直接给控件设置margin属性，可以通过layoutParam来设置 这里是用ConstraintLayout布局 布局xml： <?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.and...
Android XML 布局基础（三）LayoutParams 布局参数
最新发布
2401_84814294的博客
05-06 1039
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
android 动态设置margin,Android 动态设置padding跟margin的问题
weixin_42320493的博客
05-25 2248
最近要做到动态设置padding跟margin，设置它们四个参数都是int类型。比如这里设置了10,，可是这个数又是代表什么意思呢？一直很好奇它们的单位问题，所以这就造成了，在不同手机上的适配问题。有些间距大了，有些小了，表示很困惑，下面就来分析一下问题。一、使用方式1、paddingview.setPadding(int left, int top, int right, int bottom)...
android自定义组件中如何让子代margin生效
我想月薪过万的博客
04-17 227
解决思路 你的 margin 是在xml文件中写的，我们想办法获取即可 获取的途径是重写generateLayoutParams(AttributeSet attrs) + getLayoutParams()方法 代码实现 重写generateLayoutParams 方法 @Override public LayoutParams generateLayoutParams(AttributeSet attrs) { return new MarginLayout..
Android技术知识点：什么是外边距（margin）
专注于深入研究多种编程语言，以实战为导向，逐步拓展开发技能，提升工程化编码和思维能力，展现无敌技术实力。
07-07 3262
Android技术知识点：什么是外边距（margin）
Android实现View滑动的6种方式
01-20
每种方法都有其适用场景，开发者应根据具体需求选择合适的方式。例如，如果需要创建复杂的动画效果，可能需要使用Property Animation；而简单的视图位置调整，`layout()`或`offset*()`方法就足够了。了解这些方法...
下拉刷新，刷新显示时间
04-02
下拉刷新，刷新显示时间 /** * 当ListView被触摸时调用，其中处理了各种下拉刷新的具体逻辑。 */ @Override public boolean onTouch(View v, MotionEvent event) { setIsAbleToPull(event); if ...
Android View的六种移动方式
04-03
本文将深入探讨“Android View的六种移动方式”，帮助开发者掌握如何动态地改变View的位置，实现各种动画效果和交互体验。 1. **offsetLeftAndRight(offsetX)**：这个方法用于水平方向上平移一个View。`offsetX`...
Android View移动的六种方法小结
01-20
这里总结了六种方法来实现View的移动，适用于不同的应用场景。 1. **layout()**： `layout()` 方法允许我们直接设置View的新位置。在`onTouchEvent()`的`ACTION_MOVE`事件中，计算出手指移动的距离，然后调用`...
基于Android MarginLeft与MarginStart的区别(详解)
08-28
下面小编就为大家分享一篇基于Android MarginLeft与MarginStart的区别(详解)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Android中ConstraintLayout的基础知识和创建动画(1)
m0_60607397的博客
03-15 845
光有这些思路和搞懂单个知识的应用是还远远不够的，在Android开源框架设计思想中的知识点还是比较多的，想要搞懂还得学会整理和规划：我们常见的**Android热修复框架、插件化框架、组件化框架、图片加载框架、网络访问框架、RxJava响应式编程框架、IOC依赖注入框架、最近架构组件Jetpack等等Android第三方开源框架，**这些都是属于Android开源框架设计思想的。如下图所示：这位阿里P8大佬针对以上知识点，熬夜整理出了一本长达1042页的完整版如何解读开源框架设计思想。
Android 设置Padding和Margin（动态/静态）
Android 领域开发程序员，希望通过写博客的方式不断的总结提升自己，大家共同进步哦！
05-17 1万+
一、什么是padding，什么是margin？ 在Android界面开发时，为了布局更加合理好看，很多时候会用上Padding和Margin， padding和margin是什么呢？即内边距和外边距； 某个View指定为padding是针对该View里面的子View距离该View距离而言的，或者是里面的内容距离容器的距离。 某个View指定为margin是针对该View本身距离别人或者父View而言的。 例如下图，输入框里面的文字内容，如果不设置内边距，那么就会紧挨左上角，这样看起来，就很不友好，
android在代码中设置margin属性
热门推荐
RELY_ON_YOURSELF的博客
01-23 1万+
一般常用的是在布局文件中设置margin属性，如：&amp;lt;RelativeLayout xmlns:android=&amp;quot;http://schemas.android.com/apk/res/android&amp;quot; xmlns:tools=&amp;quot;http://schemas.android.com/tools&amp;quot; android:layout_width=&amp;quot;m
Android在java代码中设置margin
weixin_33696822的博客
01-29 288
我们平常可以直接在xml里设置margin，如：&lt;ImageView android:layout_margin="5dip" android:src="@drawable/image" /&gt;但是有些情况下，需要在java代码里来写，可是View本身没有setMargin方法，怎么办呢？ 通过查阅android api，我们发现android.view.ViewGroup.Margin...
Android Scrollview 中第一个子 View 设置 margin-top 之后内容显示不全问题的原因解析
awy1988的专栏
12-06 1277
文章目录问题原因解析解决方案 问题 项目中设置了 ScrollView 包裹的子 View 的 layout_marginTop 属性，本来的目标是希望 ScrollView 中的第一个元素的能够距离其上边缘拉开一段距离，但是距离虽然拉开了，也出现了题目中描述的问题：ScrollView 滚动到页面的最下方后，最后一个条目显示不全了。 如图： 布局文件代码： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:andro
Android view.setX() view.setY() layoutParams.topMargin layoutParams.leftMargin
u013624014的博客
10-14 1170
onCreate中使用view.setX(380); view.setY(380);设置控件的位置，布局完成之后打印结果为: onCreate中使用layoutParams.topMargin = 380; layoutParams.leftMargin = 380;设置控件的位置，布局完成之后打印结果为: 测试代码如下 public class SecondActivity extends AppCompatActivity { @Override prote...
android绝对定位图片最上层,设置视图的绝对位置
weixin_31222401的博客
05-26 1496
您可以使用RelativeLayout。假设您希望在布局中的位置(50，60)有一个30x40的ImageView。在你活动的某个地方：// Some existing RelativeLayout from your layout xmlRelativeLayout rl = (RelativeLayout) findViewById(R.id.my_relative_layout);Image...
Android设置控件在某个顶部的距离
06-01
在Android中，设置控件距离某个顶部的距离可以使用布局参数LayoutParams中的topMargin属性，具体步骤如下： 1. 在XML布局文件中添加要设置距离顶部距离的控件，例如： ``` android:id="@+id/button" android:...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值