用PopupWindow實現自定義overflow

當Action Bar的Action放不下時，系統會將其收集在overflow中。

用hierarchyviewer查看系統自己生成的Overflow，發現它本身就是popupWindow。

所以我們也可以用popUpWindow來寫自己的overflow實現更多功能，做出像微信一樣的效果。

第一次寫，廢話有點多，還望多包涵。

效果（GIF演示在文章底部）：

最右邊的Action（那個三點菜單）是自己添加的Action，使用了android開發包里的圖標ic_action_overflow.png，可到官網下載。

首先在Item中添加Action,為了演示，添加了一個Submenu

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="com.example.popupwindowoverflow.MainActivity" >
<item
        android:id="@+id/action_new"
        android:orderInCategory="1"
        android:title="SubMenu"
        android:icon="@drawable/ic_action_new"
        app:showAsAction="always">
    <menu>
        <item android:id="@+id/submenu1" 
            android:title="Accept" 
            android:titleCondensed="Accept"
            android:icon="@drawable/ic_action_accept" />
         <item android:id="@+id/submenu2" 
            android:title="Cancel" 
            android:titleCondensed="Cancel"
            android:icon="@drawable/ic_action_cancel" />
         <item android:id="@+id/submenu3" 
            android:title="Unread" 
            android:titleCondensed="Unread"
            android:icon="@drawable/ic_action_unread" />
    </menu>
</item>
<item
        android:id="@+id/action_overflow"
        android:orderInCategory="2"
        android:title="PopupWindow"
        android:icon="@drawable/ic_action_overflow"
        app:showAsAction="always"/>

</menu>

 

監聽ID為action_overflow的Action，創建popupWindow彈出自己的overflow。

    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.       
        int id = item.getItemId();
        switch (id) {
        case R.id.action_overflow:
            popUpMyOverflow();//彈出自定義overflow
            return true;
        }
        return super.onOptionsItemSelected(item);
    }

 

 下面介紹popUpMyOverflow()方法，就是通過它彈出了我們的overflow，自定義overflow的布局文件就是R.layout.action_overflow_popwindow，這里就不貼出來啦。

    public void popUpMyOverflow() {
        /**
         * 定位PopupWindow，讓它恰好顯示在Action Bar的下方。 通過設置Gravity，確定PopupWindow的大致位置。
         * 首先獲得狀態欄的高度，再獲取Action bar的高度，這兩者相加設置y方向的offset樣PopupWindow就顯示在action
         * bar的下方了。 通過dp計算出px，就可以在不同密度屏幕統一X方向的offset.但是要注意不要讓背景陰影大於所設置的offset，
         * 否則陰影的寬度為offset.
         */
        // 獲取狀態欄高度
        Rect frame = new Rect();
        getWindow().getDecorView().getWindowVisibleDisplayFrame(frame);
//        狀態欄高度：frame.top
        int xOffset = frame.top+getActionBar().getHeight()-25;//減去陰影寬度，適配UI.
        int yOffset = Dp2Px(this, 5f); //設置x方向offset為5dp
        View parentView = getLayoutInflater().inflate(R.layout.activity_main,
                null);
        View popView = getLayoutInflater().inflate(
                R.layout.action_overflow_popwindow, null);
        PopupWindow popWind = new PopupWindow(popView,
                LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, true);//popView即popupWindow的布局，ture設置focusAble.
        
        //必須設置BackgroundDrawable后setOutsideTouchable(true)才會有效。這里在XML中定義背景，所以這里設置為null;
        popWind.setBackgroundDrawable(new BitmapDrawable(getResources(),
                (Bitmap) null));
        popWind.setOutsideTouchable(true); //點擊外部關閉。
        popWind.setAnimationStyle(android.R.style.Animation_Dialog);    //設置一個動畫。
        //設置Gravity，讓它顯示在右上角。
        popWind.showAtLocation(parentView, Gravity.RIGHT | Gravity.TOP,
                yOffset, xOffset);
    }

 

在android中，為了適配不同屏幕密度和尺寸，android用了Dp單位，但是在Java代碼中多是接受px單位的尺寸，所以這里要轉換一下。

Dp轉換Px的方法。

    public int Dp2Px(Context context, float dp) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dp * scale + 0.5f);
    }

 

好的，現在我們有了所有要顯示自定義Overflow的東西了！運行你的app吧。

最終效果: