我的编程空间,编程开发者的网络收藏夹
学习永远不晚

Android仿QQ微信侧滑删除效果

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

Android仿QQ微信侧滑删除效果

仿QQ侧滑删除效果图

1.自定义listview


public class DragDelListView extends ListView {
  private boolean moveable=false;
  private boolean closed=true;
  private float mDownX,mDownY;
  private int mTouchPosition,oldPosition=-1;
  private DragDelItem mTouchView,oldView;
  private Context context;
  public DragDelListView(Context context) {
    super(context);
    init(context);
  }
  public DragDelListView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    init(context);
  }
  public DragDelListView(Context context, AttributeSet attrs) {
    super(context, attrs);
    init(context);
  }
  private void init(Context context) {
    this.context=context;
  }
  @Override
  public boolean onTouchEvent(MotionEvent ev) {
    switch (ev.getAction()) {
    case MotionEvent.ACTION_DOWN:
      mTouchPosition = pointToPosition((int) ev.getX(), (int) ev.getY());
      mTouchView=(DragDelItem)getChildAt(mTouchPosition - getFirstVisiblePosition());
      mDownX = ev.getX();
      mDownY=ev.getY();
      if(oldPosition==mTouchPosition ||closed)
      {
        moveable=true;
        mTouchView.mDownX =(int)mDownX;
      }else
      {
        moveable=false;
        if(oldView!=null)
        {
          oldView.smoothCloseMenu();
        }
      }
      oldPosition=mTouchPosition;
      oldView=mTouchView;
      break;
    case MotionEvent.ACTION_MOVE:
      if (Math.abs(mDownX-ev.getX()) < Math.abs(mDownY-ev.getY()) * dp2px(2)) {
        break; 
      } 
      if (moveable) 
      {
        int dis = (int) (mTouchView.mDownX -ev.getX());
        if(mTouchView.state==mTouchView.STATE_OPEN)
          dis+=mTouchView.mMenuView.getWidth();
        mTouchView.swipe(dis);
        ev.setAction(MotionEvent.ACTION_CANCEL);
      }
      break;
    case MotionEvent.ACTION_UP:
      if (moveable) 
      {
        if ((mTouchView.mDownX -ev.getX()) > (mTouchView.mMenuView.getWidth()/2)) {
          // open
          mTouchView.smoothOpenMenu();
          closed=false;
        } else {
          // close
          mTouchView.smoothCloseMenu();
          closed=true;
        }
        ev.setAction(MotionEvent.ACTION_CANCEL);
      }
      break;
    }
    return super.onTouchEvent(ev);
  }
  private int dp2px(int dp) {
    return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp,
        getContext().getResources().getDisplayMetrics());
  }
}

2.自定义滑动条目


