之前写过五分钟教你学会PopupWindow
有人问要设置从顶部弹出的，现在归纳从不同方向弹出的PopupWindow
效果：

left.gif
先看部分关键地方

/**
     * 初始化PopupWindow
     * @param type
     */
    protected void initPopupWindow(int type) {
        View popupWindowView = getLayoutInflater().inflate(R.layout.popupwindow, null);
        ColorDrawable dw = new ColorDrawable(0xffffffff);
        if (Direction.BOTTOM.ordinal() == type) {
            popupWindow = new PopupWindow(popupWindowView, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT, true);
            popupWindow.setAnimationStyle(R.style.BottomFade);
            popupWindow.setBackgroundDrawable(dw);
            popupWindow.showAtLocation(btnOpen, Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL, 0, 0);
        } else if (Direction.TOP.ordinal() == type) {
            popupWindow = new PopupWindow(popupWindowView, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT, true);
            popupWindow.setAnimationStyle(R.style.TopFade);
            popupWindow.setBackgroundDrawable(dw);
            popupWindow.showAtLocation(btnOpen, Gravity.TOP | Gravity.CENTER_HORIZONTAL, 0, 0);
        } else if (Direction.LEFT.ordinal() == type) {
            popupWindow = new PopupWindow(popupWindowView, LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT, true);
            popupWindow.setAnimationStyle(R.style.LeftFade);
            popupWindow.setBackgroundDrawable(dw);
            popupWindow.showAtLocation(btnOpen, Gravity.LEFT, 0, 500);
        } else {
            popupWindow = new PopupWindow(popupWindowView, LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT, true);
            popupWindow.setAnimationStyle(R.style.RightFade);
            popupWindow.setBackgroundDrawable(dw);
            popupWindow.showAtLocation(btnOpen, Gravity.RIGHT, 0, 500);
        }
        backgroundAlpha(0.5f);
        popupWindow.setOnDismissListener(new popupDismissListener());
        popupWindowView.setOnTouchListener(new OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                return false;
            }
        });
        TextView tv_close = (TextView) popupWindowView.findViewById(R.id.tv_close);
        tv_close.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                popupWindow.dismiss();
            }
        });
    }

 /**
     * 设置透明度
     * @param bgAlpha
     */
    public void backgroundAlpha(float bgAlpha) {
        WindowManager.LayoutParams lp = getWindow().getAttributes();
        lp.alpha = bgAlpha;
        getWindow().setAttributes(lp);
    }

    /**
     * 弹出方向
     */
    public enum Direction {
        LEFT,
        RIGHT,
        TOP,
        BOTTOM
    }

不同方向的弹出动画#

顶部弹出和消失
顶部弹出 in_toptobottom.xml

<?xml version="1.0" encoding="UTF-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="500"
        android:fromYDelta="-100%"
        android:toYDelta="0" />

</set>

顶部弹出消失 out_bottomtotop.xml

<?xml version="1.0" encoding="UTF-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="500"
        android:fromYDelta="0"
        android:toYDelta="-100%" />
  
</set>

其他方向弹出的主要是改变 duration fromYDelta toYDelta的值
Style

 <style name="LeftFade">
        <item name="android:windowEnterAnimation">@anim/in_lefttoright</item>
        <item name="android:windowExitAnimation">@anim/out_righttoleft</item>
    </style>

    <style name="RightFade">
        <item name="android:windowEnterAnimation">@anim/in_righttoleft</item>
        <item name="android:windowExitAnimation">@anim/out_lefttoright</item>
    </style>

    <style name="BottomFade">
        <item name="android:windowEnterAnimation">@anim/in_bottomtotop</item>
        <item name="android:windowExitAnimation">@anim/out_toptobottom</item>
    </style>
    <style name="TopFade">
        <item name="android:windowEnterAnimation">@anim/in_toptobottom</item>
        <item name="android:windowExitAnimation">@anim/out_bottomtotop</item>
    </style>

完整的Activity

import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.view.ViewGroup.LayoutParams;
import android.view.WindowManager;
import android.widget.Button;
import android.widget.PopupWindow;
import android.widget.RadioGroup;
import android.widget.TextView;

/**
 * 微信公众号：aikaifa
 * 开发小助手，长期不断推送优选博文、优秀开源项目。
 * 励志鸡汤源源不断，专治孤独者，找回自我。
 * qq交流群：154950206
 */
