搜档网
搜档网
当前位置：搜档网 › Android中自定义ListView控件实现下拉刷新,简单实用效果好(原创)

Android中自定义ListView控件实现下拉刷新,简单实用效果好(原创)

Android中自定义ListView控件实现下拉刷新,简单实用效果好(原创)
Android中自定义ListView控件实现下拉刷新,简单实用效果好(原创)

花了一天时间写出了这个类来实现下拉刷新。

首先这是一个自定义的listView控件类，我在许多项目中都用到了它，效果很稳定。实现也很简单。用的时候其他功能都和系统提供的ListView一样，就只是多了一个下拉刷新监听。用这个类替代系统提供的ListView，下拉刷新再也不会烦恼了。\(^o^)/~

希望对大家有用。

我写的自定义ListView的代码：

import java.util.Date;

import android.content.Context;

import android.util.AttributeSet;

import android.util.Log;

import https://www.sodocs.net/doc/7d466665.html,youtInflater;

import android.view.MotionEvent;

import android.view.View;

import android.view.ViewGroup;

import android.view.animation.LinearInterpolator;

import android.view.animation.RotateAnimation;

import android.widget.AbsListView;

import android.widget.BaseAdapter;

import android.widget.ImageView;

import android.widget.LinearLayout;

import android.widget.ListView;

import android.widget.AbsListView.OnScrollListener;

import android.widget.ProgressBar;

import android.widget.TextView;