public class DragDelItem extends LinearLayout {
  public static final int STATE_CLOSE = 0;
  public static final int STATE_OPEN = 1;
  private View mContentView;
  public View mMenuView;
  public int mDownX;
  public int state = STATE_CLOSE;
  public boolean isFling;
  private int mBaseX;
  private Scroller scroll;
  public DragDelItem(View contentView, View menuView) {
    super(contentView.getContext());
    scroll=new Scroller(getContext());
    mContentView = contentView;
    mMenuView = menuView;
    init();
  }
  private DragDelItem(Context context, AttributeSet attrs) {
    super(context, attrs);
  }
  private DragDelItem(Context context) {
    super(context);
  }
  private void init() {
    setLayoutParams(new AbsListView.LayoutParams(LayoutParams.MATCH_PARENT,
        LayoutParams.WRAP_CONTENT));
    LayoutParams contentParams = new LayoutParams(
        LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
    mContentView.setLayoutParams(contentParams);
    mMenuView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,
        LayoutParams.WRAP_CONTENT));
    addView(mContentView);
    addView(mMenuView);
  }
  public void swipe(int dis) {
    if (dis > mMenuView.getWidth()) {
      dis = mMenuView.getWidth();
    }
    if (dis < 0) {
      dis = 0;
    }
    mContentView.layout(-dis, mContentView.getTop(),
        mContentView.getWidth() - dis, getMeasuredHeight());
    mMenuView.layout(mContentView.getWidth() - dis, mMenuView.getTop(),
        mContentView.getWidth() + mMenuView.getWidth() - dis,
        mMenuView.getBottom());
  }
  @Override
  public void computeScroll() {
    if (state == STATE_OPEN) {
      if (scroll.computeScrollOffset()) {
        swipe(scroll.getCurrX());
        postInvalidate();
      }
    } else {
      if (scroll.computeScrollOffset()) {
        swipe(mBaseX - scroll.getCurrX());
        postInvalidate();
      }
    }
  }
  public void smoothCloseMenu() {
    state = STATE_CLOSE;
    mBaseX = -mContentView.getLeft();
    scroll.startScroll(0, 0, mBaseX, 0, 350);
    postInvalidate();
  }
  public void smoothOpenMenu() {
    state = STATE_OPEN;
    scroll.startScroll(-mContentView.getLeft(), 0,
        mMenuView.getWidth()/2, 0, 350);
    postInvalidate();
  }
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    mMenuView.measure(MeasureSpec.makeMeasureSpec(0,
        MeasureSpec.UNSPECIFIED), MeasureSpec.makeMeasureSpec(
        getMeasuredHeight(), MeasureSpec.EXACTLY));
    mContentView.measure(MeasureSpec.makeMeasureSpec(0,
        MeasureSpec.UNSPECIFIED), MeasureSpec.makeMeasureSpec(
        getMeasuredHeight(), MeasureSpec.EXACTLY));
  }
  @Override
  protected void onLayout(boolean changed, int l, int t, int r, int b) {
    mContentView.layout(0, 0, getMeasuredWidth(),
        mContentView.getMeasuredHeight());
    mMenuView.layout(getMeasuredWidth(), 0,
        getMeasuredWidth() + mMenuView.getMeasuredWidth(),
        mContentView.getMeasuredHeight());
  }
}

3.所用到的布局文件

—swipecontent.xml代码


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/rl_layout"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:background="#999999"
  android:padding="8dp" >
    <ImageView
      android:id="@+id/iv_icon"
      android:layout_width="50dp"
      android:layout_height="50dp"
      android:class="lazy" data-src="@drawable/ic_launcher" />
    <TextView
      android:id="@+id/tv_name"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerVertical="true"
      android:layout_marginLeft="10dp"
      android:layout_toRightOf="@+id/iv_icon"
      android:text="name"
      android:textColor="@android:color/black"
      android:textSize="18sp" />
</RelativeLayout>
—swipemenu.xml代码
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="match_parent"
  android:orientation="horizontal"
  >
  <TextView
    android:id="@+id/tv_open"
    android:layout_width="90dp"
    android:layout_height="match_parent"
    android:gravity="center"
    android:background="#C2C2C2"
    android:text="置顶"
    android:textColor="@android:color/white"
    android:textSize="18sp" />
  <TextView
    android:id="@+id/tv_del"
    android:layout_width="90dp"
    android:layout_height="match_parent"
    android:gravity="center"
    android:background="#FF0000"
    android:text="删除"
    android:textColor="@android:color/white"
    android:textSize="18sp" />
</LinearLayout>

4.主界面代码


