菜鸟实现(四) AndroidStudio 安卓 消息列表 支持侧滑删除功能 （粗糙版）

先放效果图

        

              

 

说明：页面中的底部导航栏代码参考https://www.runoob.com/w3cnote/android-tutorial-fragment-demo1.html

 

聊天列表页 java代码如下

package com.example.home;

import android.content.Intent;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.Toast;
import com.example.home.message.SwipeAdapter;
import com.example.home.message.SwipeListView;
import com.example.home.message.WXMessage;
import androidx.fragment.app.Fragment;
import java.util.ArrayList;
import java.util.List;

public class MessageFragment extends Fragment implements OnClickListener {
    SwipeAdapter mAdapter;


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.activity_message, container, false);


        SwipeListView mListView = (SwipeListView)view.findViewById(R.id.mListView);
        final List<WXMessage> data = new ArrayList<WXMessage>();
        WXMessage msg = null;
        msg = new WXMessage("家校邦客服", "欢迎登录家校邦！", "早上8:44");
        msg.setIcon_id(R.drawable.chat1);
        data.add(msg);


        mAdapter = new SwipeAdapter(view.getContext(),data);

        mAdapter.setOnRightItemClickListener(new SwipeAdapter.onRightItemClickListener() {

            @Override
            public void onRightItemClick(View v, int position) {

                Toast.makeText(v.getContext(), "删除第  " + (position+1)+" 对话记录", Toast.LENGTH_SHORT).show();
                data.remove(position);
                mAdapter.notifyDataSetChanged();

            }
        });


        mAdapter.setOnLeftItemClickListener(new SwipeAdapter.onLeftItemClickListener() {


            public void onLeftItemClick(View v, int position) {

                Intent intent = new Intent();
                intent.setAction("abc");         //跳转到聊天窗口，在AndroidManifest.xml文件里需要有相应代码呼应
                startActivity(intent);


            }
        });



        mAdapter.setOnTopItemClickListener(new SwipeAdapter.onTopItemClickListener() {


            public void onTopItemClick(View v, int position) {

                Intent intent = new Intent();
                intent.setAction("eee");         //跳转到添加好友窗口
                startActivity(intent);


            }
        });


        mListView.setAdapter(mAdapter);


        return view;
    }

    @Override
    public void onClick(View view) {

    }
}

 

 

添加好友窗口 java代码如下

package com.example.home.message;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.ImageView;

import com.example.home.R;

public class Addfriend extends Activity implements OnClickListener {

    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_message_addfriend);


    }




    public void onClick(View v) {

        ImageView iv_back3 = (ImageView) findViewById(R.id.iv_back3);
        iv_back3.setOnClickListener(this);


        switch (v.getId()) {             //返回到聊天列表
            case R.id.iv_back3:
                finish();
                break;
        }
    }


}

 

 Adapter java代码如下

 

package com.example.home.message;

import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;

import com.example.home.R;

import java.util.List;

public class SwipeAdapter extends BaseAdapter {

    private Context mContext = null;
    private List<WXMessage> data;


    public SwipeAdapter(Context ctx,List<WXMessage> data) {
        mContext = ctx;
        this.data = data;
    }

    @Override
    public int getCount() {
        return data.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 , final ViewGroup parent) {

        ViewHolder holder;
        if (convertView == null) {
            convertView = LayoutInflater.from(mContext).inflate(R.layout.activity_message_chatlist, parent, false);
            holder = new ViewHolder();
            holder.item_left = (RelativeLayout)convertView.findViewById(R.id.item_left);
            holder.item_right = (RelativeLayout)convertView.findViewById(R.id.item_right);
            holder.addfriend = (ImageButton)convertView.findViewById(R.id.addfriend);

            holder.iv_icon = (ImageView) convertView.findViewById(R.id.iv_icon);
            holder.tv_title = (TextView)convertView.findViewById(R.id.tv_title);
            holder.tv_msg = (TextView)convertView.findViewById(R.id.tv_msg);
            holder.tv_time = (TextView)convertView.findViewById(R.id.tv_time);

            holder.item_right_txt = (TextView)convertView.findViewById(R.id.item_right_txt);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder)convertView.getTag();
        }

        Log.i("SwipeAdapter", "getView position="+position);

        WXMessage msg = data.get(position);

        holder.tv_title.setText(msg.getTitle());
        holder.tv_msg.setText(msg.getMsg());
        holder.tv_time.setText(msg.getTime());

        holder.iv_icon.setImageResource(msg.getIcon_id());

