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

如何为不同的list item呈现不同的菜单,本文实例就为大家介绍了Android仿微信或QQ滑动弹出编辑、删除菜单效果、增加下拉刷新等功能的实现,分享给大家供大家参考,具体内容如下

效果图:

1. 下载开源项目,并将其中的liberary导入到自己的项目中:

2. 使用SwipeMenuListView代替ListView,在页面中布局:

<android.support.v4.widget.SwipeRefreshLayout
 android:id="@+id/swipeRefreshMusic"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"> 

 <com.baoyz.swipemenulistview.SwipeMenuListView
  android:id="@+id/listViewMusic"
  android:layout_width="match_parent"
  android:layout_height="match_parent" /> 

</android.support.v4.widget.SwipeRefreshLayout>

注: SwipeRefreshLayout主要是为了给该列表增加下拉刷新功能!

3. 为该ListView创建适配器,与正常的实现并无二致:

public class MusicAdapter extends BaseAdapter { 

 private List<Music> mDatas; 

 private Context mContext; 

 public MusicAdapter(List<Music> mDatas, Context mContext) {
  this.mDatas = mDatas;
  this.mContext = mContext;
 } 

 @Override
 public int getCount() {
  return mDatas.size();
 } 

 @Override
 public Music getItem(int position) {
  return mDatas.get(position);
 } 

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

 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
  if (convertView == null) {
   convertView = View.inflate(mContext, R.layout.list_item_music, null);
   new ViewHolder(convertView);
  } 

  ViewHolder holder = (ViewHolder) convertView.getTag(); 

  Music music = mDatas.get(position); 

  holder.textTitle.setText(music.title);
  holder.textDesc.setText(music.desc); 

  return convertView;
 } 

 class ViewHolder {
  TextView textTitle;
  TextView textDesc; 

  public ViewHolder(View view) {
   textTitle = (TextView) view.findViewById(R.id.textTitle);
   textDesc = (TextView) view.findViewById(R.id.textDesc);
   view.setTag(this);
  }
 }
}

4. 为SwipeMenuListView实现Adapter,并在之后,创建滑动菜单:

public class MainActivity extends AppCompatActivity { 

 @ViewInject(R.id.listViewMusic)
 private SwipeMenuListView listViewMusic; 

 @ViewInject(R.id.swipeRefreshMusic)
 private SwipeRefreshLayout swipeRefreshMusic; 

 private List<Music> musics; 

 private MusicAdapter musicAdapter; 

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

  x.view().inject(this);
  musics = new ArrayList<>(); 

  for (int i = 0; i < 4; i++) { 

   Music music = new Music();
   music.title = "上邪 : " + i;
   music.desc = "我欲与君相知,长命无绝衰";
   musics.add(music);
  } 

  musicAdapter = new MusicAdapter(musics, this);
  listViewMusic.setAdapter(musicAdapter); 

  SwipeMenuCreator swipeMenuCreator = new SwipeMenuCreator() {
   @Override
   public void create(SwipeMenu menu) {
    // create "edit" item
    SwipeMenuItem editItem = new SwipeMenuItem(
      getApplicationContext());
    // set item background
    editItem.setBackground(new ColorDrawable(Color.rgb(0xC9, 0xC9,
      0xCE)));
    // set item width
    editItem.setWidth(dp2px(90));
    // set item title
    editItem.setTitle("编辑");
    // set item title fontsize
    editItem.setTitleSize(18);
    // set item title font color
    editItem.setTitleColor(Color.WHITE);
    // add to menu
    menu.addMenuItem(editItem); 

    // create "edit" item
    SwipeMenuItem deleteItem = new SwipeMenuItem(
      getApplicationContext());
    // set item background
    deleteItem.setBackground(new ColorDrawable(Color.parseColor("#ff0000")));
    // set item width
    deleteItem.setWidth(dp2px(90));
    // set item title
    deleteItem.setTitle("删除");
    // set item title fontsize
    deleteItem.setTitleSize(18);
    // set item title font color
    deleteItem.setTitleColor(Color.WHITE);
    // add to menu
    menu.addMenuItem(deleteItem);
   }
  }; 

  listViewMusic.setMenuCreator(swipeMenuCreator); 

  listViewMusic.setOnMenuItemClickListener(new SwipeMenuListView.OnMenuItemClickListener() {
   @Override
   public boolean onMenuItemClick(int position, SwipeMenu menu, int index) {
    switch (index) {// index即是操作menu添加的顺序
     case 0:
      Toast.makeText(MainActivity.this, "编辑 : " + position, Toast.LENGTH_SHORT).show();
      break;
     case 1:
      Toast.makeText(MainActivity.this, "删除 : " + position, Toast.LENGTH_SHORT).show();
      musics.remove(position);
      musicAdapter.notifyDataSetChanged();
      break;
    } 

    return false;
   }
  }); 