public class MyListView extends ListView implements OnScrollListener {

private static final String TAG = "listview";

private final static int RELEASE_To_REFRESH = 0;

private final static int PULL_To_REFRESH = 1;

private final static int REFRESHING = 2;

private final static int DONE = 3;

private final static int LOADING = 4;

// 实际的padding的距离与界面上偏移距离的比例

private final static int RATIO = 3;

private LayoutInflater inflater;

private LinearLayout headView;

private TextView tipsTextview;

private TextView lastUpdatedTextView;

private ImageView arrowImageView;

private ProgressBar progressBar;

private RotateAnimation animation;

private RotateAnimation reverseAnimation;

// 用于保证startY的值在一个完整的touch事件中只被记录一次

private boolean isRecored;

private int headContentWidth;

private int headContentHeight;

private int startY;

private int firstItemIndex;

private int state;

private boolean isBack;

private OnRefreshListener refreshListener;

private boolean isRefreshable;

public MyListView(Context context) {

super(context);

init(context);

}

public MyListView(Context context, AttributeSet attrs) { super(context, attrs);

init(context);

}

private void init(Context context) {

setCacheColorHint(context.getResources().getColor(R.color.tran sparent));

inflater = LayoutInflater.from(context);

headView= (LinearLayout) inflater.inflate(https://www.sodocs.net/doc/7d466665.html,yout.head, null);

arrowImageView = (ImageView) headView

.findViewById(R.id.head_arrowImageView);

arrowImageView.setMinimumWidth(70);

arrowImageView.setMinimumHeight(50);

progressBar = (ProgressBar) headView

.findViewById(R.id.head_progressBar);

tipsTextview = (TextView)

headView.findViewById(R.id.head_tipsTextView);

lastUpdatedTextView = (TextView) headView

.findViewById(R.id.head_lastUpdatedTextView);

measureView(headView);

headContentHeight = headView.getMeasuredHeight();

headContentWidth = headView.getMeasuredWidth();

headView.setPadding(0, -1 * headContentHeight, 0, 0);

headView.invalidate();

Log.v("size", "width:" + headContentWidth + " height:"

+ headContentHeight);

addHeaderView(headView, null, false);

setOnScrollListener(this);

animation = new RotateAnimation(0, -180,

RotateAnimation.RELATIVE_TO_SELF, 0.5f,

RotateAnimation.RELATIVE_TO_SELF, 0.5f);

animation.setInterpolator(new LinearInterpolator());

animation.setDuration(250);

animation.setFillAfter(true);

reverseAnimation = new RotateAnimation(-180, 0,

RotateAnimation.RELATIVE_TO_SELF, 0.5f,

RotateAnimation.RELATIVE_TO_SELF, 0.5f);

reverseAnimation.setInterpolator(new LinearInterpolator());

reverseAnimation.setDuration(200);

reverseAnimation.setFillAfter(true);

state = DONE;

isRefreshable = false;

}

public void onScroll(AbsListView arg0, int firstVisiableItem, int arg2,

int arg3) {

firstItemIndex = firstVisiableItem;

}

public void onScrollStateChanged(AbsListView arg0, int arg1) { }

public boolean onTouchEvent(MotionEvent event) {

if (isRefreshable) {

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN:

if (firstItemIndex == 0 && !isRecored) {

isRecored = true;

startY = (int) event.getY();

Log.v(TAG, "在down时候记录当前位置‘");

}

break;

case MotionEvent.ACTION_UP:

if (state != REFRESHING && state != LOADING) { if (state == DONE) {

// 什么都不做

}

if (state == PULL_To_REFRESH) {

state = DONE;

changeHeaderViewByState();

Log.v(TAG, "由下拉刷新状态，到done状态");

}

if (state == RELEASE_To_REFRESH) {

state = REFRESHING;

changeHeaderViewByState();

onRefresh();

Log.v(TAG, "由松开刷新状态，到done状态");

}

}

isRecored = false;

isBack = false;

break;

case MotionEvent.ACTION_MOVE:

int tempY = (int) event.getY();

if (!isRecored && firstItemIndex == 0) {

Log.v(TAG, "在move时候记录下位置");

isRecored = true;

startY = tempY;

}

if(state!= REFRESHING&& isRecored&& state!= LOADING) {

// 保证在设置padding的过程中，当前的位置一直是在head，否则如果当列表超出屏幕的话，当在上推的时候，列表会同时进行滚动

// 可以松手去刷新了

if (state == RELEASE_To_REFRESH) {

setSelection(0);

// 往上推了，推到了屏幕足够掩盖head的程度，但是还没有推到全部掩盖的地步

if(((tempY - startY) / RATIO< headContentHeight)

&& (tempY - startY) > 0) {

state = PULL_To_REFRESH;

changeHeaderViewByState();

Log.v(TAG, "由松开刷新状态转变到下拉刷新状态");

}

// 一下子推到顶了

else if (tempY - startY <= 0) {

state = DONE;

changeHeaderViewByState();

Log.v(TAG, "由松开刷新状态转变到done状态");

}

// 往下拉了，或者还没有上推到屏幕顶部掩盖head的地步

else {

// 不用进行特别的操作，只用更新paddingTop的值就行了

}

}

// 还没有到达显示松开刷新的时候,DONE或者是PULL_To_REFRESH状态

if (state == PULL_To_REFRESH) {

setSelection(0);

// 下拉到可以进入RELEASE_TO_REFRESH的状态

if((tempY - startY) / RATIO>= headContentHeight) {

state = RELEASE_To_REFRESH;

isBack = true;

changeHeaderViewByState();

Log.v(TAG, "由done或者下拉刷新状态转变到松开刷新");

}

// 上推到顶了

else if (tempY - startY <= 0) {

state = DONE;

changeHeaderViewByState();

Log.v(TAG, "由DOne或者下拉刷新状态转变到done状态");

}

}

// done状态下

if (state == DONE) {

if (tempY - startY > 0) {

state = PULL_To_REFRESH;

changeHeaderViewByState();

}

}

// 更新headView的size

if (state == PULL_To_REFRESH) {

headView.setPadding(0, -1 * headContentHeight

+ (tempY - startY) / RATIO, 0, 0);

}

// 更新headView的paddingTop

if (state == RELEASE_To_REFRESH) {

headView.setPadding(0, (tempY - startY) / RATIO

- headContentHeight, 0, 0);

}

}

break;

}

}

return super.onTouchEvent(event);

}

// 当状态改变时候，调用该方法，以更新界面

private void changeHeaderViewByState() {

switch (state) {

case RELEASE_To_REFRESH:

arrowImageView.setVisibility(View.VISIBLE);

progressBar.setVisibility(View.GONE);

tipsTextview.setVisibility(View.VISIBLE);

lastUpdatedTextView.setVisibility(View.VISIBLE);

arrowImageView.clearAnimation();

arrowImageView.startAnimation(animation);

tipsTextview.setText("松开刷新");

Log.v(TAG, "当前状态，松开刷新");

break;

case PULL_To_REFRESH:

progressBar.setVisibility(View.GONE);

tipsTextview.setVisibility(View.VISIBLE);

lastUpdatedTextView.setVisibility(View.VISIBLE);

arrowImageView.clearAnimation();

arrowImageView.setVisibility(View.VISIBLE);

// 是由RELEASE_To_REFRESH状态转变来的

if (isBack) {

isBack = false;

arrowImageView.clearAnimation();

arrowImageView.startAnimation(reverseAnimation);

tipsTextview.setText("下拉刷新");

} else {

tipsTextview.setText("下拉刷新");

}

Log.v(TAG, "当前状态，下拉刷新");

break;

case REFRESHING:

headView.setPadding(0, 0, 0, 0);

progressBar.setVisibility(View.VISIBLE);

arrowImageView.clearAnimation();

arrowImageView.setVisibility(View.GONE);

tipsTextview.setText("正在刷新...");

lastUpdatedTextView.setVisibility(View.VISIBLE);

Log.v(TAG, "当前状态,正在刷新...");

break;

case DONE:

headView.setPadding(0, -1 * headContentHeight, 0, 0);

progressBar.setVisibility(View.GONE);

arrowImageView.clearAnimation();

arrowImageView.setImageResource(R.drawable.arrow);

tipsTextview.setText("下拉刷新");

lastUpdatedTextView.setVisibility(View.VISIBLE);

Log.v(TAG, "当前状态，done");

break;

}

}

public void setonRefreshListener(OnRefreshListener refreshListener) {

this.refreshListener = refreshListener;

isRefreshable = true;

}

public interface OnRefreshListener {

public void onRefresh();

}

public void onRefreshComplete() {

state = DONE;

lastUpdatedTextView.setText("最近更新:"+ new Date().toLocaleString());

changeHeaderViewByState();

}

private void onRefresh() {

if (refreshListener != null) {

refreshListener.onRefresh();

}

}

// 此方法直接照搬自网络上的一个下拉刷新的demo，此处是“估计”headView的

width以及height

private void measureView(View child) {

https://www.sodocs.net/doc/7d466665.html,youtParams p = child.getLayoutParams();

if (p == null) {

p = new https://www.sodocs.net/doc/7d466665.html,youtParams(https://www.sodocs.net/doc/7d466665.html,youtParams.FILL_PARENT,

https://www.sodocs.net/doc/7d466665.html,youtParams.WRAP_CONTENT);

}

int childWidthSpec = ViewGroup.getChildMeasureSpec(0, 0 + 0, p.width);

int lpHeight = p.height;

int childHeightSpec;

if (lpHeight > 0) {

childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight,

MeasureSpec.EXACTLY);

} else {

childHeightSpec = MeasureSpec.makeMeasureSpec(0,

MeasureSpec.UNSPECIFIED);

}

child.measure(childWidthSpec, childHeightSpec);

}

