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滑动弹出菜单标记已读、未读消息功能啦,希望大家喜欢。

时间: 2024-08-01 22:10:47

Android仿QQ滑动弹出菜单标记已读、未读消息的相关文章

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

在上一篇<Android仿微信滑动弹出编辑.删除菜单效果.增加下拉刷新功能>里,已经带着大家学习如何使用SwipeMenuListView这一开源库实现滑动列表弹出菜单,接下来,将进一步学习,如何为不同的list item呈现不同的菜单,此处我们做一个实例:Android 高仿QQ滑动弹出菜单标记已读.未读消息,看下效果图: 1. 创建项目,并导入SwipeMenuListView类库 2. 创建消息实体bean: public class Msg { public int id; publi

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

  在上一篇博客<Android 高仿微信(QQ)滑动弹出编辑.删除菜单效果,增加下拉刷新功能>里,已经带着大家学习如何使用SwipeMenuListView这一开源库实现滑动列表弹出菜单,接下来,将进一步学习,如何为不同的list item呈现不同的菜单,此处我们做一个实例:Android 高仿QQ滑动弹出菜单标记已读.未读消息,看下效果图: 1. 创建项目,并导入SwipeMenuListView类库 2. 创建消息实体bean: public class Msg { public int

Android仿微信滑动弹出编辑、删除菜单效果、增加下拉刷新功能_Android

如何为不同的list item呈现不同的菜单,本文实例就为大家介绍了Android仿微信或QQ滑动弹出编辑.删除菜单效果.增加下拉刷新等功能的实现,分享给大家供大家参考,具体内容如下 效果图: 1. 下载开源项目,并将其中的liberary导入到自己的项目中: 2. 使用SwipeMenuListView代替ListView,在页面中布局: <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/swipeRefresh

Android仿QQ列表左滑删除操作_Android

最近学习了如何做一个像QQ的左滑RecyclerView的item显示选项的,主要是用到Scroller 我们首先新建一个自己的RecyclerView 定义好一些要用的的变量 重写构造方法,把前两个构造方法改为如下,使无论如何构造都要执行第三个构造方法 在第三个构造方法里初始化Scroller public class LeftSwipeMenuRecyclerView extends RecyclerView { //置顶按钮 private TextView tvTop; //删除按钮 p

Android仿QQ长按删除弹出框功能示例

废话不说,先看一下效果图,如果大家感觉不错,请参考实现代码: 对于列表来说,如果想操作某个列表项,一般会采用长按弹出菜单的形式,默认的上下文菜单比较难看,而QQ的上下文菜单就人性化多了,整个菜单给用户一种气泡弹出的感觉,而且会显示在手指按下的位置,而技术实现我之前是使用popupWindow和RecyclerView实现的,上面一个RecyclerView,下面一个小箭头ImageView,但后来发现没有必要,而且可定制化也不高,还是使用多个TextView更好一点. 我封装了一下,只需要一个P

Android仿QQ空间底部菜单示例代码_Android

之前曾经在网上看到Android仿QQ空间底部菜单的Demo,发现这个Demo有很多Bug,布局用了很多神秘数字.于是研究了一下QQ空间底部菜单的实现,自己写了一个,供大家参考.效果如下图所示:   1.实现原理很简单,底部菜单是一个水平分布的LinearLayout,里面又是五个LinearLayout,它们的layout_weight都为1,意味着底部菜单的子控件将屏幕宽度平均分为5部分.五个LinearLayout除了中间那个,其余都在里面放置ImageView和TextView(中间先空

Android仿QQ空间底部菜单示例代码

之前曾经在网上看到Android仿QQ空间底部菜单的Demo,发现这个Demo有很多Bug,布局用了很多神秘数字.于是研究了一下QQ空间底部菜单的实现,自己写了一个,供大家参考.效果如下图所示:   1.实现原理很简单,底部菜单是一个水平分布的LinearLayout,里面又是五个LinearLayout,它们的layout_weight都为1,意味着底部菜单的子控件将屏幕宽度平均分为5部分.五个LinearLayout除了中间那个,其余都在里面放置ImageView和TextView(中间先空

Android仿QQ列表滑动删除操作_Android

这篇山寨一个新版QQ的列表滑动删除,上篇有说到QQ的滑动删除,推测原理就是ListView本身每个item存在一个Button,只不过普通的状态下隐藏掉了,检测到向左的滑动事件的时候弹出隐藏的Button,不过再切换Button状态的时候会给Button一个出现和隐藏的动画.下面实现这个ListView.  首先有个难点就是通过ListView获取它某个item的View,对于ViewGroup,可以直接调用getChildAt()方法获取对应的子view,但是在ListView直接使用getC

Android仿QQ列表滑动删除操作

这篇山寨一个新版QQ的列表滑动删除,上篇有说到QQ的滑动删除,推测原理就是ListView本身每个item存在一个Button,只不过普通的状态下隐藏掉了,检测到向左的滑动事件的时候弹出隐藏的Button,不过再切换Button状态的时候会给Button一个出现和隐藏的动画.下面实现这个ListView. 首先有个难点就是通过ListView获取它某个item的View,对于ViewGroup,可以直接调用getChildAt()方法获取对应的子view,但是在ListView直接使用getCh