Android仿QQ滑动弹出菜单标记已读、未读消息

在上一篇《Android仿微信滑动弹出编辑、删除菜单效果、增加下拉刷新功能》里，已经带着大家学习如何使用SwipeMenuListView这一开源库实现滑动列表弹出菜单，接下来，将进一步学习，如何为不同的list item呈现不同的菜单，此处我们做一个实例：Android * QQ滑动弹出菜单标记已读、未读消息，看下效果图：

1. 创建项目，并导入SwipeMenuListView类库

2. 创建消息实体bean：

public class Msg {

public int id;

public String title;

public String desc;

// false是未读；true是已读
 public boolean isRead;

@Override
 public String toString() {
   return "Msg{" +
       "id=" + id +
       ", title='" + title + '\'' +
       ", desc='" + desc + '\'' +
       ", isRead=" + isRead +
       '}';
 }
}

注： 通过isRead字段，我们区分菜单显示“设为已读”“设为未读”；

3. 创建列表显示的Adapter，重写其中的getItemViewType方法：

import android.app.Activity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

/**
* my msgs list adapter
*/
public class MyMsgAdapter extends BaseAdapter {

private Activity mContext;

private LayoutInflater mInflater;

private List<Msg> mDatas;

public MyMsgAdapter(Activity context, List<Msg> datas) {
   mContext = context;
   mInflater = LayoutInflater.from(mContext);
   mDatas = datas;
 }

@Override
 public int getCount() {
   return (mDatas != null ? mDatas.size() : 0);
 }

@Override
 public Object getItem(int position) {
   return (mDatas != null ? mDatas.get(position) : null);
 }

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

@Override
 public int getViewTypeCount() {
   return 2;
 }

@Override
 public int getItemViewType(int position) {
   Msg myMsg = mDatas.get(position);
   boolean isRead = myMsg.isRead;
   if (isRead) {
     return 0;
   } else {
     return 1;
   }
 }

@Override
 public View getView(final int position, View convertView, ViewGroup parent) {
   ViewHolder holder = null;
   if (convertView == null) {
     // 下拉项布局
     convertView = mInflater.inflate(R.layout.list_item_my_msg, null);

holder = new ViewHolder();

holder.img_msg = (ImageView) convertView.findViewById(R.id.img_msg);
     holder.text_msg_user_name = (TextView) convertView.findViewById(R.id.text_msg_user_name);
     holder.text_msg_infos = (TextView) convertView.findViewById(R.id.text_msg_infos);

convertView.setTag(holder);

} else {
     holder = (ViewHolder) convertView.getTag();
   }
   final Msg myMsg = mDatas.get(position);

if (myMsg != null) {

if (myMsg.isRead) {//未读
       holder.img_msg.setImageResource(R.mipmap.readed_msg_img);
     } else {
       holder.img_msg.setImageResource(R.mipmap.unread_msg_img);
     }

holder.text_msg_user_name.setText(myMsg.title);
     holder.text_msg_infos.setText(myMsg.desc);
   }

return convertView;
 }

class ViewHolder {

ImageView img_msg;

TextView text_msg_user_name;

TextView text_msg_infos;
 }
}

注： 此处重写了父类中的getItemViewType方法，该方法中，我们根据Msg的isRead字段来判断返回值的是0还是1； 之后，我们将根据该返回值，来判断list item的菜单是何种类型！

4. 根据ItemViewType，创建滑动菜单：

import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.TypedValue;
import android.view.View;
import android.widget.AdapterView;
import android.widget.Toast;

import com.apkfuns.logutils.LogUtils;
import com.baoyz.swipemenulistview.SwipeMenu;
import com.baoyz.swipemenulistview.SwipeMenuCreator;
import com.baoyz.swipemenulistview.SwipeMenuItem;
import com.baoyz.swipemenulistview.SwipeMenuListView;

import java.util.ArrayList;
import java.util.List;

import butterknife.Bind;
import butterknife.ButterKnife;
import butterknife.OnItemClick;