        holder.item_right.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if (mListener != null) {
                    mListener.onRightItemClick(v, position);
                }
            }
        });
        holder.item_left.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if (mlListener != null) {

                    v = LayoutInflater.from(mContext).inflate(R.layout.activity_message_chat, parent, false);
                    mlListener.onLeftItemClick(v, position);
                }
            }


        });
        holder.addfriend.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if (mLListener != null) {

                    v = LayoutInflater.from(mContext).inflate(R.layout.activity_message_chat, parent, false);
                    mLListener.onTopItemClick(v, position);
                }
            }


        });
        return convertView;
    }

    static class ViewHolder {
        public ImageButton addfriend;
        RelativeLayout item_left;
        RelativeLayout item_right;

        TextView tv_title;
        TextView tv_msg;
        TextView tv_time;
        ImageView iv_icon;

        TextView item_right_txt;
    }


    private onRightItemClickListener mListener = null;

    public void setOnRightItemClickListener(onRightItemClickListener listener){
        mListener = listener;
    }

    public interface onRightItemClickListener {
        void onRightItemClick(View v, int position);
    }


    private onLeftItemClickListener mlListener = null;

    public void setOnLeftItemClickListener(onLeftItemClickListener listener){
        mlListener = listener;
    }

    public interface onLeftItemClickListener {
        void onLeftItemClick(View v, int position);
    }


    private onTopItemClickListener mLListener = null;

    public void setOnTopItemClickListener(onTopItemClickListener listener){
        mLListener = listener;
    }

    public interface onTopItemClickListener {
        void onTopItemClick(View v, int position);
    }



}

 

SwipeListView.java代码如下

 

package com.example.home.message;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ListView;
import android.widget.RelativeLayout;

import com.example.home.R;

public class SwipeListView extends ListView {

    private static final String TAG = SwipeListView.class.getSimpleName();

    private boolean isShown;

    private View mPreItemView;

    private View mCurrentItemView;

    private float mFirstX;

    private float mFirstY;

    private boolean mIsHorizontal;

    public SwipeListView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

    public SwipeListView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
    }

    public SwipeListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        // TODO Auto-generated constructor stub
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        float lastX = ev.getX();
        float lastY = ev.getY();
        switch (ev.getAction()) {
        case MotionEvent.ACTION_DOWN:

            mIsHorizontal = false;
            
            mFirstX = lastX;
            mFirstY = lastY;
            int motionPosition = pointToPosition((int) mFirstX, (int) mFirstY);

            Log.e(TAG, "onInterceptTouchEvent----->ACTION_DOWN position=" + motionPosition);
            
            if (motionPosition >= 0) {
                View currentItemView = getChildAt(motionPosition - getFirstVisiblePosition());
                mPreItemView = mCurrentItemView;
                mCurrentItemView = currentItemView;
            }
            break;

        case MotionEvent.ACTION_MOVE:
            float dx = lastX - mFirstX;
            float dy = lastY - mFirstY;

            if (Math.abs(dx) >= 5 && Math.abs(dy) >= 5) {
                return true;
            }
            break;

        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_CANCEL:

            Log.i(TAG, "onInterceptTouchEvent----->ACTION_UP");
            if (isShown && mPreItemView != mCurrentItemView) {
                Log.i(TAG, "1---> hiddenRight");
                hiddenRight(mPreItemView);
            }
            break;
        }

        return super.onInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        // TODO Auto-generated method stub
        float lastX = ev.getX();
        float lastY = ev.getY();

        switch (ev.getAction()) {
        case MotionEvent.ACTION_DOWN:
            Log.i(TAG, "---->ACTION_DOWN");
            break;

        case MotionEvent.ACTION_MOVE:
            float dx = lastX - mFirstX;
            float dy = lastY - mFirstY;

            mIsHorizontal = isHorizontalDirectionScroll(dx, dy);
            
            if (!mIsHorizontal) {
                break;
            }

            Log.i(TAG, "onTouchEvent ACTION_MOVE");
            
            if (mIsHorizontal) {
                if (isShown && mPreItemView != mCurrentItemView) {
                    Log.i(TAG, "2---> hiddenRight");

                    hiddenRight(mPreItemView);
                }
            }else {
                if (isShown) {
                    Log.i(TAG, "3---> hiddenRight");

                    hiddenRight(mPreItemView);
                }
            }
            break;
        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_CANCEL:
            Log.i(TAG, "============ACTION_UP");
            if (isShown) {
                Log.i(TAG, "4---> hiddenRight");

                hiddenRight(mPreItemView);
            }

            if (mIsHorizontal) {
                if (mFirstX - lastX > 30) {
                    showRight(mCurrentItemView);
                } else {
                    Log.i(TAG, "5---> hiddenRight");

                    hiddenRight(mCurrentItemView);
                }
                return true;
            }
            break;
        }

        return super.onTouchEvent(ev);
    }

    private void showRight(View rightView) {
        RelativeLayout rl_right=(RelativeLayout)rightView.findViewById(R.id.item_right);
        rl_right.setVisibility(View.VISIBLE);
        
        isShown = true;
    }
    
    private void hiddenRight(View rightView) {
        
        RelativeLayout rl_right=(RelativeLayout)rightView.findViewById(R.id.item_right);
        rl_right.setVisibility(View.GONE);
        
        isShown = false;
    }


    private boolean isHorizontalDirectionScroll(float dx, float dy) {
        boolean mIsHorizontal = true;

        if (Math.abs(dx) > 30 && Math.abs(dx) > 2 * Math.abs(dy)) {
            mIsHorizontal = true;
            System.out.println("mIsHorizontal---->" + mIsHorizontal);
        } else if (Math.abs(dy) > 30 && Math.abs(dy) > 2 * Math.abs(dx)) {
            mIsHorizontal = false;
            System.out.println("mIsHorizontal---->" + mIsHorizontal);
        }

        return mIsHorizontal;
    }
    
}

 

