【高仿微信系列】02、消息列表ListView滑动删除

最新推荐文章于 2021-05-28 07:59:59 发布
最新推荐文章于 2021-05-28 07:59:59 发布
阅读量2.1k 收藏 5
点赞数
CC 4.0 BY-SA版权
分类专栏： 高仿微信系列 文章标签： 微信 滑动删除 ListView github 属性动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhaiyuanjun/article/details/46738741

本文为个人原创，欢迎转载，但请务必在明显位置注明出处！

GitHub地址：https://github.com/motianhuo/wechat

微信的消息列表中，向左滑动删除Item效果不错，咱们也实现一下。
咱借助Github大牛daimajia的一个开源库来实现。AndroidSwipeLayout

AndroidSwipeLayout

感兴趣的童鞋，可以研究研究，学习学习人家的属性动画是怎么实现的。
OK，开始了，看咱们的实现效果：

微信

下面来看代码：
先看Item layout_item_msg.xml 布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:app="http://schemas.android.com/apk/res/com.juns.wechat"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

    <!-- SwipeLayout控件 -->
    <com.juns.wechat.widght.swipe.SwipeLayout
        android:id="@+id/swipe"
        app:drag_edge="right"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <!-- 底层删除按钮布局 -->
        <LinearLayout
            android:id="@+id/layout_back"
            android:background="@color/red"
            android:gravity="center"
            android:layout_width="80dp"
            android:layout_height="65.0dip"> 
         <TextView
                android:id="@+id/txt_del"
                style="@style/MMFontTitleInList"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="删除"
                android:textColor="@color/white"
                android:textSize="18sp"
                android:singleLine="true" />
        </LinearLayout>

        <!-- 上层显示布局 -->
    <LinearLayout
        android:id="@+id/contactitem_layout"
        style="@style/MMListItem"
        android:layout_height="65.0dip"
        android:background="@color/white"
        android:paddingLeft="12dip">
            <RelativeLayout
            android:id="@+id/avatar_container"
            android:layout_width="59dp"
            android:layout_marginTop="4dp"
            android:layout_height="match_parent"
            android:layout_alignParentLeft="true">
            <ImageView
                android:id="@+id/contactitem_avatar_iv"
                android:layout_width="50.0dip"
                android:layout_height="50.0dip"
                android:src="@drawable/head" />
            <TextView
                android:id="@+id/unread_msg_number"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:background="@drawable/aii"
                android:gravity="center"
                android:textColor="@android:color/white"
                android:textSize="12sp" />
        </RelativeLayout>
        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1.0"
            android:orientation="vertical"
            android:paddingLeft="5dip">
            <TextView
                android:id="@+id/txt_name"
                style="@style/MMFontTitleInList"
                android:textColor="@color/black"
                android:singleLine="true" />
            <TextView
                android:id="@+id/txt_state"
                style="@style/MMFontTag"
                android:layout_below="@+id/txt_name" 
                android:text="已读"
                android:visibility="gone"
                android:background="@drawable/btn_bg_blue"
                android:layout_marginTop="5dp" />
            <TextView
                android:id="@+id/txt_content"
                style="@style/MMFontTitleInList"
                android:layout_below="@+id/txt_name"
                android:layout_toRightOf="@+id/txt_state"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:textSize="14sp"
                android:textColor="@color/black1"
                android:singleLine="true" />
        </RelativeLayout>
        <TextView
            android:id="@+id/txt_time"
            style="@style/MMFontTitleInList"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginTop="10dp"
            android:layout_marginRight="10dp"
            android:gravity="top"
            android:textSize="12sp"
            android:singleLine="true" />
    </LinearLayout>

    </com.juns.wechat.widght.swipe.SwipeLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/black2" />
</LinearLayout>

再看Adpter实现方式：NewMsgAdpter.java

package com.juns.wechat.adpter;

import java.util.Date;
import java.util.Hashtable;
import java.util.List;

import android.app.Activity;
import android.content.Context;
import android.content.DialogInterface;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.TextView.BufferType;

import com.easemob.chat.EMChatManager;
import com.easemob.chat.EMConversation;
import com.easemob.chat.EMMessage;
import com.easemob.chat.ImageMessageBody;
import com.easemob.chat.TextMessageBody;
import com.easemob.util.DateUtils;
import com.juns.wechat.GloableParams;
import com.juns.wechat.R;
import com.juns.wechat.bean.GroupInfo;
import com.juns.wechat.bean.PublicMsgInfo;
import com.juns.wechat.bean.User;
import com.juns.wechat.chat.utils.Constant;
import com.juns.wechat.chat.utils.SmileUtils;
import com.juns.wechat.common.UserUtils;
import com.juns.wechat.common.ViewHolder;
import com.juns.wechat.dialog.WarnTipDialog;
import com.juns.wechat.net.NetClient;
import com.juns.wechat.widght.swipe.SwipeLayout;

