仿旅游App梦想旅行的一个Listview的自定义控件

新手>.<,大牛请多指点

效果：

                     

就是每个item中的背景图片会跟随ListView的滑动而滑动，接下来看一下具体的代码实现过程

先是自定义的Adapter

import com.example.dreamtravel2.R;

public class MyAdapter extends BaseAdapter {
int[] imageres;
Context context;
private Resources resources;

//手指滑动的方向
public boolean isUP = true;

public MyAdapter(int[] imageres, Context context) {
super();
this.imageres = imageres;
this.context = context;
resources = context.getResources();
}

@Override
public int getCount() {
return imageres.length;
}

@Override
public Object getItem(int position) {
return null;
}

@Override
public long getItemId(int position) {
return position;
}

@SuppressLint("NewApi") @Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder;
if (convertView == null) {
holder = new ViewHolder();
convertView = LayoutInflater.from(context).inflate(R.layout.listitem, parent, false);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}

holder.imageView = (ImageView) convertView.findViewById(R.id.iv);
holder.textView = (TextView) convertView.findViewById(R.id.tv);

holder.imageView.setImageDrawable(resources.getDrawable(imageres[position]));
holder.textView.setText("城市--" + position);

//应为用了ViewHolder会记录imageView的ScrollY值
//所以再次getView时先设置ScrollY值为0
holder.imageView.setScrollY(0);

// 判断是什么方向划出图片 提前滑动预定地点
//350是我设定的图片向上或向下最大的滑动距离
if (isUP)
holder.imageView.scrollBy(0, -350);
else
holder.imageView.scrollBy(0, 350);
return convertView;
}

public static class ViewHolder {
ImageView imageView;
TextView textView;

}

}

很简单，对大家来说应该没什么难度，重要的代码上都加了注释说明

isUP是记录手指滑动的方向，在Listview的滑动监听中回去实时的去给他设定具体的值

350...是我自己设定的，大家用的时候最好根据图片的大小，和item的高度去设定

应为用ViewHolder，所以在加载一个新的item时去吧imageView的ScrollY值归0

item的布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="240dp"
android:orientation="vertical" >

<ImageView
android:id="@+id/iv"
android:layout_width="wrap_content"
android:layout_height="240dp"
android:layout_centerHorizontal="true"
android:scaleType="center" />

<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="test"
android:textSize="20sp" />

<TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="city"
android:textColor="#f00"
android:textSize="50sp" />

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:orientation="horizontal" >

<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:text="test"
android:textColor="#f00"
android:textSize="20sp" />

<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:text="test"
android:textColor="#f00"
android:textSize="20sp" />

<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:text="test"
android:textColor="#f00"
android:textSize="20sp" />
</LinearLayout>

</RelativeLayout>

很简单，item的高度可以自己去调节哈~

ListView的代码

public class MyListView extends ListView implements AbsListView.OnScrollListener {

// 记录上一次滑动的距离
int proY = 0;

public MyListView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}

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

public MyListView(Context context) {
super(context);
init();
}

private void init() {
this.setOnScrollListener(this);
}

@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {

}

@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {

int scrollY = myGetScrollY();

if (scrollY - proY > 0) {
//手指向上滑
for (int i = 0; i < visibleItemCount; i++) {
View child = this.getChildAt(i);
ImageView imageView = (ImageView) child.findViewById(R.id.iv);
//350是我设定的图片向上或向下最大的滑动距离
if (imageView.getScrollY() + (scrollY - proY) < 350) {
//(scrollY - proY) / 2使滑动的速度不会太快。。
imageView.scrollBy(0, (scrollY - proY) / 2);
}
MyAdapter adapter = (MyAdapter) getAdapter();
adapter.isUP = true;
}
} else {
for (int i = 0; i < visibleItemCount; i++) {
View child = this.getChildAt(i);
ImageView imageView = (ImageView) child.findViewById(R.id.iv);
if (imageView.getScrollY() + (scrollY - proY) > -350) {
imageView.scrollBy(0, (scrollY - proY) / 2);
}
MyAdapter adapter = (MyAdapter) getAdapter();
adapter.isUP = false;
}
}
proY = scrollY;

}

/*
* 就相当于 listView 对第一个item 的绝对的滑动距离 在 滑动过程中一直 比较两次的 差值 就可以得到每次极小距离的滑动值 在
* OnScrollListener中 去监视 ，就可以在不同的滑动状态（手指滑动 ， 飞行滑动）去滑动你想要滑动的东西
* 也可以去检测Listview的滑动方向（通过判断两次差值的正负）
*/
public int myGetScrollY() {
View c = getChildAt(0);
if (c == null) {
return 0;
}
int firstVisiblePosition = getFirstVisiblePosition();
int top = c.getTop();
return -top + firstVisiblePosition * c.getHeight();
}

}

第一次把图片的滑动的逻辑写到了onTrackballEvent，导致了手指离开了屏幕，ListView处于SCROLL_STATE_FLING状态时，item中的图片不会跟着滑动。。

所以就写到了listview的滑动监听里了。。

获取listview滑动的值：

myGetScrollY()

是获取listview相对于listview顶部的绝对的滑动距离，随着手指向上滑，返回值是从0开始增大的正数。

但是这个距离会慢慢的增大，我们要的是极短时间内的滑动距离，所以要记录滑动前后的值相减就得到我们想要的值

其他的就没什么难的了

还可以改进，adapter的图片可以联网获取

这个控件用来展示景点，汽车，之类的还不错

在item中可以加好多东西如：好评，收藏，分享。。。

public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {

在这里面的for循环不会很长，我觉得listview列表长点应该没关系。。但是滑的快了或许会卡。。

第一篇博客。。请大家多多指点>.<

代码地址：http://download.csdn.net/detail/youxi52710/9323411