WXMessage.java代码如下

package com.example.home.message;

public class WXMessage {
    private int icon_id;
    private String title;
    private String msg;
    private String time;
    
    public WXMessage(){
        
    }
    public WXMessage(String title, String msg, String time) {
        this.title = title;
        this.msg = msg;
        this.time = time;
    }
    
    
    
    public int getIcon_id() {
        return icon_id;
    }
    public void setIcon_id(int icon_id) {
        this.icon_id = icon_id;
    }
    
    
    
    public String getTitle() {
        return title;
    }
    public void setTitle(String title) {
        this.title = title;
    }
    
    
    
    public String getMsg() {
        return msg;
    }
    public void setMsg(String msg) {
        this.msg = msg;
    }
    
    
    
    public String getTime() {
        return time;
    }
    public void setTime(String time) {
        this.time = time;
    }
    
}

 

以下是xml代码

activity_message.xml

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">



    <com.example.home.message.SwipeListView
        android:id="@+id/mListView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:cacheColorHint="@android:color/transparent"/>

</RelativeLayout>

 

activity_message_chatlist.xml

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">


    <RelativeLayout
        android:id="@+id/message_top_bar"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:background="#87CEFA"
        >

        <TextView
            android:id="@+id/message_txt_topbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_centerInParent="true"
            android:gravity="center"
            android:text="消息"
            android:textColor="#ffff"
            android:textSize="18sp" />

        <ImageButton
            android:id="@+id/addfriend"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="10dp"
            android:layout_alignParentRight="true"
            android:layout_marginTop="6dp"
            android:background="@drawable/addf"
            android:onClick="onClick"/>


    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/item_left"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#FFFFFF"
        android:layout_marginTop="40dp"
        android:paddingBottom="5dp"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:paddingTop="5dp" >

        <ImageView
            android:id="@+id/iv_icon"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_marginRight="5dp"
            android:src="@drawable/chat1" />

        <TextView
            android:id="@+id/tv_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/iv_icon"
            android:textColor="@color/black"
            android:textSize="15sp" />

        <TextView
            android:id="@+id/tv_msg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@id/iv_icon"
            android:layout_alignLeft="@id/tv_title"
            android:singleLine="true"
            android:ellipsize="end"
            android:textColor="#BEBEBE" />

        <TextView
            android:id="@+id/tv_time"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignTop="@id/tv_title"
            android:textColor="#BEBEBE" />
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/item_right"
        android:layout_width="60dp"
        android:layout_height="30dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginRight="10dp"
        android:layout_marginTop="120dp"
        android:background="#FF0000"
        android:visibility="gone" >

        <TextView
            android:id="@+id/item_right_txt"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:gravity="center"
            android:text="删除"
            android:textSize="16sp"
            android:textColor="#FFFFFF" />
    </RelativeLayout>


</RelativeLayout>

 