public class NewMsgAdpter extends BaseAdapter {
    protected Context context;
    private List<EMConversation> conversationList;
    private WarnTipDialog Tipdialog;
    private int deleteID;
    private String ChatID;
    private NetClient netClient;
    private String userid;
    private Hashtable<String, String> ChatRecord = new Hashtable<String, String>();
    public PublicMsgInfo PublicMsg = null;

    public NewMsgAdpter(Context ctx, List<EMConversation> objects) {
        context = ctx;
        conversationList = objects;
        netClient = new NetClient(ctx);
        userid = UserUtils.getUserID(context);
    }

    public void setPublicMsg(PublicMsgInfo Msg) {
        PublicMsg = Msg;
    }

    public PublicMsgInfo getPublicMsg() {
        return PublicMsg;
    }

    public Hashtable<String, String> getChatRecord() {
        return ChatRecord;
    }

    @Override
    public int getCount() {
        return conversationList.size();
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        if (convertView == null) {
            convertView = LayoutInflater.from(context).inflate(
                    R.layout.layout_item_msg, parent, false);
        }
        ImageView img_avar = ViewHolder.get(convertView,
                R.id.contactitem_avatar_iv);
        TextView txt_name = ViewHolder.get(convertView, R.id.txt_name);
        TextView txt_state = ViewHolder.get(convertView, R.id.txt_state);
        TextView txt_del = ViewHolder.get(convertView, R.id.txt_del);
        TextView txt_content = ViewHolder.get(convertView, R.id.txt_content);
        TextView txt_time = ViewHolder.get(convertView, R.id.txt_time);
        TextView unreadLabel = ViewHolder.get(convertView,
                R.id.unread_msg_number);
        SwipeLayout swipe = ViewHolder.get(convertView, R.id.swipe);
        if (PublicMsg != null && position == 0) {
            txt_name.setText("订阅号");
            img_avar.setImageResource(R.drawable.icon_public);
            txt_time.setText(PublicMsg.getTime());
            txt_content.setText(PublicMsg.getContent());
            unreadLabel.setText("3");
            unreadLabel.setVisibility(View.VISIBLE);
            swipe.setSwipeEnabled(false);
        } else {
            swipe.setSwipeEnabled(true);
            // 获取与此用户/群组的会话
            final EMConversation conversation = conversationList.get(position);
            // 获取用户username或者群组groupid
            ChatID = conversation.getUserName();
            txt_del.setTag(ChatID);
            if (conversation.isGroup()) {
                GroupInfo info = GloableParams.GroupInfos.get(ChatID);
                if (info != null) {
                    txt_name.setText(info.getGroup_name());
                    img_avar.setImageResource(R.drawable.defult_group);
                    // initGroupInfo(img_avar, txt_name);// 获取群组信息
                }
            } else {
                User user = GloableParams.Users.get(ChatID);
                if (user != null) {
                    txt_name.setText(user.getUserName());
                    // initUserInfo(img_avar, txt_name);// 获取用户信息
                }
            }
            if (conversation.getUnreadMsgCount() > 0) {
                // 显示与此用户的消息未读数
                unreadLabel.setText(String.valueOf(conversation
                        .getUnreadMsgCount()));
                unreadLabel.setVisibility(View.VISIBLE);
            } else {
                unreadLabel.setVisibility(View.INVISIBLE);
            }
            if (conversation.getMsgCount() != 0) {
                // 把最后一条消息的内容作为item的message内容
                EMMessage lastMessage = conversation.getLastMessage();
                txt_content.setText(
                        SmileUtils.getSmiledText(context,
                                getMessageDigest(lastMessage, context)),
                        BufferType.SPANNABLE);
                txt_time.setText(DateUtils.getTimestampString(new Date(
                        lastMessage.getMsgTime())));
                if (lastMessage.status == EMMessage.Status.SUCCESS) {
                    txt_state.setText("送达");
                    // txt_state.setBackgroundResource(R.drawable.btn_bg_orgen);
                } else if (lastMessage.status == EMMessage.Status.FAIL) {
                    txt_state.setText("失败");
                    // txt_state.setBackgroundResource(R.drawable.btn_bg_red);
                } else if (lastMessage.direct == EMMessage.Direct.RECEIVE) {
                    txt_state.setText("已读");
                    txt_state.setBackgroundResource(R.drawable.btn_bg_blue);
                }
            }

            txt_del.setOnClickListener(new OnClickListener() {

                @Override
                public void onClick(View v) {
                    deleteID = position;
                    Tipdialog = new WarnTipDialog((Activity) context,
                            "您确定要删除该聊天吗？");
                    Tipdialog.setBtnOkLinstener(onclick);
                    Tipdialog.show();
                }
            });
        }
        return convertView;
    }

