Android 모방 위 챗,qq 오른쪽 상단 플러스 번호 팝 업 작업 상자 클릭

안 드 로 이 드 는 위 챗,qq 를 모방 하여 오른쪽 상단 에 있 는 플러스 번호 팝 업 작업 상 자 를 클릭 합 니 다.먼저 위의 그림 과 같 습 니 다.플러스 번 호 를 클릭 하면 대화 상자 가 팝 업 됩 니 다.다음 그림 과 같 습 니 다.
위 챗:

자기 실현:

다음 에 우 리 는 이 기능 을 실현 한다.
사실 실현 원 리 는'+'번 호 를 누 르 면 팝 업 윈도 우 를 팝 업 하 는 것 이다.
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 에서 다시 쓰 는 방법 onCreate Options Menu 입 니 다.다음 그림 과 같 습 니 다.

@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 를 사용 하여 이 루어 질 수도 있 습 니 다.여 기 는 설명 이 많 을 뿐 입 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.