  swipeRefreshMusic.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
   @Override
   public void onRefresh() { 

    swipeRefreshMusic.setRefreshing(true);
    new Handler().postDelayed(new Runnable() {
     @Override
     public void run() { 

      for (int i = 0; i < 4; i++) { 

       Music music = new Music();
       music.title = "无缘 : " + i;
       music.desc = "风雨千山玉独行,天下倾心叹无缘";
       musics.add(music);
      }
      musicAdapter.notifyDataSetChanged(); 

      swipeRefreshMusic.setRefreshing(false);
     }
    }, 2000); 

   }
  });
 } 

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

注: 
  1. SwipeMenuCreator是为了给该listitem创建菜单使用,需要实现该的接口中的create方法,在该方法中,可以自由创建菜单项,比如删除、编辑,可以设置菜单的背景颜色,字体颜色大小等;
  2. 在创建SwipeMenuCreator实例后,需为列表设置菜单:listViewMusic.setMenuCreator(swipeMenuCreator);
  3. 通过设置SwipeMenuListView的setOnMenuItemClickListener方法,监听菜单的点击事件,通过onMenuItemClick(int position, SwipeMenu menu, int index)方法,对菜单事件进行处理;
  4. 通过设置SwipeMenuListView的setOnRefreshListener方法,为菜单添加下拉刷新功能!

本文已被整理到了《Android微信开发教程汇总》,欢迎大家学习阅读。

如此这般,便可完美的实现的list item滑动编辑删除功能啦,希望大家喜欢。

(0)