public class MainActivity extends Activity implements View.OnClickListener {
    private Context context = null;
    private PopupWindow popupWindow;
    private Button btnOpen;
    private int type = 0;
    private RadioGroup rg_type;

    /**
     * 弹出方向
     */
    public enum Direction {
        LEFT,
        RIGHT,
        TOP,
        BOTTOM
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        context = this;
        setContentView(R.layout.activity_main);
        btnOpen = (Button) findViewById(R.id.btn_open);
        btnOpen.setOnClickListener(this);
        rg_type = (RadioGroup) findViewById(R.id.rg_type);
        rg_type.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                switch (checkedId) {
                    case R.id.left:
                        type = Direction.LEFT.ordinal();
                        break;
                    case R.id.right:
                        type = Direction.RIGHT.ordinal();
                        break;
                    case R.id.bottom:
                        type = Direction.BOTTOM.ordinal();
                        break;
                    case R.id.top:
                        type = Direction.TOP.ordinal();
                        break;
                }
            }
        });
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.btn_open: {
                initPopupWindow(type);
                break;
            }
        }
    }

    class popupDismissListener implements PopupWindow.OnDismissListener {
        @Override
        public void onDismiss() {
            backgroundAlpha(1f);
        }
    }

    /**
     * 初始化PopupWindow
     * @param type
     */
    protected void initPopupWindow(int type) {
        View popupWindowView = getLayoutInflater().inflate(R.layout.popupwindow, null);
        ColorDrawable dw = new ColorDrawable(0xffffffff);
        if (Direction.BOTTOM.ordinal() == type) {
            popupWindow = new PopupWindow(popupWindowView, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT, true);
            popupWindow.setAnimationStyle(R.style.BottomFade);
            popupWindow.setBackgroundDrawable(dw);
            popupWindow.showAtLocation(btnOpen, Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL, 0, 0);
        } else if (Direction.TOP.ordinal() == type) {
            popupWindow = new PopupWindow(popupWindowView, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT, true);
            popupWindow.setAnimationStyle(R.style.TopFade);
            popupWindow.setBackgroundDrawable(dw);
            popupWindow.showAtLocation(btnOpen, Gravity.TOP | Gravity.CENTER_HORIZONTAL, 0, 0);
        } else if (Direction.LEFT.ordinal() == type) {
            popupWindow = new PopupWindow(popupWindowView, LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT, true);
            popupWindow.setAnimationStyle(R.style.LeftFade);
            popupWindow.setBackgroundDrawable(dw);
            popupWindow.showAtLocation(btnOpen, Gravity.LEFT, 0, 500);
        } else {
            popupWindow = new PopupWindow(popupWindowView, LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT, true);
            popupWindow.setAnimationStyle(R.style.RightFade);
            popupWindow.setBackgroundDrawable(dw);
            popupWindow.showAtLocation(btnOpen, Gravity.RIGHT, 0, 500);
        }
        backgroundAlpha(0.5f);
        popupWindow.setOnDismissListener(new popupDismissListener());
        popupWindowView.setOnTouchListener(new OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                return false;
            }
        });
        TextView tv_close = (TextView) popupWindowView.findViewById(R.id.tv_close);
        tv_close.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                popupWindow.dismiss();
            }
        });
    }

    /**
     * 设置透明度
     * @param bgAlpha
     */
    public void backgroundAlpha(float bgAlpha) {
        WindowManager.LayoutParams lp = getWindow().getAttributes();
        lp.alpha = bgAlpha;
        getWindow().setAttributes(lp);
    }

}

activity_main.xml布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center"
    android:background="#eeeeee"
    android:padding="10dp"
    android:orientation="vertical">

    <RadioGroup
        android:id="@+id/rg_type"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/left"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="左侧"
            android:checked="true"/>

        <RadioButton
            android:id="@+id/right"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="右侧" />

        <RadioButton
            android:id="@+id/bottom"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="底部" />

        <RadioButton
            android:id="@+id/top"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="顶部" />
    </RadioGroup>

    <Button
        android:id="@+id/btn_open"
        style="@style/btn_style"
        android:text="弹出PopupWindow" />
</LinearLayout>

----END---

转载请与本人联系 如果觉得喜欢或者对你有帮助，请点个赞吧～