本文详细剖析了如何在Android中实现ListView的单个Item左右滑动功能，涉及核心类SweepActivity、SweepCallBack接口和关键类SweepItemView。SweepItemView实现了拖动动画和状态切换，通过监听手指移动来控制Item的滑动。文章提供了部分代码逻辑，并鼓励读者自行实践。还探讨了自定义ListView与自定义Item View的差异，以及处理滑动与长按、点击事件的关系。
思路篇里面，我们已经知道实现左右滑动功能的思路。
开宗明义，先上demo整体结构图。（零警告看着很舒服有木有O(∩_∩)O~）
三种状态的效果图（从左至右依次是初始状态，左滑状态，右滑状态）
先上主菜，3个java文件：
（1）SweepActivity：运用左右滑动功能的Activity。通过SweepCallBack接口与自定义的SweepItemView进行交互。
（2）SweepCallBack：一个回调接口。调用系统的电话短信功能，需要一个Context对象（往往是Activity）。因此，在自定义View里面检测到满足拨打电话或发送短信的条件时候，调用此接口，让SweepActivity打电话发短信。代码很简单，4行：
package com.harlan.sweep;
public interface SweepCallback{
void responseSweep(int sweepcode);
}（3）SweepItemView：最重要的一个类，在里面，实现了具体的拖动功能，包括滑动时候的动画等。
再来点副食品，2个layout文件：
（1）activity_rtconn_sweepitem.xml:拖动内容的布局，就是初始状态图的布局(一个imageview和一个textview)。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="100dp"
android:orientation="horizontal"
android:layout_gravity="center_vertical"
android:background="@android:color/transparent">
<ImageView
android:id="@+id/sweep_img_rtconn"
android:layout_width="80dp"
android:layout_height="80dp"
android:contentDescription="@string/app_name"
android:layout_marginLeft="5dp"
android:layout_gravity="center_vertical"
android:src="@drawable/img_call" />
<TextView
android:id="@+id/sweep_txt_telnum"
android:layout_width="wrap_content"
android:layout_height="100dp"
android:autoLink="phone"
android:layout_gravity="center_vertical"
android:gravity="center_vertical"
android:textSize="34sp"
android:text="@string/app_name" />
</LinearLayout>（2）activity_sweep:是SweepActivity用到的布局，里面是一个LinearLayout嵌套了一个FrameLayout。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical" >
<FrameLayout
android:id="@+id/mfrm"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/transparent">
</FrameLayout>
</LinearLayout >下面来看看Activity里面是怎么使用自定义布局的。还是老习惯，注释写在代码里面。
package com.harlan.sweep;
import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.LinearLayout;
import com.harlan.sweep.SweepItemView.ConstValue;
public class SweepActivity extends Activity {
//该Activity的contentView中的FrameLayout，自定义的布局及时添加到该Framelayout里面
FrameLayout sweepFM;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
final LinearLayout root = (LinearLayout) LayoutInflater.from(
SweepActivity.this).inflate(R.layout.activity_sweep, null);
setContentView(root);
sweepFM = (FrameLayout) root.findViewById(R.id.mfrm);
LayoutInflater lf = LayoutInflater.from(SweepActivity.this);
//加载的内容的View，即随着手指拖动的内容。此内容会作为SweepItemView的构造方法的参数之一，传入SweepItemView中
View tv = lf.inflate(R.layout.activity_rtconn_sweepitem, null);
/*SweepItemView的这个构造函数中，我使用DisplayMetrics获取了当前终端的屏幕宽度以及屏幕高度，第二个参数是个view，将
这个view加入到SweepItemView里面。sweepcall是Activity实现的回调函数。
*/
SweepItemView sw = new SweepItemView(SweepActivity.this, tv, sweepcall);
sweepFM.addView(sw);
}
SweepCallback sweepcall = new SweepCallback() {
@Override
public void responseSweep(int sweepcode) {
switch (sweepcode) {
case ConstValue.SWEEP_HIDE:
if (sweepFM.getChildCount() > 1) {
sweepFM.removeViewAt(0);
}
break;
case ConstValue.SWEEP_MAKECALL:
Intent callIt = new Intent(Intent.ACTION_CALL,
Uri.parse("tel:10010"));
SweepActivity.this.startActivity(callIt);
break;
case ConstValue.SWEEP_MAKEMSG:
Intent msgIt = new Intent(Intent.ACTION_SENDTO,
Uri.parse("smsto:10010"));
SweepActivity.this.startActivity(msgIt);
break;
default:
break;
}
}
};
}其中，ConstValue是写在SweepItemView里面的内部类，定义了3个状态码，顾名思义，就不多解释了。
class ConstValue{
public final static int SWEEP_HIDE = 0X300;
public final static int SWEEP_MAKECALL = 0X301;
public final static int SWEEP_MAKEMSG = 0X302;
}
好了，到了最重要的SweepItemView类。这个类我写了400行代码。
见微知著，先看看需要用到的全局变量：
//mainView的属性
FrameLayout.LayoutParams mainfr ;
//rootView就是该SweepItemView本身，是所有view的载体
private FrameLayout rootView = null;
//从左向右滑动出现的拨打电话的图层
private FrameLayout mCallFrame = null;
//从右向左滑动出现的发送短信的图层
private FrameLayout mMsgFrame = null;
//就是背景那两个颜色条的载体
private FrameLayout mainView = null;
//内容View，此View是构造SweepItemView时候作为参数传入的
private View mContentView = null;
//屏幕左端出现的拨号的提示图标
private ImageView callHintView = null;
//屏幕右端出现的短信的提示图标
private ImageView msgHintView = null;
//中间部分出现的提示字符
private TextView hintText = null;
//屏幕宽度
private int width;
//屏幕高度
private int height;
// 回退动画需要用到的参数
private int testX = 0;
// 橫滑竖滑的最大速度
private float sMaxVelX = 0;
private float sMaxVelY = 0;
//手指当前在X轴的坐标位置
private float mNowMotionX;
// 在X轴的初始坐标位置
private float sFirstMotionX;
// 手指抬起时候，在X轴的坐标位置
private float sLastMotionX;
//构造此view的内容，即Activity
private Context mContext;
//与内容（activity）的回调句柄
private SweepCallback sweepcall;
// 触摸时候的速率
private VelocityTracker mVelocityTracker = null;看到这些变量，为了实现该类，我所采用的具体的实践方法，相信大家都能猜出个十之八九吧。
即：
监听用户手指移动的距离，scroll指定的Framelayout实现拖动，同时展示相应的提示view。
在实现飞出动画这个方面，我使用了testX这一int值，通过累加textX，用Handler另开了一个线程，实现加速飞出。
同理，实现回退动画，也是使用该参数，实现减速归位。
至此，整个功能剖析完毕。
部分功能我没有贴代码，因为全部倾倒出来不利于学习。
解决问题的具体思路有了，大家尝试一下就能实现。
如果尝试遇到麻烦，可以下载我的demo，但不建议这么做，自己做出来的东西才更有意义。
当然，如果你有更好的解决思路，还希望告诉我下。
如果要实现自定义的listview来实现相关功能，要稍微复杂一些。
具体表现为：
要判断用户是左右滑动还是上下拖拉list的滑动。另外，还要注意左右滑动不能影响到listview的长按事件以及listitem的单击事件。
其实说简单也简单，无非是加几个参数进行判断。
当然，两种进行比较，我还是倾向于自定义listitem的view。
附上附件下载地址：三星TouchWiz之listview单个Item左右滑动的demo
扫一扫
2582
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
