ListView
1、长按、点击冲突 ----> 长按事件(setOnItemLongClickListener)返回true
2、 android:divider="@null" //取消分割线
android:overScrollMode="never" //取消顶部和底部的蓝色背景
android:listSelector="#ff0000" //设置listview选中的颜色样式
android:scrollbars="none" //隐藏滚动条
listView.setVerticalScrollBarEnabled(false);//代码隐藏滚动条
3、item按下弹起的背景色
android:listSelector="@drawable/itemstyle"
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- 按下的背景色 -->
<item android:state_pressed="true" android:drawable="@drawable/color_yellow" />
<!-- 弹起的背景色 -->
<item android:drawable="@drawable/color_green" />
</selector>
4、刷新加载
//listview
package com.wqdl.chr.ui.view.common;
import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.AbsListView;
import android.widget.ListView;
public class Listview extends ListView{
private float mLastY = -1;
private ListviewHeader mHeaderView;
private ListviewListener mListviewListener;
private int mTotalItemCount;
public boolean isLoad = false; //设置加载状态
public Listview(Context context) {
super(context);
initWithContext(context);
}
public Listview(Context context, AttributeSet attrs) {
super(context, attrs);
initWithContext(context);
}
public Listview(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
initWithContext(context);
}
private void initWithContext(Context context) {
mHeaderView = new ListviewHeader(context);
addHeaderView(mHeaderView);
this.setOnScrollListener(new OnScrollListener(){
public void onScroll(AbsListView view, int firstVisibleItem,
int visibleItemCount, int totalItemCount) {
mTotalItemCount = totalItemCount;
}
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {}
});
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
if (mLastY == -1) {
mLastY = ev.getRawY();
}
if(isLoad){
return super.onTouchEvent(ev);
}else{
if(getLastVisiblePosition() >= mTotalItemCount-3){
if(mListviewListener!=null)
mListviewListener.onLoadMore();
}
}
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
mLastY = ev.getRawY();
break;
case MotionEvent.ACTION_MOVE:
float deltaY = ev.getRawY() - mLastY;
mLastY = ev.getRawY();
if(mHeaderView.mState == mHeaderView.STATE_REFRESHING){
break;
}
if (getFirstVisiblePosition() == 0&& (mHeaderView.getVisiableHeight() >= 0)) {
mHeaderView.setVisiableHeight((int)deltaY/2+ mHeaderView.getVisiableHeight());
if(mHeaderView.getVisiableHeight()>0){
setSelection(0);
}
if((int)deltaY/2+ mHeaderView.getVisiableHeight()<mHeaderView.REFRESHNUM){
mHeaderView.setState(mHeaderView.STATE_NORMAL);
}else if((int)deltaY/2+ mHeaderView.getVisiableHeight()>=mHeaderView.REFRESHNUM){
mHeaderView.setState(mHeaderView.STATE_READY);
}
}
break;
case MotionEvent.ACTION_UP:
if(mHeaderView.mState == mHeaderView.STATE_REFRESHING){
break;
}
if(mHeaderView.mState == mHeaderView.STATE_READY){
mHeaderView.setState(mHeaderView.STATE_REFRESHING);
if(mListviewListener != null)
mListviewListener.onRefresh();
}else{
mHeaderView.setState(mHeaderView.STATE_NORMAL);
mHeaderView.setVisiableHeight(0);
}
break;
}
return super.onTouchEvent(ev);
}
public interface ListviewListener{
public void onRefresh() ;
public void onLoadMore() ;
}
public void setListviewListener(ListviewListener mListviewListener){
this.mListviewListener = mListviewListener;
}
public void loadOver(){
mHeaderView.setState(mHeaderView.STATE_NORMAL);
mHeaderView.setVisiableHeight(0);
isLoad = false;
}
}
//headerview
package com.wqdl.chr.ui.view.common;
import android.content.Context;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.RotateAnimation;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ProgressBar;
import android.widget.TextView;
import com.wqdl.chr.R;
public class ListviewHeader extends LinearLayout {
private LinearLayout mContainer;
private ImageView mArrowImageView;
private ProgressBar mProgressBar;
private TextView mHintTextView;
public int mState = STATE_NORMAL;
private Animation mRotateUpAnim;
private Animation mRotateDownAnim;
private final int ROTATE_ANIM_DURATION = 180;
public final static int STATE_NORMAL = 0;
public final static int STATE_READY = 1;
public final static int STATE_REFRESHING = 2;
public final static int REFRESHNUM = 120;
public ListviewHeader(Context context) {
super(context);
initView(context);
}
public ListviewHeader(Context context, AttributeSet attrs) {
super(context, attrs);
initView(context);
}
private void initView(Context context) {
LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(
LayoutParams.MATCH_PARENT, 0);
mContainer = (LinearLayout) LayoutInflater.from(context).inflate(
R.layout.listviewheader, null);
addView(mContainer, lp);
setGravity(Gravity.BOTTOM);
mArrowImageView = (ImageView)findViewById(R.id.xlistview_header_arrow);
mHintTextView = (TextView)findViewById(R.id.xlistview_header_hint_textview);
mProgressBar = (ProgressBar)findViewById(R.id.xlistview_header_progressbar);
mRotateUpAnim = new RotateAnimation(0.0f, -180.0f,
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
0.5f);
mRotateUpAnim.setDuration(ROTATE_ANIM_DURATION);
mRotateUpAnim.setFillAfter(true);
mRotateDownAnim = new RotateAnimation(-180.0f, 0.0f,
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
0.5f);
mRotateDownAnim.setDuration(ROTATE_ANIM_DURATION);
mRotateDownAnim.setFillAfter(true);
}
public void setState(int state) {
if (state == mState) return ;
if (state == STATE_REFRESHING) {
mArrowImageView.clearAnimation();
mArrowImageView.setVisibility(View.INVISIBLE);
mProgressBar.setVisibility(View.VISIBLE);
} else {
mArrowImageView.setVisibility(View.VISIBLE);
mProgressBar.setVisibility(View.INVISIBLE);
}
switch(state){
case STATE_NORMAL:
if (mState == STATE_READY) {
mArrowImageView.startAnimation(mRotateDownAnim);
}
if (mState == STATE_REFRESHING) {
mArrowImageView.clearAnimation();
}
mHintTextView.setText("下拉刷新");
break;
case STATE_READY:
if (mState != STATE_READY) {
mArrowImageView.clearAnimation();
mArrowImageView.startAnimation(mRotateUpAnim);
mHintTextView.setText("松手刷新");
}
break;
case STATE_REFRESHING:
mHintTextView.setText("加载中...");
break;
default:
}
mState = state;
}
public void setVisiableHeight(int height) {
if (height < 0)height = 0;
if (height > REFRESHNUM*2) height = REFRESHNUM*2;
LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) mContainer
.getLayoutParams();
lp.height = height;
mContainer.setLayoutParams(lp);
}
public int getVisiableHeight() {
return mContainer.getHeight();
}
public void hide() {
mContainer.setVisibility(View.GONE);
}
public void show() {
mContainer.setVisibility(View.VISIBLE);
}
}
//headerview layout
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#ffffff"
android:gravity="bottom" >
<RelativeLayout
android:id="@+id/xlistview_header_content"
android:layout_width="fill_parent"
android:layout_height="60dp" >
<LinearLayout
android:id="@+id/xlistview_header_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:gravity="center"
android:orientation="vertical" >
<TextView
android:id="@+id/xlistview_header_hint_textview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="下拉刷新"
android:textColor="#333333"
android:textSize="18sp" />
</LinearLayout>
<ProgressBar
android:id="@+id/xlistview_header_progressbar"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_centerVertical="true"
android:layout_marginLeft="-40dp"
android:layout_toLeftOf="@+id/xlistview_header_text"
android:visibility="invisible" />
<ImageView
android:id="@+id/xlistview_header_arrow"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_toLeftOf="@+id/xlistview_header_text"
android:src="@drawable/ic_lv_refurbish" />
</RelativeLayout>
</LinearLayout>
5、刷新加载没数据时显示暂无数据的样式
MyListview.java
package com.example.liuhlistview;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.RotateAnimation;
import android.widget.AbsListView;
import android.widget.BaseAdapter;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;
public class MyListview extends FrameLayout{
private ImageView mArrowImageView;
private ProgressBar mProgressBar;
private TextView mHintTextView;
private Animation mRotateUpAnim;
private Animation mRotateDownAnim;
private final int ROTATE_ANIM_DURATION = 180;
private final static int HEADER_HIDE_HIGHT = 1; //headerview 隐藏时的高度
private final static int HEADER_MAX_HIGHT = 100; //headerview 最大的显示高度
private final static int HEADER_CHANGE_HIGHT = 70; //headerview 改变状态的高度
private final static int STATE_PULL = 0; //下拉刷新
private final static int STATE_LEAVE = 1; //松手刷新
private final static int STATE_REFRESH = 2; //刷新中
private int STATE= STATE_PULL; //当前headerview状态
private int adapterCount = 0; //数据总数
private boolean isLoad = false; //当前状态是否正在加载
private int downY; //手指按下记录y的坐标用于监听listview 滑动
private Context context;
private ListView listView;
private LinearLayout lyHeader;
private OnRefreshLoadMoreListener onRefreshLoadMoreListener;
private LinearLayout lyNoData; //没有数据显示的样式
public MyListview(Context context, AttributeSet attrs, int defStyleAttr,
int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
init(context);
}
public MyListview(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context);
}
public MyListview(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}
public MyListview(Context context) {
super(context);
init(context);
}
private void init(Context context){
this.context = context;
listView = new ListView(context);
LayoutParams lp = new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT);
listView.setLayoutParams(lp);
listView.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View arg0, MotionEvent ev) {
if (isLoad) {
return false;
}
if (listView.getFirstVisiblePosition()-1 >=0 ) {
if (listView.getLastVisiblePosition() >= adapterCount - 3) {
isLoad = true;
onRefreshLoadMoreListener.onLoadMore();
}
return false;
}
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
downY = (int)ev.getRawY();
break;
case MotionEvent.ACTION_MOVE:
if(lyHeader.getHeight()>1){
listView.setSelection(0);
}
setHeaderLayoutHeight((int)ev.getRawY() - downY);
downY = (int)ev.getRawY();
break;
case MotionEvent.ACTION_UP:
switch (STATE) {
case STATE_PULL:
setHeaderLayoutHeight(-HEADER_CHANGE_HIGHT*2);
break;
case STATE_LEAVE:
setHeaderLayoutHeight(HEADER_MAX_HIGHT);
setHeaderLayoutState(STATE_REFRESH);
break;
}
break;
}
return false;
}
});
this.addView(listView);
setHeaderLayout();
}
private void setHeaderLayoutHeight(int height){
AbsListView.LayoutParams lpheader1 = (AbsListView.LayoutParams)lyHeader.getLayoutParams();
lpheader1.height = lpheader1.height +height/2;
lyHeader.setLayoutParams(lpheader1);
AbsListView.LayoutParams lpheader = (AbsListView.LayoutParams)lyHeader.getLayoutParams();
if (lpheader.height<HEADER_HIDE_HIGHT ) {
lpheader.height = HEADER_HIDE_HIGHT;
}
if ( lpheader.height>HEADER_MAX_HIGHT) {
lpheader.height = HEADER_MAX_HIGHT;
}
if (lpheader.height <= HEADER_CHANGE_HIGHT ) {
setHeaderLayoutState(STATE_PULL);
}
if (lpheader.height > HEADER_CHANGE_HIGHT) {
setHeaderLayoutState(STATE_LEAVE);
}
}
private void setHeaderLayoutState(int state){
if (state == STATE) return ;
if (state == STATE_REFRESH) {
mArrowImageView.clearAnimation();
mArrowImageView.setVisibility(View.INVISIBLE);
mProgressBar.setVisibility(View.VISIBLE);
} else {
mArrowImageView.setVisibility(View.VISIBLE);
mProgressBar.setVisibility(View.INVISIBLE);
}
switch(state){
case STATE_PULL:
if (STATE == STATE_LEAVE) {
mArrowImageView.startAnimation(mRotateDownAnim);
}
if (STATE == STATE_REFRESH) {
mArrowImageView.clearAnimation();
}
mHintTextView.setText("下拉刷新");
break;
case STATE_LEAVE:
if (STATE != STATE_LEAVE) {
mArrowImageView.clearAnimation();
mArrowImageView.startAnimation(mRotateUpAnim);
mHintTextView.setText("松手刷新");
}
break;
case STATE_REFRESH:
mHintTextView.setText("加载中...");
isLoad = true;
onRefreshLoadMoreListener.onRefresh();
break;
}
STATE = state;
}
public void setNoDataLayout(int layoutid){
lyNoData = (LinearLayout) LayoutInflater.from(context).inflate(layoutid, null);
this.addView(lyNoData);
}
/**
* 设置数据源
* @param adapter
*/
public void setAdapter(BaseAdapter adapter){
listView.setAdapter(adapter);
adapterCount = adapter.getCount();
setStyle();
}
/**
* listview数据刷新
* @param adapter
*/
public void updataAdapter(BaseAdapter adapter){
adapter.notifyDataSetChanged();
adapterCount = adapter.getCount();
setStyle();
}
/**
* 设置listview显示没有数据的显示样式
*/
private void setStyle(){
if (adapterCount<1) {
lyNoData.setVisibility(View.VISIBLE);
}else {
lyNoData.setVisibility(View.GONE);
}
}
/**
* 数据加载完毕
*/
public void loadOver(){
setHeaderLayoutState(STATE_PULL);
setHeaderLayoutHeight(-HEADER_MAX_HIGHT*2);
isLoad = false;
}
/**
* 设置listview headerview的布局、动画
*/
private void setHeaderLayout(){
lyHeader = (LinearLayout) LayoutInflater.from(context).inflate(R.layout.listviewheader, null);
mArrowImageView = (ImageView)lyHeader.findViewById(R.id.xlistview_header_arrow);
mHintTextView = (TextView)lyHeader.findViewById(R.id.xlistview_header_hint_textview);
mProgressBar = (ProgressBar)lyHeader.findViewById(R.id.xlistview_header_progressbar);
mRotateUpAnim = new RotateAnimation(0.0f, -180.0f,
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
0.5f);
mRotateUpAnim.setDuration(ROTATE_ANIM_DURATION);
mRotateUpAnim.setFillAfter(true);
mRotateDownAnim = new RotateAnimation(-180.0f, 0.0f,
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
0.5f);
mRotateDownAnim.setDuration(ROTATE_ANIM_DURATION);
mRotateDownAnim.setFillAfter(true);
AbsListView.LayoutParams lpheader = new AbsListView.LayoutParams(AbsListView.LayoutParams.MATCH_PARENT, HEADER_HIDE_HIGHT);
lyHeader.setLayoutParams(lpheader);
listView.addHeaderView(lyHeader);
}
/**
* 设置刷新加载监听
* @param onRefreshLoadMoreListener
*/
public void setOnRefreshLoadMore(OnRefreshLoadMoreListener onRefreshLoadMoreListener){
this.onRefreshLoadMoreListener = onRefreshLoadMoreListener;
}
/**
* 刷新加载回调
* @author liuhan
*/
public interface OnRefreshLoadMoreListener{
public void onRefresh();
public void onLoadMore();
}
}
MainActiivty.java
package com.example.liuhlistview;
import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import com.example.liuhlistview.MyListview.OnRefreshLoadMoreListener;
public class MainActivity extends Activity implements OnRefreshLoadMoreListener{
private Listview listvewListview;
private ArrayAdapter<String> adapter ;
private List<String> listdata = new ArrayList<String>();
private MyListview listviewmy;
private Button btn1,btn2,btn3;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
listvewListview = (Listview)findViewById(R.id.listview);
btn1 = (Button)findViewById(R.id.button1);
btn2 = (Button)findViewById(R.id.button2);
btn3 = (Button)findViewById(R.id.button3);
btn1.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
listviewmy.loadOver();
}
});
btn2.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
for (int i = 0; i < 30; i++) {
listdata.add(""+i);
}
listviewmy.updataAdapter(adapter);
}
});
btn3.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
listdata.clear();
listviewmy.updataAdapter(adapter);
}
});
for (int i = 0; i < 30; i++) {
listdata.add(""+i);
}
adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1,listdata);
listvewListview.setAdapter(adapter);
listviewmy = (MyListview)findViewById(R.id.mylistview);
listviewmy.setNoDataLayout(R.layout.lynodata);
listviewmy.setAdapter(adapter);
listviewmy.setOnRefreshLoadMore(this);
}
@Override
public void onRefresh() {
Log.e("main", "刷新刷新");
}
@Override
public void onLoadMore() {
Log.e("main", "加载更多");
}
}
listviewheader.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#ffffff"
android:gravity="bottom" >
<RelativeLayout
android:id="@+id/xlistview_header_content"
android:layout_width="fill_parent"
android:layout_height="60dp" >
<LinearLayout
android:id="@+id/xlistview_header_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:gravity="center"
android:orientation="vertical" >
<TextView
android:id="@+id/xlistview_header_hint_textview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="下拉刷新"
android:textColor="#333333"
android:textSize="18sp" />
</LinearLayout>
<ProgressBar
android:id="@+id/xlistview_header_progressbar"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_centerVertical="true"
android:layout_marginLeft="-40dp"
android:layout_toLeftOf="@+id/xlistview_header_text"
android:visibility="invisible" />
<ImageView
android:id="@+id/xlistview_header_arrow"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_toLeftOf="@+id/xlistview_header_text"
android:src="@drawable/ic_launcher" />
</RelativeLayout>
</LinearLayout>
lynodata.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:gravity="center"
android:orientation="vertical" >
<ImageView
android:id="@+id/imageView1"
android:layout_width="200dp"
android:layout_height="200dp"
android:src="@drawable/ic_launcher" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#ff0000"
android:textSize="22sp"
android:text="暂无数据" />
</LinearLayout>
浙公网安备 33010602011771号