仿微信长按菜单

FloatMenu

A menu style pop-up window that mimics WeChat。仿微信的长按菜单。

效果如下

引入方法:

Github地址:https://github.com/JavaNoober/FloatMenu

dependencies {
     ....

     compile 'com.noober.floatmenu:common:1.0.2'
}

使用说明

使用方法1:
Activity 重写dispatchTouchEvent,并且新建一个Point对象,show的时候传入改对象

    private Point point = new Point();
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        if(ev.getAction() == MotionEvent.ACTION_DOWN){
            point.x = (int) ev.getRawX();
            point.y = (int) ev.getRawY();
        }
        return super.dispatchTouchEvent(ev);
    }

调用:

    listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
            FloatMenu floatMenu = new FloatMenu(MainActivity.this);
            floatMenu.items("菜单1", "菜单2", "菜单3");
            floatMenu.show(point);
        }
    });

使用方法2:
不需要重写dispatchTouchEvent,但是需要在初始化的时候传入所点击的view,floatment初始化必须在点击事件外部

        final FloatMenu floatMenu = new FloatMenu(this, btn1);
        floatMenu.items("菜单1", "菜单2", "菜单3");
        floatMenu.setOnItemClickListener(new FloatMenu.OnItemClickListener() {
            @Override
            public void onClick(View v, int position) {
                Toast.makeText(MainActivity.this, "菜单"+position, Toast.LENGTH_SHORT).show();
            }
        });

设置菜单的方式:
1.代码设置

        floatMenu.items("菜单1", "菜单2", "菜单3");
        ...
        List<String> list = new ArrayList<>();
        list.add("菜单1"); list.add("菜单2"); list.add("菜单3");
        floatMenu.items(list);

2.menu.xml设置

        <menu xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:app="http://schemas.android.com/apk/res-auto">
            <item app:menu_title="Send to Chat" app:icon = "@drawable/brush"></item>
            <item
                app:menu_title="Add to Favorites" app:icon = "@drawable/barrage"/>
            <item
                app:menu_title="Delete" app:icon = "@drawable/clock"/>
            <item
                app:menu_title="More" app:icon = "@drawable/collection"/>

        </menu>

        floatMenu.inflate(R.menu.popup_menu);

方法都提供参数设置菜单的宽度:

         public void items(List<MenuItem> itemList, int itemWidth)

         public void items(int itemWidth, String... items) 

         public void inflate(int menuRes, int itemWidth)

创建菜单:

注意点:
显示floatmenu有两种方法:

floatmenu.show(point)与floatmenu.show()的区别
区别在于,创建floatmenu对象的位置如果使用第2种方法,创建floatmenu必须在点击事件的外面
第一种则没有这种限制,如下所示:

final FloatMenu floatMenu = new FloatMenu(this, btn2);
floatMenu.inflate(R.menu.popup_menu);
floatMenu.setOnItemClickListener(new FloatMenu.OnItemClickListener() {
    @Override
    public void onClick(View v, int position) {
        Toast.makeText(MainActivity.this, "菜单"+position, Toast.LENGTH_SHORT).show();
    }
});

listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
            FloatMenu floatMenu = new FloatMenu(MainActivity.this);
            floatMenu.items("菜单1", "菜单2", "菜单3");
            floatMenu.show(point);
        }
    });
new FloatMenu(this, view) 与 new FloatMenu(this)区别

使用第二种方法创建对象在,必须重写dispatchTouchEvent

你可以使用 `GestureDetector` 组件来监听按事件,并在按时显示一个底部的菜单栏,用于选择多个消息。下面是一个简单的示例代码: ```dart class ChatMessage { final String content; bool selected; ChatMessage(this.content, {this.selected = false}); } class ChatScreen extends StatefulWidget { @override _ChatScreenState createState() => _ChatScreenState(); } class _ChatScreenState extends State<ChatScreen> { final List<ChatMessage> messages = [ ChatMessage("Hello!"), ChatMessage("How are you?"), ChatMessage("I'm fine, thanks."), ChatMessage("What about you?"), ChatMessage("I'm good."), ]; List<ChatMessage> selectedMessages = []; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("Chat"), ), body: ListView.builder( itemCount: messages.length, itemBuilder: (context, index) { final message = messages[index]; return GestureDetector( onLongPress: () { setState(() { message.selected = true; selectedMessages.add(message); }); }, child: Container( padding: EdgeInsets.all(16.0), color: message.selected ? Colors.grey[300] : null, child: Text(message.content), ), ); }, ), bottomNavigationBar: selectedMessages.isNotEmpty ? BottomAppBar( child: Row( children: [ IconButton( icon: Icon(Icons.delete), onPressed: () { setState(() { messages.removeWhere((message) => selectedMessages.contains(message)); selectedMessages.clear(); }); }, ), Text("${selectedMessages.length} selected"), ], ), ) : null, ); } } ``` 在这个示例中,我们创建了一个 `ChatMessage` 类来表示聊天消息。`selected` 属性表示该消息是否被选中。在 `ChatScreen` 中,我们创建了一个 `messages` 列表来存储所有的消息,以及一个 `selectedMessages` 列表来存储被选中的消息。在 `ListView.builder` 中,我们使用 `GestureDetector` 来监听按事件,并在按时将消息标记为选中状态,并将其添加到 `selectedMessages` 列表中。在底部菜单栏中,我们显示了一个删除按钮和一个文本框,用于显示选中的消息数量。当用户点击删除按钮时,我们从 `messages` 列表中删除所有被选中的消息,并清空 `selectedMessages` 列表。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值