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

先放效果图

        

              

 

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

 

聊天列表页 java代码如下

package com.example.home;  2 
import android.content.Intent;  4 import android.os.Bundle;  5 import android.view.LayoutInflater;  6 import android.view.View;  7 import android.view.View.OnClickListener;  8 import android.view.ViewGroup;  9 import android.widget.Toast; 10 import com.example.home.message.SwipeAdapter; 11 import com.example.home.message.SwipeListView; 12 import com.example.home.message.WXMessage; 13 import androidx.fragment.app.Fragment; 14 import java.util.ArrayList; 15 import java.util.List; 16 
public class MessageFragment extends Fragment implements OnClickListener { 18  SwipeAdapter mAdapter; 19 

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

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

        mAdapter = new SwipeAdapter(view.getContext(),data); 36 
        mAdapter.setOnRightItemClickListener(new SwipeAdapter.onRightItemClickListener() { 38 
 @Override 40             public void onRightItemClick(View v, int position) { 41 
                Toast.makeText(v.getContext(), "删除第  " + (position+1)+" 对话记录", Toast.LENGTH_SHORT).show(); 43  data.remove(position); 44  mAdapter.notifyDataSetChanged(); 45 
 } 47  }); 48 

        mAdapter.setOnLeftItemClickListener(new SwipeAdapter.onLeftItemClickListener() { 51 

            public void onLeftItemClick(View v, int position) { 54 
                Intent intent = new Intent(); 56                 intent.setAction("abc"); //跳转到聊天窗口，在AndroidManifest.xml文件里需要有相应代码呼应 57  startActivity(intent); 58 

 } 61  }); 62 


        mAdapter.setOnTopItemClickListener(new SwipeAdapter.onTopItemClickListener() { 66 

            public void onTopItemClick(View v, int position) { 69 
                Intent intent = new Intent(); 71                 intent.setAction("eee"); //跳转到添加好友窗口 72  startActivity(intent); 73 

 } 76  }); 77 

 mListView.setAdapter(mAdapter); 80 

        return view; 83  } 84 
 @Override 86     public void onClick(View view) { 87 
 } 89 }

 

 

添加好友窗口 java代码如下

package com.example.home.message;  2 
import android.app.Activity;  4 import android.os.Bundle;  5 import android.view.View;  6 import android.view.View.OnClickListener;  7 import android.view.Window;  8 import android.widget.ImageView;  9 
import com.example.home.R; 11 
public class Addfriend extends Activity implements OnClickListener { 13 
    protected void onCreate(Bundle savedInstanceState) { 15         // TODO Auto-generated method stub
        super.onCreate(savedInstanceState); 17  requestWindowFeature(Window.FEATURE_NO_TITLE); 18  setContentView(R.layout.activity_message_addfriend); 19 

 } 22 



    public void onClick(View v) { 27 
        ImageView iv_back3 = (ImageView) findViewById(R.id.iv_back3); 29         iv_back3.setOnClickListener(this); 30 

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

}

 

 Adapter java代码如下

 

package com.example.home.message;  2 
import android.content.Context;  4 import android.util.Log;  5 import android.view.LayoutInflater;  6 import android.view.View;  7 import android.view.View.OnClickListener;  8 import android.view.ViewGroup;  9 import android.widget.BaseAdapter;  10 import android.widget.ImageButton;  11 import android.widget.ImageView;  12 import android.widget.RelativeLayout;  13 import android.widget.TextView;  14 
import com.example.home.R;  16 
import java.util.List;  18 
public class SwipeAdapter extends BaseAdapter {  20 
    private Context mContext = null;  22     private List<WXMessage> data;  23 