    private DialogInterface.OnClickListener onclick = new DialogInterface.OnClickListener() {

        @Override
        public void onClick(DialogInterface dialog, int which) {
            EMConversation conversation = conversationList.get(deleteID);
            EMChatManager.getInstance().deleteConversation(
                    conversation.getUserName());
            // Utils.showLongToast((Activity) context, "删除成功");
            conversationList.remove(deleteID);
            notifyDataSetChanged();
            Tipdialog.dismiss();
        }
    };

    /**
     * 根据消息内容和消息类型获取消息内容提示
     * 
     * @param message
     * @param context
     * @return
     */
    private String getMessageDigest(EMMessage message, Context context) {
        String digest = "";
        switch (message.getType()) {
        case LOCATION: // 位置消息
            if (message.direct == EMMessage.Direct.RECEIVE) {
                digest = getStrng(context, R.string.location_recv);
                String name = message.getFrom();
                if (GloableParams.UserInfos != null) {
                    User user = GloableParams.Users.get(message.getFrom());
                    if (null != user.getUserName())
                        name = user.getUserName();
                }
                digest = String.format(digest, message.getFrom());
                return digest;
            } else {
                digest = getStrng(context, R.string.location_prefix);
            }
            break;
        case IMAGE: // 图片消息
            ImageMessageBody imageBody = (ImageMessageBody) message.getBody();
            digest = getStrng(context, R.string.picture)
                    + imageBody.getFileName();
            break;
        case VOICE:// 语音消息
            digest = getStrng(context, R.string.voice_msg);
            break;
        case VIDEO: // 视频消息
            digest = getStrng(context, R.string.video);
            break;
        case TXT: // 文本消息
            if (!message.getBooleanAttribute(
                    Constant.MESSAGE_ATTR_IS_VOICE_CALL, false)) {
                TextMessageBody txtBody = (TextMessageBody) message.getBody();
                digest = txtBody.getMessage();
            } else {
                TextMessageBody txtBody = (TextMessageBody) message.getBody();
                digest = getStrng(context, R.string.voice_call)
                        + txtBody.getMessage();
            }
            break;
        case FILE: // 普通文件消息
            digest = getStrng(context, R.string.file);
            break;
        default:
            System.err.println("error, unknow type");
            return "";
        }
        return digest;
    }
    String getStrng(Context context, int resId) {
        return context.getResources().getString(resId);
    }
}

OK，项目的完整代码可以去 Github （点击这里） 下载。

本系列文章会教你一步步打造自己的高仿微信APP，尽请关注本博客！

