Android仿QQ左滑删除置顶ListView操作

 更新时间:2020年09月23日 09:34:25   作者:lizebin_bin  
这篇文章主要为大家详细介绍了Android仿QQ左滑删除置顶ListView操作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

最近闲来无事,于是研究了一下qq的左滑删除效果,尝试着实现了一下,先上效果图:

大致思路原理:
- 通过设置margin实现菜单的显示与隐藏
- 监听onTouchEvent,处理滑动事件

上代码

import android.content.Context;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.view.MotionEvent;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.LinearLayout;
import android.widget.ListView;

/**
 * Created by MooreLi on 2016/8/8.
 */
public class SlideListView extends ListView {
 private String TAG = getClass().getSimpleName();

 private int mScreenWidth;
 private int mDownX;
 private int mDownY;
 private int mMenuWidth;

 private boolean isMenuShow;
 private boolean isMoving;

 private int mOperatePosition = -1;
 private ViewGroup mPointChild;
 private LinearLayout.LayoutParams mLayoutParams;

 public SlideListView(Context context) {
  super(context);
  getScreenWidth(context);
 }

 public SlideListView(Context context, AttributeSet attrs) {
  super(context, attrs);
  getScreenWidth(context);
 }

 public SlideListView(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  getScreenWidth(context);
 }

 private void getScreenWidth(Context context) {
  WindowManager manager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
  DisplayMetrics dm = new DisplayMetrics();
  manager.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:
    performActionMove(ev);
    break;
   case MotionEvent.ACTION_UP:
    performActionUp();
    break;
  }
  return super.onTouchEvent(ev);
 }

 private void performActionDown(MotionEvent ev) {
  mDownX = (int) ev.getX();
  mDownY = (int) ev.getY();
  //如果点击的不是同一个item,则关掉正在显示的菜单
  int position = pointToPosition(mDownX, mDownY);
  if (isMenuShow && position != mOperatePosition) {
   turnToNormal();
  }
  mOperatePosition = position;
  mPointChild = (ViewGroup) getChildAt(position - getFirstVisiblePosition());
  if (mPointChild != null) {
   mMenuWidth = mPointChild.getChildAt(1).getLayoutParams().width;
   mLayoutParams = (LinearLayout.LayoutParams) mPointChild.getChildAt(0).getLayoutParams();
   mLayoutParams.width = mScreenWidth;
   setChildLayoutParams();
  }
 }

 private boolean performActionMove(MotionEvent ev) {
  int nowX = (int) ev.getX();
  int nowY = (int) ev.getY();
//  if (isMoving) {
//   if (Math.abs(nowY - mDownY) > 0) {
//    Log.e(TAG, "kkkkkkk");
//    onInterceptTouchEvent(ev);
//   }
//  }
  if (Math.abs(nowX - mDownX) > 0) {
   //左滑 显示菜单
   if (nowX < mDownX) {
    if (isMenuShow) {
     mLayoutParams.leftMargin = -mMenuWidth;
    } else {
     //计算显示的宽度
     int scroll = (nowX - mDownX);
     if (-scroll >= mMenuWidth) {
      scroll = -mMenuWidth;
     }
     mLayoutParams.leftMargin = scroll;
    }
   }
   //右滑 如果菜单显示状态,则关闭菜单
   if (isMenuShow && nowX > mDownX) {
    int scroll = nowX - mDownX;
    if (scroll >= mMenuWidth) {
     scroll = mMenuWidth;
    }
    mLayoutParams.leftMargin = scroll - mMenuWidth;
   }
   setChildLayoutParams();
   isMoving = true;
   return true;
  }

  return super.onTouchEvent(ev);
 }

 private void performActionUp() {
  //超过一半时,显示菜单,否则隐藏
  if (-mLayoutParams.leftMargin >= mMenuWidth / 2) {
   mLayoutParams.leftMargin = -mMenuWidth;
   setChildLayoutParams();
   isMenuShow = true;
  } else {
   turnToNormal();
  }
  isMoving = false;
 }

 private void setChildLayoutParams(){
  if(mPointChild != null){
   mPointChild.getChildAt(0).setLayoutParams(mLayoutParams);
  }
 }

 /**
  * 正常显示
  */
 public void turnToNormal() {
  mLayoutParams.leftMargin = 0;
  mOperatePosition = -1;
  setChildLayoutParams();
  isMenuShow = false;
 }
}

