Android之PopupWindow類似微信右上角的彈出菜單

http://blog.csdn.net/loveyaozu/article/details/51150229

日常開發過程中對於PopupWindown的使用也是比較多的。這裏給大家展示一下PopupWindow的使用。

修改activity_main.xml佈局：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="${relativePackage}.${activityClass}" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="50dip"
        android:background="@android:color/holo_blue_dark">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="10dip"
            android:background="@drawable/ic_launcher" />

        <ImageView
            android:id="@+id/rl_more"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:background="@drawable/ability_show_item_bg"
            android:paddingLeft="15dp"
            android:paddingRight="5dp"
            android:layout_alignParentRight="true"
            android:src="@drawable/actionbar_more_icon" />

    </RelativeLayout>

</RelativeLayout>

新建popup_window.xml佈局文件

<?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:background="@android:color/white"
    android:gravity="center_horizontal"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/settings"
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:gravity="center"
        android:padding="12dp"
        android:text="設置"
        android:textSize="16sp" />

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#BDBDBD" />

    <TextView
        android:id="@+id/about"
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:gravity="center"
        android:padding="12dp"
        android:text="關於"
        android:textSize="16sp" />

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#BDBDBD" />

    <TextView
        android:id="@+id/ability_logout"
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:gravity="center"
        android:padding="12dp"
        android:text="退出"
        android:textSize="16sp" />

</LinearLayout>

自定義PopupWindow類PopWindow

package com.syz.mypopupwindow;

import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup.LayoutParams;
import android.widget.PopupWindow;

/**
 * <p>Title:PopWindow</p>
 * <p>Description: 自定義PopupWindow</p>
 * @author syz
 * @date 2016-3-14
 */
public class PopWindow extends PopupWindow{
    private View conentView;
    public PopWindow(final Activity context){
        LayoutInflater inflater = (LayoutInflater) context
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        conentView = inflater.inflate(R.layout.popup_window, null);
        int h = context.getWindowManager().getDefaultDisplay().getHeight();
        int w = context.getWindowManager().getDefaultDisplay().getWidth();
        // 設置SelectPicPopupWindow的View
        this.setContentView(conentView);
        // 設置SelectPicPopupWindow彈出窗體的寬
        this.setWidth(w / 2 + 40);
        // 設置SelectPicPopupWindow彈出窗體的高
        this.setHeight(LayoutParams.WRAP_CONTENT);
        // 設置SelectPicPopupWindow彈出窗體可點擊
        this.setFocusable(true);
        this.setOutsideTouchable(true);
        // 刷新狀態
        this.update();
        // 實例化一個ColorDrawable顏色爲半透明
        ColorDrawable dw = new ColorDrawable(0000000000);
        // 點back鍵和其他地方使其消失,設置了這個才能觸發OnDismisslistener ，設置其他控件變化等操作
        this.setBackgroundDrawable(dw);
        // mPopupWindow.setAnimationStyle(android.R.style.Animation_Dialog);
        // 設置SelectPicPopupWindow彈出窗體動畫效果
        this.setAnimationStyle(R.style.AnimationPreview);

        conentView.findViewById(R.id.about).setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View arg0) {
                //do something you need here
                PopWindow.this.dismiss();
            }
        });
        conentView.findViewById(R.id.ability_logout).setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View arg0) {
                // do something before signing out
                context.finish();
                PopWindow.this.dismiss();
            }
        });
        conentView.findViewById(R.id.settings).setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View arg0) {
                // do something you need here

                PopWindow.this.dismiss();
            }
        });
    }

    /**
     * 顯示popupWindow
     *
     * @param parent
     */
    public void showPopupWindow(View parent) {
        if (!this.isShowing()) {
            // 以下拉方式顯示popupwindow
            this.showAsDropDown(parent, parent.getLayoutParams().width / 2, 5);
        } else {
            this.dismiss();
        }
    }
}

添加自定義PopupWindow所需的style，

AnimationPreview

<style name="AnimationPreview">
        <item name="android:windowEnterAnimation">@anim/fade_in</item>
        <item name="android:windowExitAnimation">@anim/fade_out</item>
    </style>

添加style所需的動畫

fade_in.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- 左上角擴大-->
  <scale   xmlns:android="http://schemas.android.com/apk/res/android"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:fromXScale="0.001"
        android:toXScale="1.0"
        android:fromYScale="0.001"
        android:toYScale="1.0"
        android:pivotX="100%"
        android:pivotY="10%"
        android:duration="200" />

fade_out.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- 左上角縮小 -->
  <scale   xmlns:android="http://schemas.android.com/apk/res/android"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:fromXScale="1.0"
        android:toXScale="0.001"
        android:fromYScale="1.0"
        android:toYScale="0.001"
        android:pivotX="100%"
        android:pivotY="10%"
        android:duration="200" />

最後在MainActivity類中使用

package com.syz.mypopupwindow;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;

public class MainActivity extends Activity implements OnClickListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        findViewById(R.id.rl_more).setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        if(v.getId() == R.id.rl_more){
            PopWindow popWindow = new PopWindow(this);
            popWindow.showPopupWindow(findViewById(R.id.rl_more));
        }
    }
}

效果圖：