public class MainActivity extends Activity {
  private List<ApplicationInfo> mAppList;
  private DragDelListView mListView;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_list);
    mAppList = getPackageManager().getInstalledApplications(0);
    mListView = (DragDelListView) findViewById(R.id.listView);
    mListView.setAdapter(new AppAdapter(mAppList));
  }
  class AppAdapter extends BaseAdapter {
    private List<ApplicationInfo> mAppList;
    public AppAdapter(List<ApplicationInfo> appList)
    {
      mAppList=appList;
    }
    @Override
    public int getCount() {
      return mAppList.size();
    }
    @Override
    public ApplicationInfo getItem(int position) {
      return mAppList.get(position);
    }
    @Override
    public long getItemId(int position) {
      return position;
    }
    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
      ViewHolder holder=null;
      View menuView=null;
      if (convertView == null) {
        convertView = View.inflate(getApplicationContext(),
            R.layout.swipecontent, null);
        menuView = View.inflate(getApplicationContext(),
            R.layout.swipemenu, null);
        convertView = new DragDelItem(convertView,menuView);
        holder=new ViewHolder(convertView);
      } else {
        holder = (ViewHolder) convertView.getTag();
      }
        ApplicationInfo item = getItem(position);
        holder.iv_icon.setImageDrawable(item.loadIcon(getPackageManager()));
        holder.tv_name.setText(item.loadLabel(getPackageManager()));
        holder.tv_open.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View arg0) {
            Toast.makeText(MainActivity.this, "置顶:"+position, Toast.LENGTH_SHORT).show();
          }
        });
        holder.tv_del.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View arg0) {
            Toast.makeText(MainActivity.this, "删除:"+position, Toast.LENGTH_SHORT).show();
          }
        });
      return convertView;
    }
    class ViewHolder {
      ImageView iv_icon;
      TextView tv_name;
      TextView tv_open,tv_del;
      RelativeLayout relativeLayout;
      public ViewHolder(View view) {
        iv_icon = (ImageView) view.findViewById(R.id.iv_icon);
        tv_name = (TextView) view.findViewById(R.id.tv_name);
        tv_open=(TextView)view.findViewById(R.id.tv_open);
        tv_del=(TextView)view.findViewById(R.id.tv_del);
        relativeLayout = (RelativeLayout) view.findViewById(R.id.rl_layout);
        //改变relativeLayout宽度
        WindowManager wm = (WindowManager) getApplicationContext().getSystemService(Context.WINDOW_SERVICE);
        int width = wm.getDefaultDisplay().getWidth();
        relativeLayout.setMinimumWidth(width-60);
        view.setTag(this);
      }
    }
  }
}

主界面布局代码


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  >
    <com.draglistview.DragDelListView
      android:id="@+id/listView"
      android:layout_width="match_parent"
      android:layout_height="match_parent" />
</RelativeLayout>
您可能感兴趣的文章:android ItemTouchHelper实现可拖拽和侧滑的列表的示例代码Android高仿QQ6.0侧滑删除实例代码Android开发中记一个SwipeMenuListView侧滑删除错乱的BugAndroid recyclerview实现拖拽排序和侧滑删除Android 模仿QQ侧滑删除ListView功能示例Android自定义view系列之99.99%实现QQ侧滑删除效果实例代码详解android的RecyclerView实现拖拽排序和侧滑删除示例android ListView和GridView拖拽移位实现代码android 大图片拖拽并缩放实现原理Android使用ItemTouchHelper实现侧滑删除和拖拽


免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

Android仿QQ微信侧滑删除效果

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

Android仿QQ微信侧滑删除效果