public void setAdapter(BaseAdapter adapter) {

lastUpdatedTextView.setText("最近更新:"+ new Date().toLocaleString());

super.setAdapter(adapter);

}

}

这个类到此结束了，你可以在项目中建一个类把此类拷贝进去，作为你自定义的listView 使用就可以了。我是把此类命名为MyListView.

下面就是在布局文件中使用这个自定义的ListView了。上代码：

xmlns:android="https://www.sodocs.net/doc/7d466665.html,/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:background="@drawable/inner_bg"

>

android:layout_alignParentTop="true"

layout="@layout/layout_topbar_personalletter"/>

android:layout_below="@+id/topbar"

android:id="@+id/list_View"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:background="@null"android:divider="#00acacac"

android:listSelector="@drawable/scholarnews_listitem_color"

android:dividerHeight="1dp"

android:cacheColorHint="#00000000"/>

android:layout_width="fill_parent"

layout="@layout/collection_detailcontent"/>

android:layout_width="fill_parent"

layout="@layout/layout_reply" />

android:layout_width="fill_parent"

layout="@layout/layout_webload"/>

其中的com.ecache.android.iask.MyListView控件就是引用我自定义的这个ListView作为布局的。包名+类名。

在Activity类中拿到这个listView后，就要设置对他进行下拉刷新监听，方法很简单。

// 下拉后松开刷新时就会调用这个方法