相关推荐

  • Android仿微信底部菜单栏效果

    前言 在市面上,大多数的APP都需要通过底部菜单栏来将程序的功能进行分类整理,通常都是分为3-5个大模块,从而正确有效地引导用户去使用我们的APP.实现底部菜单栏的方法也有很多种. 1.仿微信底部菜单栏(ViewPager+ImagerView+TextView) ......(其他方式后续会补充) 效果预览 首先来个开胃菜,看看实现效果: 先贴出项目所需的资源文件,这些可随个人自由更改颜色和文字 colors.xml <color name="bg_line_light_gray&quo

  • android自定义popupwindow仿微信右上角弹出菜单效果

    微信右上角的操作菜单看起来很好用,就照着仿了一下,不过是旧版微信的,手里刚好有一些旧版微信的资源图标,给大家分享一下. 不知道微信是用什么实现的,我使用popupwindow来实现,主要分为几块内容: 1.窗口布局文件:popwin_share.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com

  • Android开发之微信底部菜单栏实现的几种方法汇总

     实现方式 实现的方式有很多种 这里总结最常见的几种方式,以后再添加其他的. viewPager + RadioGroup viewPager + FragmentTabHost viewpager +TabLayout viewPager+RadioGroup 感觉这是最简单的一个了,我也就不贴代码 说说我理解的思路吧 通过给pager 和RadioGroup 添加监听,监听两个控件的变化 实现联动 当viewPager的显示pager改变就会触发监听 ,在监听中选中对应的RadioButto

  • Android仿微信底部菜单栏功能显示未读消息数量

    底部菜单栏很重要,我看了一下很多应用软件都是用了底部菜单栏,这里使用了tabhost做了一种通用的(就是可以像微信那样显示未读消息数量的,虽然之前也做过但是layout下的xml写的太臃肿,这里去掉了很多不必要的层,个人看起来还是不错的,所以贴出来方便以后使用). 先看一下做出来之后的效果: 以后使用的时候就可以换成自己项目的图片和字体了,主框架不用变哈哈, 首先是要布局layout下xml文件 main.xml: <?xml version="1.0" encoding=&qu

  • Android中微信小程序开发之弹出菜单

    先给大家展示下效果图,具体效果图如下所示: 具体代码如下所示: 1.index.js //index.js //获取应用实例 var app = getApp() Page({ data: { isPopping: false,//是否已经弹出 animationPlus: {},//旋转动画 animationcollect: {},//item位移,透明度 animationTranspond: {},//item位移,透明度 animationInput: {},//item位移,透明度

  • Android制作微信app顶部menu菜单(ActionBar)

    使用微信APP的小伙伴对于微信的ActionBar一定有印象,今天就带领大家一起实现以下这个效果. 第一步打开我们的开发工具,这里我使用的是Eclipse+ADT插件,然后创建我们的工程,这里选择Android的最低版本号为3.0或以上. 然后开始我们的"抄袭",首先打开我们微信,我们看到,顶部标题部分,分为左右两部分,左侧为"微信"两字,右侧则为搜索按钮+更多按钮,点击搜索按钮,会出现一个文本输入框.点击更多按钮,则会出现隐藏的menu菜单,分为:添加好友.发起群

  • Android仿微信顶/底部菜单栏效果

    本文要实现仿微信微信底部菜单栏+顶部菜单栏,采用ViewPage来做,每一个page对应一个XML,当手指在ViewPage左右滑动时,就相应显示不同的page(其实就是xml)并且同时改变底部菜单按钮的图片变暗或变亮,同时如果点击底部菜单按钮,左右滑动page(其实就是xml)并且改变相应按钮的亮度. 一.布局 1.顶部菜单布局,命名为top_layout.xml <?xml version="1.0" encoding="utf-8"?> <R

  • Android开发Popwindow仿微信右上角下拉菜单实例代码

    先给大家看下效果图: MenuPopwindow: package com.cloudeye.android.cloudeye.view; import android.app.Activity; import android.content.Context; import android.graphics.drawable.ColorDrawable; import android.view.LayoutInflater; import android.view.View; import an

  • Android仿微信菜单(Menu)(使用C#和Java分别实现)

    本篇是对安卓菜单使用编程方式实现,当然可以使用XML的方式完成同样的功能,基本Java和C#写法都是一致的,所以使用XML的方式在本篇中使用Java演示,需要注意的是,对于如果不是VS开发的话,那么资源文件名称必须以小写开头,否则会报错. 运行效果 C#实现 using Android.App; using Android.OS; using Android.Views; using Android.Widget; namespace MenuDemo { [Activity(Label = "

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

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

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

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

  • Android仿微信进度弹出框的实现方法

    MainActivity: package com.ruru.dialogproject; import android.app.Activity; import android.os.Bundle; import android.view.View; public class MainActivity extends Activity implements Runnable { LoadingDialog dialog; @Override protected void onCreate(Bu

  • Android微信端的下拉刷新功能

    在Android和iOS上对于下拉刷新的处理方法: 在微信公众号内,在面对下拉刷新这个问题上,Android和iOS都自己的表现方式: iOS: Android: 所以我们要给内容加载监听器 function bindEvent() { document.addEventListener('touchstart', touchSatrtFunc, false); document.addEventListener('touchmove', touchMoveFunc, false); docum

  • Android RecyclerView 上拉加载更多及下拉刷新功能的实现方法

    RecyclerView 已经出来很久了,但是在项目中之前都使用的是ListView,最近新的项目上了都大量的使用了RecycleView.尤其是瀑布流的下拉刷新,网上吧啦吧啦没有合适的自己总结了一哈. 先贴图上来看看: 使用RecyclerView实现上拉加载更多和下拉刷新的功能我自己有两种方式: 1.使用系统自带的Android.support.v4.widget.SwipeRefreshLayout这个控价来实现. 2.自定义的里面带有RecyleView的控件. 使用RecycleVie

  • Android自定义listview布局实现上拉加载下拉刷新功能

    listview实现上拉加载以及下拉刷新的方式有很多.下面是我写的一种自定义的布局,复用性也比较的强.首先就是继承的listview的自定义view.   AutoListView.Java: package com.example.mic.testdemo.view; import android.annotation.TargetApi; import android.content.Context; import android.os.Build; import android.os.Bu

  • Android下拉刷新完全解析,教你如何一分钟实现下拉刷新功能(附源码)

    最近项目中需要用到ListView下拉刷新的功能,一开始想图省事,在网上直接找一个现成的,可是尝试了网上多个版本的下拉刷新之后发现效果都不怎么理想.有些是因为功能不完整或有Bug,有些是因为使用起来太复杂,十全十美的还真没找到.因此我也是放弃了在网上找现成代码的想法,自己花功夫编写了一种非常简单的下拉刷新实现方案,现在拿出来和大家分享一下.相信在阅读完本篇文章之后,大家都可以在自己的项目中一分钟引入下拉刷新功能. 首先讲一下实现原理.这里我们将采取的方案是使用组合View的方式,先自定义一个布局

  • Android移动端touch实现下拉刷新功能

    第一部分:四个touch事件 1.touchstart:只要将手指放在了屏幕上(而不管是几只),都会触发touchstart事件. 2.touchmove: 当我们用手指在屏幕上滑动时,这个事件会被连续触发. 如果我们不希望页面随之滑动,我们可以使用event的preventDefault来阻止这个默认行为. 3.touchend: 当手指滑动后离开屏幕,这时就触发了touchend事件. 4.touchcancel: 系统停止跟踪触摸时候会触发.例如在触摸过程中突然页面alert()一个提示框

  • Android ListView实现上拉加载更多和下拉刷新功能

    本文实例为大家介绍了Android ListView下拉刷新功能的实现方法和功能,供大家参考,具体内容如下 1.ListView优化方式 界面缓存:ViewHolder+convertView 分页加载:上拉刷新 图片缓存 快速滑动ListView禁止刷新 2.效果 3.上拉加载更多原理及实现 当我们手指滑动到listview最后位置的时候,我们触发加载数据的方法.这触发之前我们需要做一些工作,包括: 如何判断滑动到最后? 如何避免重复加载数据? 加载之后如何刷新界面? 1).界面实现AbsLi

  • Android实现上拉加载更多以及下拉刷新功能(ListView)

    首先为大家介绍Andorid5.0原生下拉刷新简单实现. 先上效果图: 相对于上一个19.1.0版本中的横条效果好看了很多.使用起来也很简单. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/container" and

随机推荐