28.qt quick-ListView高仿微信好友列表和聊天列表
抵抗时间扭曲，坚持做一件有意义的事
06-12 3266
1.视图模型介绍 在Qml中、常见的View视图有: ListView: 列表视图,视图中数据来自ListModel、XmlListModel或c++中继承自QAbstractItemModel或QAbstractListModel的自定义模型类 TableView:和excel类似的视图 GridView: 网格视图,类似于home菜单那样,排列着一个个app小图标 PathView: ...
Android仿ios微信左划条目删除、置顶的实现，代码简洁，更容易理解使用
sun的博客
07-15 3977
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
Android仿ios微信滑动删除、置顶的实现
07-15
Android仿ios微信滑动删除、置顶的实现： 左划ListView的item，当前条目出现“删除”和“置顶”两个按钮，点击其他位置，按钮隐藏，点击“删除”，当前条目消失。点击“置顶”，当前条目显示在第一行
高仿微信对话列表滑动删除效果
bruceyang的博客
12-24 751
前言 用过微信的都知道，微信对话列表滑动删除效果是很不错的，这个效果我们也可以有。思路其实很简单，弄个ListView，然后里面的每个item做成一个可以滑动的自定义控件即可。由于ListView是上下滑动而item是左右滑动，因此会有滑动冲突，也许你需要了解下android中点击事件的派发流程，请参考Android源码分析-点击事件派发机制。我的解决思路是这样的：重写ListView的on
高仿微信开源项目总结
永无止境--AllenJuns
07-01 3235
本文为个人原创，欢迎转载，但请务必在明显位置注明出处！ GitHub地址：https://github.com/motianhuo/wechat 这段时间我致力于github的开源贡献，开源了一个比较有用且有意义的项目。这个项目为 高仿微信，这个项目本来是自己在业余时间做的一个项目，本来这个项目的初衷是想做成移动企业办公OA的APP，但这个项目的工作量太大了，自己单枪匹马，又是写客户端又是学
仿微信聊天列表
09-07
仿微信聊天列表布局，RecyclerView多布局，RecyclerView使用
IOS高仿微信聊天对话界面
11-08
模仿微信聊天界面，实现的气泡对话，效果瞒不错的，自己整理的，希望正在做这一块儿的同学没头绪的做个参考。
Android高仿微信对话列表滑动删除效果
09-01
本文将详细介绍如何在Android中高仿微信对话列表的滑动删除功能。 首先，我们要创建一个可滑动的ListView。在这个过程中，我们需要自定义ListView的Item视图，通常是一个包含消息内容、时间等元素的布局。为了实现...
Android 高仿微信朋友圈动态支持双击手势放大并滑动查看图片效果
08-31
本文将详细介绍如何在Android中实现高仿微信朋友圈动态支持双击手势放大并滑动查看图片的效果。 首先，为了实现图片的加载，我们可以使用开源库如Glide或Picasso，但在示例中，开发者选择了ImageLoader。...
[转]ANDROID仿IOS微信滑动删除_SWIPELISTVIEW左滑删除例子
weixin_33875839的博客
06-28 307
转载:http://dwtedx.sinaapp.com/itshare_290.html   本例子实现了滑动删除ListView的Itemdemo的效果、大家都知道、这种创意是来源于IOS的、左滑删除的功能、在Android上面实现比较麻烦、本例子中不仅实现了左滑删除功能、还实现了左滑赞、左滑分享、左滑收藏等功能、当然大家也可以根据自己项目的需求来修改功能、QQ和微信也实现了相同的功能、大...
Android模仿微信消息列表
04-26
Android Studio中模仿微信的消息列表，单独图标，带点击事件。
iOS 即时通讯 + 仿微信聊天框架 + 源码
爱技术....爱生活！
05-31 8078
转自:http://www.cnblogs.com/taoxu/p/5486417.html 即时通讯（IM），在iOS这片江湖里面已经算是一个老者了，我这小旋风也是在很早以前巡山的时候，就知道有即时通讯这个妖怪，以前也多多少少接触过一些，在造APP的时候用过，哎呀，说着说着就感觉要跑题了，脑海中怎么波涛翻滚的样子。不好，才开头了两句，~~(>_CocoaAsyncSocket 还有 X
52、微信-扫一扫CaptureActivity
大星星的专栏
03-18 3274
需要注意的是这里使用的CameraManager是zxing里面的。 import com.example.wechat.zxing.camera.CameraManager; xml version="1.0" encoding="utf-8"?>FrameLayout xmlns:android="http://schemas.android.com/apk/res/a
手把手教学IOS自定义cell-仿微信消息列表
不一样的博客
07-13 2334
效果图 自定义View是一件非常有成就感的实践，如果有Android基础的同学接触起来应该会比较顺手，基本思路都差不多。项目采用原生的布局方式，实现仿微信消息列表效果，主要是学习自定义Cell，展示头像、标题、消息概要、时间和未读数View。下图左边是样例，右边是实现的效果图。 项目结构 项目采用MVC模式，Model处理数据，View提供自定义的Cell和Cell的位置大小，ViewContro...
“微信” 代码开源了，你要吗？
永无止境--AllenJuns
07-05 1379
每个程序员心中都有一个自己的微信，而我要找到属于我的微信！高仿微信 2.0版本发布了 V 2.0 1、重构项目，代码逻辑更清晰。 2、加入红包功能，使聊天更有趣味性。 3、让微信更好玩儿，将用户体验做到极致！高仿微信2.0 源码下载点击进入安装包下载点击这里...
[Android]用LinearLayout 实现类微信消息列表项
weixin_34124939的博客
06-06 426
2019独角兽企业重金招聘Python工程师标准>>> ...
仿微信源代码android,android 最新版超高仿微信源码。
weixin_29997523的博客
05-28 1475
【实例简介】测试账号：15918013302 密码：123456【实例截图】【核心代码】import java.util.List;import net.tsz.afinal.FinalDb;import android.app.Service;import android.content.Intent;import android.content.pm.PackageManager;import...
打造高仿微信九宫格列表的Android实现教程
资源摘要信息:"安卓高仿微信朋友圈九宫格列表" 知识点一：Android开发基础 Android开发基于Java语言，通过Android SDK进行，主要涉及以下几个核心概念： 1. Activity：Android程序中的一个单一屏幕，每个Activity...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值