Android仿微信、qq點擊右上角加號彈出操作框

2019-10-22 18:12:33

字體：大中小

來源：轉載

供稿：網友

Android仿微信、qq點擊右上角加號彈出操作框，先上圖，類似于下圖這種，點擊加號，會彈出一個對話框，如下圖：

微信：

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、到這里就實現了我們想要的功能，結果圖：

Android,微信,qq,彈出框