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 mDatas;    public MyMsgAdapter(Activity context, List 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 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 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滑动弹出菜单标记已读、未读消息功能啦，希望大家喜欢。

更多相关文章

随机推荐