仿QQ侧滑删除效果图1.自定义listviewpublic class DragDelListView extends ListView {private boolean moveable=false;private boolean clo
2022-06-06

android实现QQ微信侧滑删除效果

最近由于项目需求,需要做一个listview中的item策划删除的效果,与是查找资料和参考了一些相关的博客,终于完美实现了策划删除的效果。先看一下效果图(研究了半天竟然没研究出来真机上gif图怎么做,大家将就看一下吧)。 侧滑效果图
2023-05-30

Android实现3种侧滑效果(仿qq侧滑、抽屉侧滑、普通侧滑)

自己实现了一下侧滑的三种方式(注释都写代码里了) 本文Demo下载地址:Andriod侧滑 本文实现所需框架:nineoldandroids下载地址:nineoldandroids 1.普通侧滑: 主要是基于HorizontalScroll
2022-06-06

Android仿微信对话列表滑动删除效果

微信对话列表滑动删除效果很不错的,借鉴了github上SwipeListView(项目地址:https://github.com/likebamboo/SwipeListView),在其上进行了一些重构,最终实现了微信对话列表滑动删除效果。
2022-06-06

Android高仿微信对话列表滑动删除效果

前言 用过微信的都知道,微信对话列表滑动删除效果是很不错的,这个效果我们也可以有。思路其实很简单,弄个ListView,然后里面的每个item做成一个可以滑动的自定义控件即可。由于ListView是上下滑动而item是左右滑动,因此会有滑动
2022-06-06

Android使用Item Swipemenulistview实现仿QQ侧滑删除功能

大家都用过QQ,肯定有人好奇QQ滑动删除Item的效果是怎样实现的,其实我们使用Swipemenulistview就可以简单的实现。先看看我们项目中的效果: 使用的时候可以把Swipemenulistview作为一个library,也
2022-06-06

Android_UI 仿QQ侧滑菜单效果的实现

相信大家对QQ侧滑菜单的效果已经不陌生了吧,侧滑进入个人头像一侧,进行对头像的更改,我的收藏,QQ钱包,我的文件等一系列的操作,今天呢,主要是实现进入侧滑菜单的这一效果原理进行分析. 主要思路分析 1.首先写一个SlideMenu 继承
2022-06-06

Android仿QQ6.0主页面侧滑效果

1.概述最近一直都在带实习生做项目,发现自己好久没有写博客了,这几天更新会比较频繁,今天玩QQ的时候发现QQ主页菜单滑动效果早就变了,实在忍不住晚上就来实现一下了! 2.实现 2.1. 实现的方式多种多样 2.1.1 自定义ViewGrou
2022-06-06

Android仿微信activity滑动关闭效果

Android仿微信activity滑动关闭功能 1.利用具体利用v4包下的slidingPaneLayout实现透明的activity,代码如下:BaseActivity: public class BaseSlideCloseActiv
2022-06-06

Android仿QQ列表滑动删除操作

这篇山寨一个新版QQ的列表滑动删除,上篇有说到QQ的滑动删除,推测原理就是ListView本身每个item存在一个Button,只不过普通的状态下隐藏掉了,检测到向左的滑动事件的时候弹出隐藏的Button,不过再切换Button状态的时候会
2022-06-06

Android仿QQ列表左滑删除操作

最近学习了如何做一个像QQ的左滑RecyclerView的item显示选项的,主要是用到Scroller 我们首先新建一个自己的RecyclerView 定义好一些要用的的变量 重写构造方法,把前两个构造方法改为如下,使无论如何构造都要执
2022-06-06

Android App中ListView仿QQ实现滑动删除效果的要点解析

本来准备在ListView的每个Item的布局上设置一个隐藏的Button,当滑动的时候显示。但是因为每次只要存在一个Button,发现每个Item上的Button相互间不好控制。所以决定继承ListView然后结合PopupWindow。
2022-06-06

Android使用DrawerLayout仿QQ6.6版侧滑效果

一讲到侧滑菜单,我相信大家都会想到一个开源控件SlidingMenu,在google还没有出来DrawerLayout的时候几乎都是使用Slidingmenu来实现侧滑效果,可以说是效果很不错,自从google出了Drawerlayout以
2023-05-30

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

最近闲来无事,于是研究了一下qq的左滑删除效果,尝试着实现了一下,先上效果图:大致思路原理: - 通过设置margin实现菜单的显示与隐藏 - 监听onTouchEvent,处理滑动事件 上代码import android.conten
2022-06-06

Android实现QQ侧滑(删除、置顶等)功能

实现类似QQ滑动出现可操作项的功能,在网上看到有人自定义LinearLayout实现这个效果,但是灵活性有限。此demo使用开源项目SwipeLayout实现该功能。关于SwipeLayout的常用设置和属性,这里都做介绍,下面进入正题。一
2023-05-30

Android仿微信通讯录列表侧边栏效果

先看Android仿微信通讯录列表侧边栏效果图这是比较常见的效果了吧 列表根据首字符的拼音字母来排序,且可以通过侧边栏的字母索引来进行定位。 实现这样一个效果并不难,只要自定义一个索引View,然后引入一个可以对汉字进行拼音解析的jar包—
2022-06-06

Android仿人人网滑动侧边栏效果

很多应用为了节省空间而又使界面能够充足的显示信息,大多数应用都采用了侧边栏的方式,如下图: 来说说它的思路,底下是两个或多个视图,分别通过控制它们的宽度、左边距来控制它们的显示,来看看代码 activity_main.xml
2022-06-06

Android基于ViewDragHelper仿QQ5.0侧滑界面效果

QQ5.0侧滑效果实现方案有很多方式,今天我们使用ViewDragHelper来实现一下。 先上效果图:①自定义控件SlidingMenu继承FrameLayout,放在FrameLayout上面的布局一层叠着者一层,通过getChildA
2022-06-06

Android如何实现微信侧滑删除当前页面

这篇文章给大家分享的是有关Android如何实现微信侧滑删除当前页面的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体内容如下效果图不是太明显 实际上有finish动画代码package com.finddrea
2023-05-30

Android开发中模仿qq列表信息滑动删除功能

这个效果的完成主要分为两个部分 自定义view作为listview的列表项 一个view里面包括 显示头像,名字,消息内容等的contentView和滑动才能显示出来的删除,置顶的右边菜单menuView 在手指移动的时候同时改变这两个视图
2022-06-06

编程热搜

  • Android:VolumeShaper
    VolumeShaper(支持版本改一下,minsdkversion:26,android8.0(api26)进一步学习对声音的编辑,可以让音频的声音有变化的播放 VolumeShaper.Configuration的三个参数 durati
    Android:VolumeShaper
  • Android崩溃异常捕获方法
    开发中最让人头疼的是应用突然爆炸,然后跳回到桌面。而且我们常常不知道这种状况会何时出现,在应用调试阶段还好,还可以通过调试工具的日志查看错误出现在哪里。但平时使用的时候给你闹崩溃,那你就欲哭无泪了。 那么今天主要讲一下如何去捕捉系统出现的U
    Android崩溃异常捕获方法
  • android开发教程之获取power_profile.xml文件的方法(android运行时能耗值)
    系统的设置–>电池–>使用情况中,统计的能耗的使用情况也是以power_profile.xml的value作为基础参数的1、我的手机中power_profile.xml的内容: HTC t328w代码如下:
    android开发教程之获取power_profile.xml文件的方法(android运行时能耗值)
  • Android SQLite数据库基本操作方法
    程序的最主要的功能在于对数据进行操作,通过对数据进行操作来实现某个功能。而数据库就是很重要的一个方面的,Android中内置了小巧轻便,功能却很强的一个数据库–SQLite数据库。那么就来看一下在Android程序中怎么去操作SQLite数
    Android SQLite数据库基本操作方法
  • ubuntu21.04怎么创建桌面快捷图标?ubuntu软件放到桌面的技巧
    工作的时候为了方便直接打开编辑文件,一些常用的软件或者文件我们会放在桌面,但是在ubuntu20.04下直接直接拖拽文件到桌面根本没有效果,在进入桌面后发现软件列表中的软件只能收藏到面板,无法复制到桌面使用,不知道为什么会这样,似乎并不是很
    ubuntu21.04怎么创建桌面快捷图标?ubuntu软件放到桌面的技巧
  • android获取当前手机号示例程序
    代码如下: public String getLocalNumber() { TelephonyManager tManager =
    android获取当前手机号示例程序
  • Android音视频开发(三)TextureView
    简介 TextureView与SurfaceView类似,可用于显示视频或OpenGL场景。 与SurfaceView的区别 SurfaceView不能使用变换和缩放等操作,不能叠加(Overlay)两个SurfaceView。 Textu
    Android音视频开发(三)TextureView
  • android获取屏幕高度和宽度的实现方法
    本文实例讲述了android获取屏幕高度和宽度的实现方法。分享给大家供大家参考。具体分析如下: 我们需要获取Android手机或Pad的屏幕的物理尺寸,以便于界面的设计或是其他功能的实现。下面就介绍讲一讲如何获取屏幕的物理尺寸 下面的代码即
    android获取屏幕高度和宽度的实现方法
  • Android自定义popupwindow实例代码
    先来看看效果图:一、布局
  • Android第一次实验
    一、实验原理 1.1实验目标 编程实现用户名与密码的存储与调用。 1.2实验要求 设计用户登录界面、登录成功界面、用户注册界面,用户注册时,将其用户名、密码保存到SharedPreference中,登录时输入用户名、密码,读取SharedP
    Android第一次实验

目录