    public SwipeAdapter(Context ctx,List<WXMessage> data) {  26         mContext = ctx;  27         this.data = data;  28  }  29 
 @Override  31     public int getCount() {  32         return data.size();  33  }  34 
 @Override  36     public Object getItem(int position) {  37         return null;  38  }  39 
 @Override  41     public long getItemId(int position) {  42         return position;  43  }  44 
 @Override  46     public View getView(final int position, View convertView , final ViewGroup parent) {  47 
 ViewHolder holder;  49         if (convertView == null) {  50             convertView = LayoutInflater.from(mContext).inflate(R.layout.activity_message_chatlist, parent, false);  51             holder = new ViewHolder();  52             holder.item_left = (RelativeLayout)convertView.findViewById(R.id.item_left);  53             holder.item_right = (RelativeLayout)convertView.findViewById(R.id.item_right);  54             holder.addfriend = (ImageButton)convertView.findViewById(R.id.addfriend);  55 
            holder.iv_icon = (ImageView) convertView.findViewById(R.id.iv_icon);  57             holder.tv_title = (TextView)convertView.findViewById(R.id.tv_title);  58             holder.tv_msg = (TextView)convertView.findViewById(R.id.tv_msg);  59             holder.tv_time = (TextView)convertView.findViewById(R.id.tv_time);  60 
            holder.item_right_txt = (TextView)convertView.findViewById(R.id.item_right_txt);  62  convertView.setTag(holder);  63         } else {  64             holder = (ViewHolder)convertView.getTag();  65  }  66 
        Log.i("SwipeAdapter", "getView position="+position);  68 
        WXMessage msg = data.get(position);  70 
 holder.tv_title.setText(msg.getTitle());  72  holder.tv_msg.setText(msg.getMsg());  73  holder.tv_time.setText(msg.getTime());  74 
 holder.iv_icon.setImageResource(msg.getIcon_id());  76 
        holder.item_right.setOnClickListener(new OnClickListener() {  78  @Override  79             public void onClick(View v) {  80                 if (mListener != null) {  81  mListener.onRightItemClick(v, position);  82  }  83  }  84  });  85         holder.item_left.setOnClickListener(new OnClickListener() {  86  @Override  87             public void onClick(View v) {  88                 if (mlListener != null) {  89 
                    v = LayoutInflater.from(mContext).inflate(R.layout.activity_message_chat, parent, false);  91  mlListener.onLeftItemClick(v, position);  92  }  93  }  94 

 });  97         holder.addfriend.setOnClickListener(new OnClickListener() {  98  @Override  99             public void onClick(View v) { 100                 if (mLListener != null) { 101 
                    v = LayoutInflater.from(mContext).inflate(R.layout.activity_message_chat, parent, false); 103  mLListener.onTopItemClick(v, position); 104  } 105  } 106 

 }); 109         return convertView; 110  } 111 
    static class ViewHolder { 113         public ImageButton addfriend; 114  RelativeLayout item_left; 115  RelativeLayout item_right; 116 
 TextView tv_title; 118  TextView tv_msg; 119  TextView tv_time; 120  ImageView iv_icon; 121 
 TextView item_right_txt; 123  } 124 

    private onRightItemClickListener mListener = null; 127 
    public void setOnRightItemClickListener(onRightItemClickListener listener){ 129         mListener = listener; 130  } 131 
    public interface onRightItemClickListener { 133         void onRightItemClick(View v, int position); 134  } 135 

    private onLeftItemClickListener mlListener = null; 138 
    public void setOnLeftItemClickListener(onLeftItemClickListener listener){ 140         mlListener = listener; 141  } 142 
    public interface onLeftItemClickListener { 144         void onLeftItemClick(View v, int position); 145  } 146 

