Android如何实现仿微信、qq点击右上角加号弹出操作框-创新互联

这篇文章给大家分享的是有关Android如何实现仿微信、qq点击右上角加号弹出操作框的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

成都创新互联公司专注骨干网络服务器租用十余年,服务更有保障!服务器租用,大邑服务器托管 成都服务器租用,成都服务器托管,骨干网络带宽,享受低延迟,高速访问。灵活、实现低成本的共享或公网数据中心高速带宽的专属高性能服务器。

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

微信:

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

自己实现:

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

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

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

1、写一个用于展示在ToolBar中的 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布局,如下:



  

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

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

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

感谢各位的阅读!关于“Android如何实现仿微信、qq点击右上角加号弹出操作框”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


分享题目:Android如何实现仿微信、qq点击右上角加号弹出操作框-创新互联
本文地址:http://hbruida.cn/article/dpehpj.html