public class MainActivity extends AppCompatActivity {

// 方案列表
 @Bind(R.id.listViewMyMsgs)
 public SwipeMenuListView listViewMyMsgs;

private MyMsgAdapter msgAdapter;

// 消息集合
 private List<Msg> msgs;

// 要删除的数据
 private Msg dMsg;

// 要修改的数据
 private int oPos;

private Msg oMyMsg;

@Override
 protected void onCreate(Bundle savedInstanceState) {
   super.onCreate(savedInstanceState);
   setContentView(R.layout.activity_main);

ButterKnife.bind(this);

msgs = new ArrayList<Msg>();

Msg msg1 = new Msg();
   msg1.id = 1;
   msg1.title = "上邪";
   msg1.desc = "我欲与君相知，长命无绝衰";
   msg1.isRead = false;

Msg msg2 = new Msg();
   msg2.id = 2;
   msg2.title = "爱在记忆中找你";
   msg2.desc = "如果可以恨你，全力痛恨你，连遇上亦要躲避";
   msg2.isRead = true;

msgs.add(msg1);
   msgs.add(msg2);

msgAdapter = new MyMsgAdapter(this, msgs);
   listViewMyMsgs.setAdapter(msgAdapter);

createMenu();
 }

/**
  * 删除某个消息
  *
  * @param position
  */
 private void deleteMsg(int position) {
   // DoDeleteMsgRequest(String id,Handler mHandler, int reqCode)
   dMsg = msgs.get(position);
   if (dMsg != null) {
     Toast.makeText(MainActivity.this, "删除 ： " + dMsg, Toast.LENGTH_SHORT).show();

msgs.remove(dMsg);
     msgAdapter.notifyDataSetChanged();
   }
 }

/**
  * 标记已读和未读
  *
  * @param position
  */
 private void readMsg(int position) {
   //DoReadMsgRequest(String id, String isRead, Handler mHandler, int reqCode)
   oPos = position;
   oMyMsg = msgs.get(position);
   if (oMyMsg != null) {
     msgs.get(position).isRead = !msgs.get(position).isRead;

msgAdapter.notifyDataSetChanged();
   }
 }

private void createMenu() {
   // step 1. create a MenuCreator
   SwipeMenuCreator creator = new SwipeMenuCreator() {
     @Override
     public void create(SwipeMenu menu) {
       switch (menu.getViewType()) {
         case 0:// 未读
           createMenu1(menu);
           break;
         case 1:// 已读
           createMenu2(menu);
           break;
       }
     }

private void createMenu1(SwipeMenu menu) {
       SwipeMenuItem unreadItem = new SwipeMenuItem(
           getApplicationContext());
       unreadItem.setId(1);
       unreadItem.setBackground(new ColorDrawable(Color.parseColor("#555555")));
       unreadItem.setWidth(dp2px(90));
       unreadItem.setTitle("标为已读");
       unreadItem.setTitleSize(16);
       unreadItem.setTitleColor(Color.parseColor("#FFFFFF"));
       menu.addMenuItem(unreadItem);

SwipeMenuItem deleteItem = new SwipeMenuItem(
           getApplicationContext());
       deleteItem.setId(0);
       deleteItem.setBackground(new ColorDrawable(Color.parseColor("#EF4B3A")));
       deleteItem.setWidth(dp2px(90));
       deleteItem.setTitle("删除");
       deleteItem.setTitleSize(16);
       deleteItem.setTitleColor(Color.parseColor("#FFFFFF"));
       menu.addMenuItem(deleteItem);
     }

private void createMenu2(SwipeMenu menu) {
       SwipeMenuItem readedItem = new SwipeMenuItem(
           getApplicationContext());
       readedItem.setId(2);
       readedItem.setBackground(new ColorDrawable(Color.parseColor("#555555")));
       readedItem.setWidth(dp2px(90));
       readedItem.setTitle("标记未读");
       readedItem.setTitleSize(16);
       readedItem.setTitleColor(Color.parseColor("#FFFFFF"));
       menu.addMenuItem(readedItem);

SwipeMenuItem deleteItem = new SwipeMenuItem(
           getApplicationContext());
       deleteItem.setId(0);
       deleteItem.setBackground(new ColorDrawable(Color.parseColor("#EF4B3A")));
       deleteItem.setWidth(dp2px(90));
       deleteItem.setTitle("删除");
       deleteItem.setTitleSize(16);
       deleteItem.setTitleColor(Color.parseColor("#FFFFFF"));
       menu.addMenuItem(deleteItem);
     }
   };
   // set creator
   listViewMyMsgs.setMenuCreator(creator);

// step 2. listener item click event
   listViewMyMsgs.setOnMenuItemClickListener(new SwipeMenuListView.OnMenuItemClickListener() {
     @Override
     public boolean onMenuItemClick(int position, SwipeMenu menu, int index) {

SwipeMenuItem menuItem = menu.getMenuItem(index);
       int id = menuItem.getId();
       switch (id) {
         case 0:
           LogUtils.e("删除 :" + position);
           deleteMsg(position);
           break;
         case 1:
           LogUtils.e("标记未读 :" + position);
           readMsg(position);
           break;
         case 2:
           LogUtils.e("标为已读 :" + position);
           readMsg(position);
           break;
       }
       return false;
     }
   });
 }

@OnItemClick(R.id.listViewMyMsgs)
 public void onItemClick(AdapterView<?> parent, View view, int position,
             long id) {
   Msg myMsg = (Msg) parent.getAdapter().getItem(
       position);
   if (myMsg != null) {

if (myMsg.isRead) { // 如果是未读，需要标记为已读
       readMsg(position);
     }
   }
 }

private int dp2px(int dp) {
   return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp,
       getResources().getDisplayMetrics());
 }
}

注：着重看下SwipeMenuCreator接口中的public void create(SwipeMenu menu)方法，通过menu.getViewType()方法，我们可以得到该list item的viewType，而这个viewType，使我们刚刚在Adapter自己定义的，所以此时，只需要判断自己所定义的viewType值，并根据viewType来创建菜单即可！

如此这般，便可实现类似QQ滑动弹出菜单标记已读、未读消息功能啦，希望大家喜欢。