item的布局要注意,因为在自定义view中写死的是获取第一个子布局为显示内容,所以需要将显示的样式写在一个容器中,将菜单写在另一个容器中,两个平行的关系。
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:background="#FFFFFF"
 android:orientation="horizontal">

 <LinearLayout
  android:layout_width="match_parent"
  android:layout_height="60dp"
  android:orientation="horizontal">

  <TextView
   android:id="@+id/main_tv_title"
   android:layout_width="wrap_content"
   android:layout_height="match_parent"
   android:layout_marginLeft="10dp"
   android:gravity="center_vertical"
   android:textSize="18sp" />
 </LinearLayout>

 <LinearLayout
  android:layout_width="180dp"
  android:layout_height="60dp"
  android:orientation="horizontal">

  <TextView
   android:id="@+id/main_tv_delete"
   android:layout_width="0dp"
   android:layout_height="match_parent"
   android:layout_weight="1"
   android:background="#FF0000"
   android:gravity="center"
   android:text="删除"
   android:textColor="#FFFFFF" />

  <TextView
   android:id="@+id/main_tv_top"
   android:layout_width="0dp"
   android:layout_height="match_parent"
   android:layout_weight="1"
   android:background="#DFCDBF"
   android:gravity="center"
   android:text="置顶"
   android:textColor="#FFFFFF" />
 </LinearLayout>
</LinearLayout>

最后就是删除操作与置顶操作,这个就比较简单,给按钮添加点击事件即可。我是在adapter中定义实现,记得操作后要将菜单关掉!

上部分代码: 

  holder.tvTitle.setText(mInfos.get(position));
  holder.tvDelete.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    mInfos.remove(position);
    notifyDataSetChanged();
    mListView.turnToNormal();
   }
  });
  holder.tvTop.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    String temp = mInfos.get(position);
    mInfos.remove(position);
    mInfos.add(0, temp);
    notifyDataSetChanged();
    mListView.turnToNormal();
   }
  });

最后还有一个遗留问题,ListView左右滑动的时候上下也会滑动,这个有待探索与改进,也希望大家提提意见,帮我改进!

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android获取应用版本号与版本名称

    Android获取应用版本号与版本名称

    这篇文章主要介绍了Android获取应用版本号与版本名称的相关资料,需要的朋友可以参考下
    2016-03-03
  • 深入Android 五大布局对象的应用

    深入Android 五大布局对象的应用

    本篇文章小编为大家介绍,深入Android 五大布局对象的应用。需要的朋友参考下
    2013-04-04
  • Android中Fragment 重叠遮盖问题解决办法

    Android中Fragment 重叠遮盖问题解决办法

    这篇文章主要介绍了Android中Fragment 重叠遮盖问题解决办法的相关资料,需要的朋友可以参考下
    2017-05-05
  • Android基于OpenCV实现非真实渲染

    Android基于OpenCV实现非真实渲染

    非真实感渲染(Non Photorealistic Rendering,简称NPR),是指利用计算机模拟各种视觉艺术的绘制风格,也用于发展新的绘制风格。比如模拟中国画、水彩、素描、油画、版画等艺术风格。本文将讲解Android基于OpenCV实现非真实渲染的方法
    2021-06-06
  • Android SharedPreferences实现数据存储功能

    Android SharedPreferences实现数据存储功能

    这篇文章主要为大家详细介绍了Android SharedPreferences实现数据存储功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • Android自定义ViewGroup嵌套与交互实现幕布全屏滚动

    Android自定义ViewGroup嵌套与交互实现幕布全屏滚动

    这篇文章主要为大家介绍了Android自定义ViewGroup嵌套与交互实现幕布全屏滚动效果示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • Android常用的intent action汇总

    Android常用的intent action汇总

    这篇文章主要介绍了Android常用的intent action功能与用法,分析了intent的原理以及action属性常用动作名称、作用与使用方法,需要的朋友可以参考下
    2016-10-10
  • Android Flutter控件封装之视频进度条的实现

    Android Flutter控件封装之视频进度条的实现

    这篇文章主要来和大家分享一个很简单的控制器封装案例,包含了基本的播放暂停,全屏和退出全屏,文中的示例代码讲解详细,感兴趣的可以了解一下
    2023-06-06
  • Android ViewPager你可能不知道的刷新操作分享

    Android ViewPager你可能不知道的刷新操作分享

    这篇文章主要为大家详细介绍了Android中ViewPager你可能不知道的刷新操作,文中的示例代码讲解详细,具有一定的学习价值,需要的可以参考一下
    2023-05-05
  • 上传Android项目至github的解析

    上传Android项目至github的解析

    本文主要讲解了如何将自己的android项目上传至github,相信大家平时在开发过程中为了避免重复造轮子会经常逛一下github查看有没有与需求类似的开源项目,那么github上面的开源项目是如何上传至github上的呢?
    2018-05-05

最新评论