Android仿微信、qq点击右上角加号弹出操作框

 更新时间:2018年04月25日 10:17:18   作者:原创工作室  
这篇文章主要为大家详细介绍了Android仿微信、qq点击右上角加号弹出操作框,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

Android仿微信、qq点击右上角加号弹出操作框,先上图,类似于下图这种,点击加号,会弹出一个对话框,如下图:

微信:

自己实现:

接下来,我们来实现此功能:

其实,实现原理就是,点击“+”号,弹出一个PopupWindow。

1、写一个用于展示在ToolBar中的 menu文件,如下:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto">
  <item
    android:id="@+id/btn_msg"
    android:icon="@drawable/ic_notifications_none"
    android:title="消息"
    app:showAsAction="ifRoom" />
</menu>

2、先添加 “+” ,我的项目里使用的是ToolBar,我给ToolBar添加菜单,在Activity中重写方法onCreateOptionsMenu,如下图:

@Override
  public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.menu_index_msg, menu);
    return super.onCreateOptionsMenu(menu);

  }

到这里,“+”号,已经出现了。

3、给menu添加点击事件,并初始化PopupWindow,弹出自定义的PopupWindow,如下:

@Override
  public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
      case R.id.btn_msg:
        View popupView = IndexActivity.this.getLayoutInflater().inflate(R.layout.popupwindow, null);
        final PopupWindow window = new PopupWindow(popupView, 300, 220);
        ListView lv_msg = (ListView) popupView.findViewById(R.id.lv_msg);
        MsgAdapter msgAdapter = new MsgAdapter(context, msgBeans);
        lv_msg.setAdapter(msgAdapter);
        lv_msg.setOnItemClickListener(new AdapterView.OnItemClickListener() {
          @Override
          public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
            if (window.isShowing()) {
              window.dismiss();
            }
            switch (position) {
              case 0:
                if (myApplication.isOnline()) {
                  NoticeMainActivity.startActivity(IndexActivity.this);
                } else {
                  Toast.makeText(IndexActivity.this, "离线状态不能使用此功能", Toast.LENGTH_SHORT).show();
                }
                break;
              case 1:
                if (myApplication.isOnline()) {
                  TaskMainActivity.startActivity(IndexActivity.this);
                } else {
                  Toast.makeText(IndexActivity.this, "离线状态不能使用此功能", Toast.LENGTH_SHORT).show();
                }
                break;
              default:
                break;
            }
          }
        });
        window.setBackgroundDrawable(new ColorDrawable(Color.parseColor("#F8F8F8")));
        window.setFocusable(true);
        window.setOutsideTouchable(true);

        window.update();

        //设置显示位置

        window.showAsDropDown(msgView, 0, 0);//msgView就是我们menu中的btn_msg
        break;
      default:
        break;
    }
    return super.onOptionsItemSelected(item);
  }

4、在上面3中有一个布局popupwindow,我项目中用到的时显示通知,我在布局中用了ListView来显示内容。这里也可以把布局写成固定布局,根据自己的需求充分发挥。下面贴出来popupwindow布局,如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">
  <ListView
    android:id="@+id/lv_msg"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:divider="@null"
    android:scrollbars="none" />
</LinearLayout>

5、到这里就实现了我们想要的功能,结果图:

6、通知和任务右边显示的信息条数,是用的shape  xml文件进行约束的,也可以使用BadgeView实现,这里就不过多说明了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 利用Android模仿微信摄像圆环进度效果实例

    利用Android模仿微信摄像圆环进度效果实例

    圆环进度条,大家应该都见过,而这篇文章主要给大家介绍了关于利用Android模仿微信摄像圆环进度效果的相关资料,实现后的效果非常不错,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-11-11
  • Android中修改TabLayout底部导航条Indicator长短的方法

    Android中修改TabLayout底部导航条Indicator长短的方法

    Tablayout在我们日常开发中经常会遇到,下面这篇文章主要给大家介绍了在Android中修改TabLayout底部导航条Indicator长短的方法,文中给出了详细的示例代码供大家参考学习,需要的朋友们下面来一起看看吧。
    2017-06-06
  • 一文带你搞清楚Android游戏发行切包资源ID那点事

    一文带你搞清楚Android游戏发行切包资源ID那点事

    这篇文章主要介绍了Android 解决游戏发行切包资源ID的一些问题,帮助大家更好的理解和学习使用Android,感兴趣的朋友可以了解下
    2023-05-05
  • Android实现人脸支付的示例代码

    Android实现人脸支付的示例代码

    本文主要介绍了Android实现人脸支付,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • 浅析Android文件管理器(项目一)

    浅析Android文件管理器(项目一)

    这篇文章主要介绍了浅析Android文件管理器(一)的相关资料,需要的朋友可以参考下
    2015-11-11
  • Android列表控件Spinner简单用法示例

    Android列表控件Spinner简单用法示例

    这篇文章主要介绍了Android列表控件Spinner简单用法,结合实例形式分析了Android列表控件Spinner的布局与功能实现技巧,需要的朋友可以参考下
    2017-12-12
  • Android Rxjava3 使用场景详解

    Android Rxjava3 使用场景详解

    本文主要介绍了Android Rxjava3 使用场景详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-04-04
  • Android实现简单音乐播放器(MediaPlayer)

    Android实现简单音乐播放器(MediaPlayer)

    这篇文章主要为大家详细介绍了Android实现简单音乐播放器MediaPlayer的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • Android studio 运行main 函数的方法

    Android studio 运行main 函数的方法

    这篇文章主要介绍了Android studio 运行main 函数的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-09-09
  • Flutter中关于angle的踩坑记录

    Flutter中关于angle的踩坑记录

    考虑到可能有很多同学还没有接触 Flutter,下面这篇文章主要给大家介绍了关于Flutter中关于angle的踩坑记录,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2022-06-06

最新评论