    private onTopItemClickListener mLListener = null; 149 
    public void setOnTopItemClickListener(onTopItemClickListener listener){ 151         mLListener = listener; 152  } 153 
    public interface onTopItemClickListener { 155         void onTopItemClick(View v, int position); 156  } 157 


}

 

SwipeListView.java代码如下

 

package com.example.home.message;  2 
import android.content.Context;  4 import android.util.AttributeSet;  5 import android.util.Log;  6 import android.view.MotionEvent;  7 import android.view.View;  8 import android.widget.ListView;  9 import android.widget.RelativeLayout;  10 
import com.example.home.R;  12 
public class SwipeListView extends ListView {  14 
    private static final String TAG = SwipeListView.class.getSimpleName();  16 
    private boolean isShown;  18 
    private View mPreItemView;  20 
    private View mCurrentItemView;  22 
    private float mFirstX;  24 
    private float mFirstY;  26 
    private boolean mIsHorizontal;  28 
    public SwipeListView(Context context) {  30         super(context);  31         // TODO Auto-generated constructor stub
 }  33 
    public SwipeListView(Context context, AttributeSet attrs) {  35         super(context, attrs);  36         // TODO Auto-generated constructor stub
 }  38 
    public SwipeListView(Context context, AttributeSet attrs, int defStyle) {  40         super(context, attrs, defStyle);  41         // TODO Auto-generated constructor stub
 }  43 
 @Override  45     public boolean onInterceptTouchEvent(MotionEvent ev) {  46         float lastX = ev.getX();  47         float lastY = ev.getY();  48         switch (ev.getAction()) {  49         case MotionEvent.ACTION_DOWN:  50 
            mIsHorizontal = false;  52             
            mFirstX = lastX;  54             mFirstY = lastY;  55             int motionPosition = pointToPosition((int) mFirstX, (int) mFirstY);  56 
            Log.e(TAG, "onInterceptTouchEvent----->ACTION_DOWN position=" + motionPosition);  58             
            if (motionPosition >= 0) {  60                 View currentItemView = getChildAt(motionPosition - getFirstVisiblePosition());  61                 mPreItemView = mCurrentItemView;  62                 mCurrentItemView = currentItemView;  63  }  64             break;  65 
        case MotionEvent.ACTION_MOVE:  67             float dx = lastX - mFirstX;  68             float dy = lastY - mFirstY;  69 
            if (Math.abs(dx) >= 5 && Math.abs(dy) >= 5) {  71                 return true;  72  }  73             break;  74 
        case MotionEvent.ACTION_UP:  76         case MotionEvent.ACTION_CANCEL:  77 
            Log.i(TAG, "onInterceptTouchEvent----->ACTION_UP");  79             if (isShown && mPreItemView != mCurrentItemView) {  80                 Log.i(TAG, "1---> hiddenRight");  81  hiddenRight(mPreItemView);  82  }  83             break;  84  }  85 
        return super.onInterceptTouchEvent(ev);  87  }  88 
 @Override  90     public boolean onTouchEvent(MotionEvent ev) {  91         // TODO Auto-generated method stub
        float lastX = ev.getX();  93         float lastY = ev.getY();  94 
        switch (ev.getAction()) {  96         case MotionEvent.ACTION_DOWN:  97             Log.i(TAG, "---->ACTION_DOWN");  98             break;  99 
        case MotionEvent.ACTION_MOVE: 101             float dx = lastX - mFirstX; 102             float dy = lastY - mFirstY; 103 
            mIsHorizontal = isHorizontalDirectionScroll(dx, dy); 105             
            if (!mIsHorizontal) { 107                 break; 108  } 109 
            Log.i(TAG, "onTouchEvent ACTION_MOVE"); 111             
            if (mIsHorizontal) { 113                 if (isShown && mPreItemView != mCurrentItemView) { 114                     Log.i(TAG, "2---> hiddenRight"); 115 
 hiddenRight(mPreItemView); 117  } 118             }else { 119                 if (isShown) { 120                     Log.i(TAG, "3---> hiddenRight"); 121 
 hiddenRight(mPreItemView); 123  } 124  } 125             break; 126         case MotionEvent.ACTION_UP: 127         case MotionEvent.ACTION_CANCEL: 128             Log.i(TAG, "============ACTION_UP"); 129             if (isShown) { 130                 Log.i(TAG, "4---> hiddenRight"); 131 
 hiddenRight(mPreItemView); 133  } 134 
            if (mIsHorizontal) { 136                 if (mFirstX - lastX > 30) { 137  showRight(mCurrentItemView); 138                 } else { 139                     Log.i(TAG, "5---> hiddenRight"); 140 
 hiddenRight(mCurrentItemView); 142  } 143                 return true; 144  } 145             break; 146  } 147 
        return super.onTouchEvent(ev); 149  } 150 
    private void showRight(View rightView) { 152         RelativeLayout rl_right=(RelativeLayout)rightView.findViewById(R.id.item_right); 153  rl_right.setVisibility(View.VISIBLE); 154         
        isShown = true; 156  } 157     
    private void hiddenRight(View rightView) { 159         
        RelativeLayout rl_right=(RelativeLayout)rightView.findViewById(R.id.item_right); 161  rl_right.setVisibility(View.GONE); 162         
        isShown = false; 164  } 165 

    private boolean isHorizontalDirectionScroll(float dx, float dy) { 168         boolean mIsHorizontal = true; 169 
        if (Math.abs(dx) > 30 && Math.abs(dx) > 2 * Math.abs(dy)) { 171             mIsHorizontal = true; 172             System.out.println("mIsHorizontal---->" + mIsHorizontal); 173         } else if (Math.abs(dy) > 30 && Math.abs(dy) > 2 * Math.abs(dx)) { 174             mIsHorizontal = false; 175             System.out.println("mIsHorizontal---->" + mIsHorizontal); 176  } 177 
        return mIsHorizontal; 179  } 180     
}

 

WXMessage.java代码如下

package com.example.home.message;  2 
public class WXMessage {  4     private int icon_id;  5     private String title;  6     private String msg;  7     private String time;  8     
    public WXMessage(){ 10         
 } 12     public WXMessage(String title, String msg, String time) { 13         this.title = title; 14         this.msg = msg; 15         this.time = time; 16  } 17     
    
    
    public int getIcon_id() { 21         return icon_id; 22  } 23     public void setIcon_id(int icon_id) { 24         this.icon_id = icon_id; 25  } 26     
    
    
    public String getTitle() { 30         return title; 31  } 32     public void setTitle(String title) { 33         this.title = title; 34  } 35     
    
    
    public String getMsg() { 39         return msg; 40  } 41     public void setMsg(String msg) { 42         this.msg = msg; 43  } 44     
    
    
    public String getTime() { 48         return time; 49  } 50     public void setTime(String time) { 51         this.time = time; 52  } 53     
}

 

以下是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>

 

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