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

简介:

  不可否认,微信、QQ列表的滑动删除、编辑功能着实很经典(从IOS那边模仿过来的),然、Android这边,对列表的操作,其实大多还停留上下文菜单来实现。 

  Android如何实现list item的滑动呢?介绍一个很简单实用的开源项目:

  https://github.com/baoyongzhang/SwipeMenuListView

  使用该开源项目,我们只需要很简单的一些逻辑,就可以实现滑动菜单功能了!先看下效果图:

     



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方法,为菜单添加下拉刷新功能!


如此这般,便可完美的实现的list item滑动编辑删除功能啦,欢迎指正!

如有疑问,欢迎进QQ群:487786925( Android研发村 )



源码下载地址:https://github.com/zuiwuyuan/SwipeRefreshStickyList  

相关文章
|
1月前
|
人工智能 安全 机器人
LangBot:无缝集成到QQ、微信等消息平台的AI聊天机器人平台
LangBot 是一个开源的多模态即时聊天机器人平台,支持多种即时通信平台和大语言模型,具备多模态交互、插件扩展和Web管理面板等功能。
619 14
LangBot:无缝集成到QQ、微信等消息平台的AI聊天机器人平台
|
1月前
|
人工智能 开发框架 机器人
AstrBot:轻松将大模型接入QQ、微信等消息平台,打造多功能AI聊天机器人的开发框架,附详细教程
AstrBot 是一个开源的多平台聊天机器人及开发框架,支持多种大语言模型和消息平台,具备多轮对话、语音转文字等功能。
2975 15
AstrBot:轻松将大模型接入QQ、微信等消息平台,打造多功能AI聊天机器人的开发框架,附详细教程
|
3月前
|
监控 算法 测试技术
即时通讯技术文集(第45期):微信、QQ技术精华合集(Part2) [共14篇]
为了更好地分类阅读 52im.net 总计1000多篇精编文章,我将在每周三推送新的一期技术文集,本次是第45 期。
69 3
|
4月前
|
存储 编解码 监控
即时通讯技术文集(第44期):微信、QQ技术精华合集(Part1) [共14篇]
为了更好地分类阅读 52im.net 总计1000多篇精编文章,我将在每周三推送新的一期技术文集,本次是第44 期。
52 2
|
5月前
|
Android开发
Android开发表情emoji功能开发
本文介绍了一种在Android应用中实现emoji表情功能的方法,通过将图片与表情字符对应,实现在`TextView`中的正常显示。示例代码展示了如何使用自定义适配器加载emoji表情,并在编辑框中输入或删除表情。项目包含完整的源码结构,可作为开发参考。视频演示和源码详情见文章内链接。
130 4
Android开发表情emoji功能开发
|
5月前
|
安全 Android开发 iOS开发
Android vs iOS:探索移动操作系统的设计与功能差异###
【10月更文挑战第20天】 本文深入分析了Android和iOS两个主流移动操作系统在设计哲学、用户体验、技术架构等方面的显著差异。通过对比,揭示了这两种系统各自的独特优势与局限性,并探讨了它们如何塑造了我们的数字生活方式。无论你是开发者还是普通用户,理解这些差异都有助于更好地选择和使用你的移动设备。 ###
110 3
|
5月前
|
小程序
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
946 0
|
6月前
|
JSON 小程序 JavaScript
微信小程序页面事件,下拉刷新事件和上拉触底事件
这篇文章介绍了微信小程序中如何实现下拉刷新和上拉触底事件,包括开启下拉刷新、配置下拉刷新样式、监听下拉刷新事件,以及监听上拉触底事件和配置上拉触底的距离。
QQ,微信 消息轰炸
QQ,微信 消息轰炸
|
6月前
|
API
电脑上控制所有软件,比如说微信自动发消息,QQ
电脑上控制所有软件,比如说微信自动发消息,QQ

热门文章

最新文章