开源RefreshListView下拉刷新效果
生活随笔
收集整理的這篇文章主要介紹了
开源RefreshListView下拉刷新效果
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1、AnimationDrawable
| java.lang.Object | |||
| ???? | android.graphics.drawable.Drawable | ||
| ? | ???? | android.graphics.drawable.DrawableContainer | |
| ? | ? | ???? | android.graphics.drawable.AnimationDrawable |
An object used to create frame-by-frame animations, defined by a series of Drawable objects, which can be used as a View object's background.
An AnimationDrawable defined in XML consists of a single <animation-list> element, and a series of nested <item> tags. Each item defines a frame of the animation. See the example below.?
<!-- Animation frames are wheel0.png -- wheel5.png files inside theres/drawable/ folder --><animation-list android:id="@+id/selected" android:oneshot="false"><item android:drawable="@drawable/wheel0" android:duration="50" /><item android:drawable="@drawable/wheel1" android:duration="50" /><item android:drawable="@drawable/wheel2" android:duration="50" /><item android:drawable="@drawable/wheel3" android:duration="50" /><item android:drawable="@drawable/wheel4" android:duration="50" /><item android:drawable="@drawable/wheel5" android:duration="50" /></animation-list>
Here is the code to load and play this animation.
// Load the ImageView that will host the animation and// set its background to our AnimationDrawable XML resource.ImageView img = (ImageView)findViewById(R.id.spinning_wheel_image);img.setBackgroundResource(R.drawable.spin_animation);// Get the background, which has been compiled to an AnimationDrawable object.AnimationDrawable frameAnimation = (AnimationDrawable) img.getBackground();// Start the animation (looped playback by default).frameAnimation.start();
https://github.com/FlyRecker/FlyMukeRefreshListView GitHub開源項目:仿慕課下拉刷新
RefreshListView.java?
package com.example.openrefreshlistview;import android.annotation.SuppressLint; import android.content.Context; import android.graphics.drawable.AnimationDrawable; import android.util.AttributeSet; import android.util.Log; import android.view.LayoutInflater; import android.view.MotionEvent; import android.view.View; import android.view.ViewGroup; import android.widget.AbsListView; import android.widget.ImageView; import android.widget.ListView; import android.widget.TextView;/*** Created by recker on 16/5/13.*/ public class RefreshListView extends ListView implements AbsListView.OnScrollListener {private final int NONE = 0;//正常狀態private final int PULL = 1;//提示下拉刷新狀態private final int RELESE = 2;//提示釋放狀態private final int REFLASHING = 3;//正在刷新狀態private final int RATIO = 3;//比值private View headerView;//頂部刷新視圖private int headerViewHeight;//頂部布局文件的高度private int firstVisibleItem;//當前第一個可見的item的位置private boolean isEnd;//是否結束刷新private boolean isRefreable;//是否可以刷新private boolean isRemark;//標記,當前是在ListView是否是在第一個private float startY;private float offsetY;private int state;//當前的狀態private TextView tip;private ImageView img;private AnimationDrawable drawableAnim;public RefreshListView(Context context) {super(context);init(context);}public RefreshListView(Context context, AttributeSet attrs) {super(context, attrs);init(context);}public RefreshListView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);init(context);}@SuppressLint("NewApi")private void init(Context context) {headerView = LayoutInflater.from(context).inflate(R.layout.header_layout, null);/*void android.widget.ListView.addHeaderView(View v) Add a fixed view to appear at the top of the list. */addHeaderView(headerView);measureView(headerView);headerViewHeight = headerView.getMeasuredHeight();topPadding(-headerViewHeight);//添加動畫tip = (TextView) headerView.findViewById(R.id.tip);img = (ImageView) headerView.findViewById(R.id.img);img.setBackgroundResource(R.drawable.c);drawableAnim = (AnimationDrawable) img.getBackground();//關閉view的OverScrollsetOverScrollMode(OVER_SCROLL_NEVER);setOnScrollListener(this);state = NONE;isEnd = true;isRefreable = false;}/*** 通知父布局,占用的寬,高* @param view*/private void measureView(View view) {ViewGroup.LayoutParams p = view.getLayoutParams();if (p == null) {p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.WRAP_CONTENT);}int width = ViewGroup.getChildMeasureSpec(0, 0, p.width);int height;int tempHeight = p.height;if (tempHeight > 0) {height = MeasureSpec.makeMeasureSpec(tempHeight, MeasureSpec.EXACTLY);} else {height = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);}view.measure(width, height);}private void topPadding(int topPadding) {headerView.setPadding(headerView.getPaddingLeft(), topPadding,headerView.getPaddingRight(), headerView.getPaddingBottom());headerView.invalidate();}@Overridepublic void onScrollStateChanged(AbsListView absListView, int scrollState) {}@Overridepublic void onScroll(AbsListView absListView, int firstVisibleItem,int visibleItemCount, int totalItemCount) {this.firstVisibleItem = firstVisibleItem;}@Overridepublic boolean onTouchEvent(MotionEvent ev) {if (isEnd) {//如果現在時結束的狀態,即刷新完畢了,可以再次刷新了,在refreshComplete中設置if (isRefreable) {//如果現在是可刷新狀態 在setOnRefreshListener中設置為trueswitch (ev.getAction()) {case MotionEvent.ACTION_DOWN:if (firstVisibleItem == 0 && !isRemark) {isRemark = true;startY = ev.getY();}break;case MotionEvent.ACTION_MOVE:onMove(ev);break;case MotionEvent.ACTION_UP:if (state == RELESE) {state = REFLASHING;//加載最新數據refreshViewByState();onRefreshListener.onRefresh();} else if (state == PULL) {state = NONE;refreshViewByState();setSelection(0);}isRemark = false;break;}}}return super.onTouchEvent(ev);}/*** 判斷移動過程操作* @param ev*/private void onMove(MotionEvent ev) {//再次得到y坐標,用來和startY相減來計算offsetY位移值float tempY = ev.getY();//再起判斷一下是否為listview頂部并且沒有記錄y坐標if (firstVisibleItem == 0 && !isRemark) {isRemark = true;startY = tempY;}if (state != REFLASHING && isRemark) {//計算y的偏移量offsetY = tempY - startY;//計算當前滑動的高度float currentHeight = (-headerViewHeight+offsetY/3);//如果當前的狀態是釋放刷新,并且已經記錄y坐標if (state == RELESE && isRemark) {setSelection(0);//如果當前滑動的距離小于headerView的總高度if (-headerViewHeight+offsetY/RATIO<0) {//狀態改為下拉刷新state = PULL;refreshViewByState();} else if (offsetY <= 0) {//如果當前y的位移值小于0,即為headerView隱藏了//狀態改為正常狀態state = NONE;refreshViewByState();}}//如果當前狀態為下拉刷新并且已經記錄y坐標if (state == PULL && isRemark) {setSelection(0);//如果下拉距離大于等于headerView的總高度if (-headerViewHeight+offsetY/RATIO>=0) {//狀態改為釋放刷新state = RELESE;refreshViewByState();} else if (offsetY <= 0) {//如果當前y的位移值小于0,即為headerView隱藏了//狀態改為正常狀態state = NONE;refreshViewByState();}}//如果當前狀態為正常并且已經記錄y坐標if (state == NONE && isRemark) {//如果位移值大于0if (offsetY>=0) {//將狀態改為釋放刷新狀態state = PULL;refreshViewByState();}}//如果為下拉刷新狀態if (state == PULL) {topPadding((int)(-headerViewHeight+offsetY/RATIO));}//如果為釋放刷新狀態if (state == RELESE) {topPadding((int)(-headerViewHeight+offsetY/RATIO));}}}/*** 根據當前狀態,改變界面顯示*/private void refreshViewByState() {switch (state) {case NONE:topPadding(-headerViewHeight);drawableAnim.stop();break;case PULL:drawableAnim.stop();tip.setText("下拉刷新");break;case RELESE:drawableAnim.stop();tip.setText("釋放刷新");break;case REFLASHING:drawableAnim.start();tip.setText("正在刷新");break;}}/*** 獲取完數據*/public void refreshComplete() {isEnd = true;state = NONE;refreshViewByState();}private OnRefreshListener onRefreshListener;public void setOnRefreshListener(OnRefreshListener listener) {this.onRefreshListener = listener;isRefreable = true;}public interface OnRefreshListener {void onRefresh();}private void debug(String str) {Log.d(RefreshListView.class.getSimpleName(), str);} }
header_layout.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="wrap_content"android:orientation="vertical"android:background="@android:color/white"><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="horizontal"android:layout_gravity="center_horizontal"android:paddingBottom="20dp"android:paddingTop="12dp"><ImageViewandroid:id="@+id/img"android:layout_width="40dp"android:layout_height="40dp"android:background="@drawable/head_image_0"android:layout_marginRight="5dp"/><TextViewandroid:id="@+id/tip"android:layout_width="wrap_content"android:layout_height="wrap_content"android:singleLine="true"android:text="下拉刷新"android:textSize="12sp"android:layout_marginTop="5dp"android:layout_marginLeft="5dp"android:layout_gravity="center_vertical"/></LinearLayout></LinearLayout>
activity_main.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"><com.example.openrefreshlistview.RefreshListViewandroid:id="@+id/listview"android:layout_width="match_parent"android:layout_height="match_parent"android:scrollbars="none"/> </RelativeLayout>
MainActivity.java package com.example.openrefreshlistview;import android.os.Handler; //import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.support.v7.app.ActionBarActivity; import android.widget.ArrayAdapter;import java.util.ArrayList; import java.util.Arrays; import java.util.List;public class MainActivity extends ActionBarActivityimplements RefreshListView.OnRefreshListener {private RefreshListView mListView;private List<String> mDatas;private ArrayAdapter<String> mAdapter;private final static int REFRESH_COMPLETE = 0;private Handler mHandler = new Handler(){public void handleMessage(android.os.Message msg) {switch (msg.what) {case REFRESH_COMPLETE:mListView.refreshComplete();mAdapter.notifyDataSetChanged();break;default:break;}};};@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mListView = (RefreshListView) findViewById(R.id.listview);String[] data = new String[]{"a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s"};mDatas = new ArrayList<String>(Arrays.asList(data));/*Open Declaration android.widget.ArrayAdapter.ArrayAdapter<String>(Context context, int textViewResourceId, List<String> objects)*/mAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1,mDatas);mListView.setAdapter(mAdapter);mListView.setOnRefreshListener(this);}@Overridepublic void onRefresh() {new Thread(new Runnable() {@Overridepublic void run() {try {Thread.sleep(3000);mDatas.add(0, "new data");mHandler.sendEmptyMessage(REFRESH_COMPLETE);} catch (InterruptedException e) {e.printStackTrace();}}}).start();}}
總結
以上是生活随笔為你收集整理的开源RefreshListView下拉刷新效果的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: linux录屏软件本地安装包(linux
- 下一篇: View的三大流程之View的测量