Android 模仿QQ侧滑删除ListView功能示例
2017-03-08 17:25
711 查看
需求：
1、listView可以侧滑item，展示删除按钮，点击删除按钮，删除当前的item
2、在删除按钮展示时，点击隐藏删除按钮，不响应item的点击事件
3、在删除按钮隐藏时，点击item响应点击事件
根据以上需求在网络上查找响应的例子，也有仿QQ侧滑代码，但不能满足2和3的要求，因此修改了一把，代码如下，共大家拍砖
第一步：重写ListView
public class SwipeListView extends ListView {
private final static String TAG = "SwipeListView";
private int mScreenWidth; // 屏幕宽度
private int mDownX; // 按下点的x值
private int mDownY; // 按下点的y值
private int mDeleteBtnWidth;// 删除按钮的宽度
private boolean isDeleteShown = false; // 删除按钮是否正在显示
private boolean isOnClick = false;
private ViewGroup mPointChild; // 当前处理的item
private LinearLayout.LayoutParams mLayoutParams; // 当前处理的item的LayoutParams
public SwipeListView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public SwipeListView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
// 获取屏幕宽度
WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
DisplayMetrics dm = new DisplayMetrics();
wm.getDefaultDisplay().getMetrics(dm);
mScreenWidth = dm.widthPixels;
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
performActionDown(ev);
break;
case MotionEvent.ACTION_MOVE:
return performActionMove(ev);
case MotionEvent.ACTION_UP:
return performActionUp(ev);
// break;
}
return super.onTouchEvent(ev);
}
// 处理action_down事件
private void performActionDown(MotionEvent ev) {
// Log.e(TAG,"performActionDown===="+isDeleteShown);
if (isDeleteShown) {
turnToNormal();
}
isOnClick = true;
mDownX = (int) ev.getX();
mDownY = (int) ev.getY();
// 获取当前点的itemint downPosition = pointToPosition(mDownX, mDownY);
int firstPosition= getFirstVisiblePosition();
Log.e(TAG,"performActionDown====downPosition:"+downPosition+"==firstPosition"+firstPosition);
if(downPosition < 0) return;
mPointChild = (ViewGroup) getChildAt(downPosition-firstPosition);
// 获取删除按钮的宽度
mDeleteBtnWidth = mPointChild.getChildAt(1).getLayoutParams().width;
mLayoutParams = (LinearLayout.LayoutParams) mPointChild.getChildAt(0)
.getLayoutParams();
// 为什么要重新设置layout_width 等于屏幕宽度
// 因为match_parent时，不管你怎么滑，都不会显示删除按钮
// why？ 因为match_parent时，ViewGroup就不去布局剩下的view
mLayoutParams.width = mScreenWidth;
mPointChild.getChildAt(0).setLayoutParams(mLayoutParams);
}
// 处理action_move事件
private boolean performActionMove(MotionEvent ev) {
// Log.e(TAG, "performActionMove====" + isDeleteShown);
int nowX = (int) ev.getX();
int nowY = (int) ev.getY();
isOnClick = false;
if (Math.abs(nowX - mDownX) > Math.abs(nowY - mDownY)) {
// 如果向左滑动
if (nowX < mDownX) {
// 计算要偏移的距离
int scroll = (nowX - mDownX) / 2;
// 如果大于了删除按钮的宽度， 则最大为删除按钮的宽度
if (-scroll >= mDeleteBtnWidth) {
scroll = -mDeleteBtnWidth;
}
// 重新设置leftMargin
mLayoutParams.leftMargin = scroll;
mPointChild.getChildAt(0).setLayoutParams(mLayoutParams);
}
return true;
}
return super.onTouchEvent(ev);
}
// 处理action_up事件
private boolean performActionUp(MotionEvent ev) {
boolean falg = false;
if(isOnClick && !isDeleteShown)
{
falg = true;
}
// 偏移量大于button的一半，则显示button
// 否则恢复默认
if (-mLayoutParams.leftMargin >= mDeleteBtnWidth / 2) {
mLayoutParams.leftMargin = -mDeleteBtnWidth;
isDeleteShown = true;
} else {
turnToNormal();
isDeleteShown = false;
}
mPointChild.getChildAt(0).setLayoutParams(mLayoutParams);
// Log.e(TAG, "performActionUp====" + isDeleteShown);
if(falg)
{
return super.onTouchEvent(ev);
}
return true;
}
/**
* 变为正常状态
*/
public void turnToNormal() {
mLayoutParams.leftMargin = 0;
mPointChild.getChildAt(0).setLayoutParams(mLayoutParams);
}
/**
* 当前是否可点击
*
* @return 是否可点击
*/
public boolean canClick() {
return !isDeleteShown;
}
}
第二步：适配器
class SwipeListAdapter extends BaseAdapter {
@Override
public int getCount() {
return mData.size();
}
@Override
public Object getItem(int position) {
return mData.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
if (null == convertView) {
holder = new ViewHolder();
convertView = View.inflate(TestListViewActivity.this, R.layout.item_swipe_list, null);
holder.tv = (LinearLayout) convertView.findViewById(R.id.tv);
holder.tvName = (TextView) convertView.findViewById(R.id.tv_name);
holder.delete = (TextView) convertView.findViewById(R.id.delete);
convertView.setTag(holder);
}
else {
holder = (ViewHolder) convertView.getTag();
}
holder.tvName.setText(mData.get(position));
final int pos = position;
holder.delete.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mData.remove(pos);
notifyDataSetChanged();
mListView.turnToNormal();
}
});
return convertView;
}
}
static class ViewHolder {
LinearLayout tv;
TextView tvName;
TextView delete;
}
第三步：写一个TestListViewActivity
private SwipeListView mListView;
private ArrayList<String> mData = new ArrayList<String>() {
{
for (int i = 0; i < 20; i++) {
add("hello world, hello android " + i);
}
}
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_test_list_view);
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
.setAction("Action", null).show();
}
});
mListView = (SwipeListView) findViewById(R.id.list);
mListView.setAdapter(new SwipeListAdapter());
// mListView.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
// @Override
// public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
// Toast.makeText(TestListViewActivity.this, mData.get(position) + "被点击了",
// Toast.LENGTH_SHORT).show();
// return false;
// }
// });
mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Log.e("SwipeListView", "setOnItemClickListener====" + mListView.canClick());
// Toast.makeText(TestListViewActivity.this, mData.get(position) + "被点击了",
// Toast.LENGTH_SHORT).show();
}
});
}
第四步：布局文件
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" tools:showIn="@layout/activity_test_list_view" tools:context="com.kimascend.ledappd1.activity.TestListViewActivity"> <com.kimascend.ledappd1.view.SwipeListView android:id="@+id/list" android:layout_width="wrap_content" android:layout_height="wrap_content" android:cacheColorHint="@android:color/transparent" android:listSelector="@android:color/transparent" android:divider="@android:color/darker_gray" android:dividerHeight="2dp"> </com.kimascend.ledappd1.view.SwipeListView> </RelativeLayout>
第五步：item的布局文件
<?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="horizontal"> <LinearLayout android:id="@+id/tv" android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@android:color/white" android:paddingBottom="20dp" android:paddingLeft="10dp" android:paddingTop="20dp"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/group_name_rgb" android:id="@+id/imageView8" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceLarge" android:text="Large Text" android:layout_gravity="center_vertical" android:id="@+id/tv_name" /> </LinearLayout> <TextView android:id="@+id/delete" android:layout_width="80dp" android:layout_height="match_parent" android:background="#FFFF0000" android:gravity="center" android:paddingLeft="20dp" android:paddingRight="20dp" android:text="删除" android:textColor="@android:color/white" /> </LinearLayout>
重点注意：
int downPosition = pointToPosition(mDownX, mDownY);
downPosition 在使用过程中得到-1，导致后面方法调用异常！
以上所述是小编给大家介绍的Android 模仿QQ侧滑删除ListView功能示例，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
- android ItemTouchHelper实现可拖拽和侧滑的列表的示例代码
- Android高仿QQ6.0侧滑删除实例代码
- Android仿QQ微信侧滑删除效果
- Android开发中记一个SwipeMenuListView侧滑删除错乱的Bug
- Android recyclerview实现拖拽排序和侧滑删除
- Android自定义view系列之99.99%实现QQ侧滑删除效果实例代码详解
- android的RecyclerView实现拖拽排序和侧滑删除示例
- android ListView和GridView拖拽移位实现代码
- android 大图片拖拽并缩放实现原理
- Android使用ItemTouchHelper实现侧滑删除和拖拽
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Android使用Item Swipemenulistview实现仿QQ侧滑删除功能
- Android 模仿QQ侧滑删除ListView
- [Android]模仿QQ在listview上滑动出现删除键
- Android仿QQ长按删除弹出框功能示例
- Android仿QQ首页ListView左滑置顶、删除功能
- Android实现QQ侧滑(删除、置顶等)功能
- Android仿QQ侧滑(删除、置顶等)功能
- Android ListView侧滑item，仿QQ删除效果
- android listview 滑动删除加刷新功能 仿QQ消息列表
- Android 仿QQlistview侧滑删除
- Android 第三方开源SwipeMenuListView(QQ侧滑置顶，删除)
- Android listView item侧滑实现删除和置顶功能
- Android 仿QQ侧滑删除—一个满足ListView、RecyclerView以及其他View通用的侧滑删除
- Androidlistview 的侧滑删除仿的QQ效果的几种实现方式
- Android开发中模仿qq列表信息滑动删除功能
- android侧滑删除，模仿qq跟进item显示删除按钮
- Android开发实现仿QQ消息SwipeMenuListView滑动删除置顶功能【附源码下载】
- Android listview 侧滑 SwipeListView 详解 实现微信，QQ等滑动删除效果
- Android使用SwipeMenuListView 高仿QQ、微信侧滑删除--详解
- Android Scroller详解，实现仿QQ列表item侧滑删除功能