activity_message_addfriend.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="match_parent"
    android:orientation="vertical" >
    
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:background="#87CEFA"
        android:gravity="center"
        android:orientation="horizontal" >


        <ImageButton
            android:id="@+id/iv_back3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="5dp"
            android:background="@drawable/nf"
            android:onClick="onClick"
            />
        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:textColor="#ffffff"
            android:textSize="15sp"
            android:text="添加朋友"/>

        
    </LinearLayout>
    
    <LinearLayout
        android:layout_height="50dp"
        android:layout_width="match_parent">

        <AutoCompleteTextView
            android:id="@+id/edsearch"
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:layout_weight="1"
            android:hint="学号/手机号"
            android:completionThreshold="1"
            android:textSize="20sp"
            android:inputType="text"
            android:lines="1"
            android:background="@drawable/yuanjiao"
            android:drawableLeft="@drawable/sousuo1" />



    </LinearLayout>


    <RelativeLayout
        android:layout_height="320dp"
        android:layout_width="match_parent"
        android:layout_marginTop="37dp">

        <RelativeLayout
            android:layout_height="60dp"
            android:layout_width="match_parent"
            android:layout_marginTop="15dp"
            android:background="@color/white">

            <ImageView
                android:layout_height="54dp"
                android:layout_width="54dp"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="3dp"
                android:background="@drawable/leida">

            </ImageView>

            <TextView
                android:layout_width="100dp"
                android:layout_height="30dp"
                android:layout_marginLeft="80dp"
                android:layout_marginTop="5dp"
                android:text="雷达加朋友"
                android:textSize="18dp"
                android:textColor="@color/black">

            </TextView>

            <TextView
                android:layout_width="100dp"
                android:layout_height="18dp"
                android:layout_marginLeft="80dp"
                android:layout_marginTop="35dp"
                android:text="添加身边的朋友"
                android:textSize="14dp"
                android:textColor="#696969">

            </TextView>

            <ImageView
                android:layout_height="30dp"
                android:layout_width="30dp"
                android:layout_marginRight="15dp"
                android:layout_alignParentRight="true"
                android:layout_marginTop="15dp"
                android:background="@drawable/arrow">

            </ImageView>


        </RelativeLayout>


        <RelativeLayout
            android:layout_height="60dp"
            android:layout_width="match_parent"
            android:layout_marginTop="90dp"
            android:background="@color/white">

            <ImageView
                android:layout_height="54dp"
                android:layout_width="54dp"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="3dp"
                android:background="@drawable/jianqun">

            </ImageView>


            <TextView
                android:layout_width="100dp"
                android:layout_height="30dp"
                android:layout_marginLeft="80dp"
                android:layout_marginTop="5dp"
                android:text="面对面建群"
                android:textSize="18dp"
                android:textColor="@color/black">

            </TextView>

            <TextView
                android:layout_width="200dp"
                android:layout_height="18dp"
                android:layout_marginLeft="80dp"
                android:layout_marginTop="35dp"
                android:text="与身边的朋友进入同一个群聊"
                android:textSize="14dp"
                android:textColor="#696969">

            </TextView>

            <ImageView
                android:layout_height="30dp"
                android:layout_width="30dp"
                android:layout_marginRight="15dp"
                android:layout_alignParentRight="true"
                android:layout_marginTop="15dp"
                android:background="@drawable/arrow">

            </ImageView>

        </RelativeLayout>

        <RelativeLayout
            android:layout_height="60dp"
            android:layout_width="match_parent"
            android:layout_marginTop="165dp"
            android:background="@color/white">


            <ImageView
                android:layout_height="54dp"
                android:layout_width="54dp"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="3dp"
                android:background="@drawable/lianxi">

            </ImageView>


            <TextView
                android:layout_width="100dp"
                android:layout_height="30dp"
                android:layout_marginLeft="80dp"
                android:layout_marginTop="5dp"
                android:text="手机联系人"
                android:textSize="18dp"
                android:textColor="@color/black">

            </TextView>

            <TextView
                android:layout_width="130dp"
                android:layout_height="18dp"
                android:layout_marginLeft="80dp"
                android:layout_marginTop="35dp"
                android:text="添加通讯录中的好友"
                android:textSize="14dp"
                android:textColor="#696969">

            </TextView>

            <ImageView
                android:layout_height="30dp"
                android:layout_width="30dp"
                android:layout_marginRight="15dp"
                android:layout_alignParentRight="true"
                android:layout_marginTop="15dp"
                android:background="@drawable/arrow">

            </ImageView>



        </RelativeLayout>

        <RelativeLayout
            android:layout_height="60dp"
            android:layout_width="match_parent"
            android:layout_marginTop="240dp"
            android:background="@color/white">

            <ImageView
                android:layout_height="54dp"
                android:layout_width="54dp"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="3dp"
                android:background="@drawable/gong">

            </ImageView>


            <TextView
                android:layout_width="100dp"
                android:layout_height="30dp"
                android:layout_marginLeft="80dp"
                android:layout_marginTop="5dp"
                android:text="公众号"
                android:textSize="18dp"
                android:textColor="@color/black">

            </TextView>

            <TextView
                android:layout_width="150dp"
                android:layout_height="18dp"
                android:layout_marginLeft="80dp"
                android:layout_marginTop="35dp"
                android:text="获取更多资讯和服务"
                android:textSize="14dp"
                android:textColor="#696969">

            </TextView>

            <ImageView
                android:layout_height="30dp"
                android:layout_width="30dp"
                android:layout_marginRight="15dp"
                android:layout_alignParentRight="true"
                android:layout_marginTop="15dp"
                android:background="@drawable/arrow">

            </ImageView>

        </RelativeLayout>
        

    </RelativeLayout>


</LinearLayout>

 

有帮到你的话，点个推荐吧~