mListView.setonRefreshListener(new

MyListView.OnRefreshListener() {

@Override

public void onRefresh() {

//里面执行你要实现的操作

}

});

等你把想要加载的数据加载完成后只需要调用一个方法告诉这个ListView你刷新完成就行了。就是下面这个方法:

mListView.onRefreshComplete();

到此所有的工作都做完了，希望这个对你有帮助。

谢谢！

android 自定义圆角头像以及使用declare-styleable进行配置属性解析

android 自定义圆角头像以及使用declare-styleable进行配置属性解析由于最新项目中正在检查UI是否与效果图匹配，结果关于联系人模块给的默认图片是四角稍带弧度的圆角，而我们截取的图片是正方形的，现在要给应用统一替换。应用中既用到大圆角头像（即整个头像是圆的）又用到四角稍带弧度的圆角头像，封装一下以便重用。以下直接见代码 [java] view plain copy 在CODE上查看代码片派生到我的代码片 package com.test.demo; import com.test.demo.R; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.BitmapShader; import android.graphics.Canvas; import android.graphics.Matrix; import android.graphics.Paint; import android.graphics.RectF; import android.graphics.Shader.TileMode; import android.graphics.drawable.BitmapDrawable; import android.graphics.drawable.Drawable; import android.os.Bundle; import android.os.Parcelable; import android.util.AttributeSet; import android.util.Log; import android.util.TypedValue; import android.widget.ImageView; /** * 圆角imageview */ public class RoundImageView extends ImageView { private static final String TAG = "RoundImageView"; /** * 图片的类型，圆形or圆角 */ private int type; public static final int TYPE_CIRCLE = 0; public static final int TYPE_ROUND = 1; /** * 圆角大小的默认值

android studio 控件常用属性

android studio 控件常用属性 下面是RelativeLayout各个属性 1.android:layout_above="@id/xxx" --将控件置于给定ID控件之上 2.android:layout_below="@id/xxx" --将控件置于给定ID控件之下 3. android:layout_toLeftOf="@id/xxx" --将控件的右边缘和给定ID控件的左边缘对齐 4.android:layout_toRightOf="@id/xxx" --将控件的左边缘和给定ID控件的右边缘对齐 5. android:layout_alignLeft="@id/xxx" --将控件的左边缘和给定ID控件的左边缘对齐 6.android:layout_alignTop="@id/xxx" --将控件的上边缘和给定ID控件的上边缘对齐 7.android:layout_alignRight="@id/xxx" --将控件的右边缘和给定ID控件的右边缘对齐 8.android:layout_alignBottom="@id/xxx" --将控件的底边缘和给定ID控件的底边缘对齐 9.android:layout_alignParentLeft="true" --将控件的左边缘和父控件的左边缘对齐 10. android:layout_alignParentTop="true" --将控件的上边缘和父控件的上边缘对齐 11. android:layout_alignParentRight="true" --将控件的右边缘和父控件的右边缘对齐 12.android:layout_alignParentBottom="true" --将控件的底边缘和父控件的底边缘对齐 13.android:layout_centerInParent="true" --将控件置于父控件的中心位置 14.android:layout_centerHorizontal="true" --将控件置于水平方向的中心位置 15.android:layout_centerVertical="true" --将控件置于垂直方向的中心位置 android:layout_width 设置组件的宽度 android:layout_height 设置组件的高度 android:id 给组件定义一个id值，供后期使用 android:background 设置组件的背景颜色或背景图片 android:text 设置组件的显示文字 android:textColor 设置组件的显示文字的颜色 android:layout_below 组件在参考组件的下面 android:alignTop 同指定组件的顶平行

Android平台我的日记设计文档

Android平台我的日记 设计文档 项目名称：mydiray 项目结构示意： 阶段任务名称（一）布局的设计 开始时间: 结束时间: 设计者: 梁凌旭 一、本次任务完成的功能 1、各控件的显示 二、最终功能及效果 三、涉及知识点介绍 四、代码设计 activity_main.xml:

android:layout_centerHorizontal="true" android:layout_marginTop="88dp" android:text="@string/wo" android:textSize="35sp"/>

相关文档

最新文档

© 2013-2022 www.sodocs.net  站点地图 | 侵权投诉

闽ICP备11023808号-8  本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