热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

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

这篇文章主要为大家详细介绍了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 = 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文件定义如下:

<&#63;xml version="1.0" encoding="utf-8"&#63;>


 

  
 

 

  

  
 

最后就是删除操作与置顶操作,这个就比较简单,给按钮添加点击事件即可。我是在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应用中独特的九宫格布局设计,解析其背后的GridView实现原理,并提供详细的代码示例。这种布局方式不仅美观大方,而且在现代Android应用中较为少见,值得开发者借鉴。 ... [详细]
  • 深入解析Android自定义View面试题
    本文探讨了Android Launcher开发中自定义View的重要性,并通过一道经典的面试题,帮助开发者更好地理解自定义View的实现细节。文章不仅涵盖了基础知识,还提供了实际操作建议。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 本文详细介绍了如何使用Spring Boot进行高效开发,涵盖了配置、实例化容器以及核心注解的使用方法。 ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式,除了提供ViewHolder缓存模式,还可以自定义动画,分割符,布局样式,相比于传统的ListVi ... [详细]
  • 2023年京东Android面试真题解析与经验分享
    本文由一位拥有6年Android开发经验的工程师撰写,详细解析了京东面试中常见的技术问题。涵盖引用传递、Handler机制、ListView优化、多线程控制及ANR处理等核心知识点。 ... [详细]
  • 本文介绍如何在 Unity 的 XML 配置文件中,将参数传递给自定义生命周期管理器的构造函数。我们将详细探讨 CustomLifetimeManager 类的实现及其配置方法。 ... [详细]
  • 解决JAX-WS动态客户端工厂弃用问题并迁移到XFire
    在处理Java项目中的JAR包冲突时,我们遇到了JaxWsDynamicClientFactory被弃用的问题,并成功将其迁移到org.codehaus.xfire.client。本文详细介绍了这一过程及解决方案。 ... [详细]
  • 探讨如何真正掌握Java EE,包括所需技能、工具和实践经验。资深软件教学总监李刚分享了对毕业生简历中常见问题的看法,并提供了详尽的标准。 ... [详细]
  • 本文介绍如何使用布局文件在Android应用中排列多行TextView和Button,使其占据屏幕的特定比例,并提供示例代码以帮助理解和实现。 ... [详细]
  • Startup 类配置服务和应用的请求管道。Startup类ASP.NETCore应用使用 Startup 类,按照约定命名为 Startup。 Startup 类:可选择性地包括 ... [详细]
  • Python自动化处理:从Word文档提取内容并生成带水印的PDF
    本文介绍如何利用Python实现从特定网站下载Word文档,去除水印并添加自定义水印,最终将文档转换为PDF格式。该方法适用于批量处理和自动化需求。 ... [详细]
  • 自己用过的一些比较有用的css3新属性【HTML】
    web前端|html教程自己用过的一些比较用的css3新属性web前端-html教程css3刚推出不久,虽然大多数的css3属性在很多流行的浏览器中不支持,但我个人觉得还是要尽量开 ... [详细]
  • 探索电路与系统的起源与发展
    本文回顾了电路与系统的发展历程,从电的早期发现到现代电子器件的应用。文章不仅涵盖了基础理论和关键发明,还探讨了这一学科对计算机、人工智能及物联网等领域的深远影响。 ... [详细]
author-avatar
lidasi
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有