仿手机QQ消息数拖动删除效果

已于 2023-03-30 15:01:35 修改
阅读量1.4k 收藏 1
点赞数
分类专栏： Android Android自定义View 文章标签： 拖动删除
于 2015-10-09 17:37:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014165119/article/details/49003167
版权

转载请注明出处，点击此处 查看更多精彩内容。

仿手机QQ消息数拖动删除效果，本效果的实现由这里的项目修改而来，原项目使用稍显麻烦，且只能使用在ListView及ScrollView中。

效果图

用法：

复制 DragDeleteTextView.java，和clean_anim.xml，以及使用到的图片 mipmap-xhdpi/* 到自己项目中的对应位置。

DragDeleteTextView 类的用法与 TextView 完全一致，获取 DragDeleteTextView 的实例之后，可以调用 setConnectedColor(int connectedColor) 方法设置拖动 View 与原位置的连接线的颜色，默认红色。

StoneHui_
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
仿QQ拖动删除未读消息
10-06
模仿QQ用手指拖动删除红色气泡，博客地址：http://blog.csdn.net/gesanri/article/details/48490873
手把手实现腾讯qq拖拽删去效果（一）
weixin_34087503的博客
03-30 96
　　qq拖拽删除的效果，简单又好用，今天我就叫大家实现吧。 　　这个滑动效果，有何难点了，就是响应每行的点击事件了，为了完成这个任务，并且能够实现动画的效果了，我重写了一个slideview这个控件，这个控件是干什么的了，是一个类似于viewflipper带动画的翻页控件了。它又是任何布局，任何控制了。 　　首先，我们赏析一下它的布局文件： <merge xmlns:android...
仿QQ消息清除效果
qq_35498443的博客
04-20 141
这里写自定义目录标题仿QQ消息清除效果 仿QQ消息清除效果 使用技术点：canvas、贝赛尔曲线。话不多少上代码（刚开始写博客，写的不好，大家多多体谅） public class WaterView extends FrameLayout { private String TAG = "TAG"; // 数量的文本控件 private TextView textVi...
H5仿QQ消息滑动删除置顶效果
CodingNoob
04-06 1511
闲来无事，看到QQ消息里面的滑动删除置顶效果，于是就想了一下自己用H5要怎么实现。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi
仿QQ拖动删除未读消息个数气泡
04-14
仿QQ拖动删除未读消息个数气泡 参考博客http://blog.csdn.net/gesanri/article/details/48490873
DragDeleteTextView:仿手机QQ消息数拖动删除效果
05-03
DragDeleteTextView仿手机QQ消息数拖动删除效果，本效果的实现由的项目修改而来，原项目使用稍显麻烦。用法：复制，和，以及使用到的图片到自己项目中的对应位置。DragDeleteTextView类的用法与TextView完全一致，...
仿QQ微信侧滑删除
10-20
在移动应用开发中，"仿QQ微信侧滑删除"是一种常见的交互设计，它允许用户通过在列表项上进行侧滑操作来快速删除或执行其他功能。这种设计在即时通讯应用如QQ和微信中广泛使用，提供了高效且直观的用户体验。在...
仿微信朋友圈图片拖拽排序
10-12
"仿微信朋友圈图片拖拽排序"是一个针对微信小程序的特色功能实现，它允许用户通过拖拽来调整朋友圈图片的顺序，同时还提供了图片的上传、删除以及相应的动画效果。这个功能在实际应用中能够极大地提升用户体验，使得...
高仿支付宝九宫格解锁
10-17
7. **动画效果**：连线动画的实现是提升用户体验的关键，开发者需要了解如何利用平台提供的动画框架，如Android的Property Animation或iOS的Core Animation，来实现平滑的过渡效果。 8. **性能优化**：考虑到实时性...
nine_grid_view:Flutter NineGridView和DragSortView。类似于微博微信的九个网格视图控件来显示图片。 Flutter仿微信微博九宫格，拖曳排序，微信类别，钉钉类别，QQ讨论组头像
03-21
它还支持微信群组，DingTalk群组，QQ群组头像效果。 DragSortView 类似于微博/微信发布的动态图片选择九格视图。支持按放大效果，拖放排序，拖放到指定位置删除。 酒馆 dependencies : nine_grid_view : ^2.0.0 ...
移动端拖拽排序添加删除效果
08-12
移动端拖拽排序，添加，删除效果
js实现拖拽功能(支持左右拖动、删除)
09-20
概述：实现拖拽工作流程配置，可以鼠标左右移动元素，鼠标双击可以删除元素。 基本原理：就是根据鼠标的移动来移动被拖拽的元素。鼠标的移动也就是x、y坐标的变化;元素的移动就是style.position的 top和left的改变。当然，并不是任何时候移动鼠标都要造成元素的移动，而应该判断鼠标左键的状态是否为按下状态，是否是在可拖拽的元素上按下的。
仿qq底部菜单实现方式
12-15
详见博客：http://blog.csdn.net/u014727709/article/details/53671123
vue滚动+滑动删除标记（移动端）仿qq/微信
weixin_30322405的博客
12-14 170
安装组件 　　"vue-touch": "^2.0.0-beta.4", main.js引入 　　import VueTouch from 'vue-touch' 　　Vue.use(VueTouch, {name: 'v-touch'}) 1.页面代码 <template> <div class="share"> <h...
模仿手机QQ底部导航栏Icon拖拽效果
binbin960211892的博客
01-23 329
模仿手机QQ底部导航栏Icon拖拽效果 https://github.com/binbin1990/QQNaviView-1
拖拽效果，拖拽排序，拖拽删除及外部图片拖拽插入页面
long_boxiaweizhu的博客
05-16 698
<head> <meta charset="utf-8"> <title>拖拽</title> <style> * { margin: 0; padding: 0; } ul { display: flex; list-style: none; width: 600px; m...
类似QQ消息提醒数字的拖拉消除效果
weixin_30625691的博客
04-08 77
使用注意：需要几张图片来演示最后的消除过程 声明： 1 // 自带酷炫效果的badgeBtn 2 #import <UIKit/UIKit.h> 3 4 @interface YJBadgeBtn : UIButton 5 6 @property (nonatomic, assign) int count; 7 @end 实现： 1 #imp...
手把手实现腾讯qq拖拽删去效果（二）
weixin_33898233的博客
03-31 111
　　这节,就一个任务如何把上节自定义的翻页动画控件整进下拉列表中去。 　　由于是自定义的下拉列表控件，我们需要自定义能够上啦下滑的listview，这势必会造成这个问题，上拉刷新要响应相应touch事件，拖拽也似乎也要相应触摸事件，这势必会造成了一种事件的冲突了，怎么解决了。我这里用一个变量来区分一下，伪代码如下： 　　前面说了，这么多了，我们直接点评代码把： package com...
Android 仿QQ左滑显示删除按钮
最新发布
05-25
实现 Android 仿QQ左滑显示删除按钮的方法是使用 RecyclerView 的 ItemTouchHelper 类，它提供了拖动和滑动 Item 的处理逻辑。具体实现步骤如下： 1. 在 RecyclerView 的 adapter 中，实现 ItemTouchHelper.Callback 接口，该接口中有三个方法：onMove()、onSwiped() 和 getMovementFlags()。 2. 在 getMovementFlags() 方法中，设置支持的滑动方向为左滑。 3. 在 onSwiped() 方法中，处理滑动事件，比如删除 Item。 4. 在 Item 的 ViewHolder 中，添加一个删除按钮，并设置其可见性为不可见。 5. 在 ItemTouchHelper.Callback 的 onChildDraw() 方法中，处理左滑时的视觉效果，比如将删除按钮设置为可见，实现左滑删除的效果。 6. 在 RecyclerView 的 ItemDecoration 中，设置左滑时的背景颜色和阴影效果，使左滑效果更加美观。 代码示例： ```java public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> implements ItemTouchHelper.Callback { private List<String> mData; @Override public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) { int swipeFlags = ItemTouchHelper.LEFT; return makeMovementFlags(0, swipeFlags); } @Override public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) { // 拖动事件 return false; } @Override public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) { // 左滑事件 int position = viewHolder.getAdapterPosition(); mData.remove(position); notifyItemRemoved(position); } @Override public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) { // 滑动时的视觉效果 if (actionState == ItemTouchHelper.ACTION_STATE_SWIPE) { View itemView = viewHolder.itemView; int buttonWidth = itemView.getHeight(); Paint paint = new Paint(); paint.setColor(Color.parseColor("#D32F2F")); RectF background = new RectF(itemView.getRight() + dX, itemView.getTop(), itemView.getRight(), itemView.getBottom()); c.drawRect(background, paint); Drawable icon = ContextCompat.getDrawable(mContext, R.drawable.delete_icon); int intrinsicWidth = icon.getIntrinsicWidth(); int intrinsicHeight = icon.getIntrinsicHeight(); int iconTop = itemView.getTop() + (itemView.getHeight() - intrinsicHeight) / 2; int iconMargin = (itemView.getHeight() - intrinsicHeight) / 2; int iconLeft = itemView.getRight() - iconMargin - intrinsicWidth; int iconRight = itemView.getRight() - iconMargin; int iconBottom = iconTop + intrinsicHeight; icon.setBounds(iconLeft, iconTop, iconRight, iconBottom); icon.draw(c); } super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive); } static class ViewHolder extends RecyclerView.ViewHolder { Button mDeleteButton; public ViewHolder(View itemView) { super(itemView); mDeleteButton = itemView.findViewById(R.id.delete_button); mDeleteButton.setVisibility(View.GONE); } } } ``` 以上是一个简单的实现 Android 仿QQ左滑显示删除按钮的示例代码，可以根据实际需求进行修改和扩展。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值