自定义PopupWindow轻松实现从底部弹出

来源：互联网发布：超融合云计算发展编辑：程序博客网时间：2024/04/28 17:52

首先，肯定要有动画资源吧，要不怎么弹嘞。啥都不管，先定义两个动画肯定用的着。

<?xml version="1.0" encoding="utf-8"?><!-- res/anim文件夹下定义  --><!-- 名为push_bottom_in.xml --><set xmlns:android="http://schemas.android.com/apk/res/android" >    <translate        android:duration="500"        android:fromYDelta="100%p"        android:toYDelta="0" /></set><?xml version="1.0" encoding="utf-8"?><!-- push_buttom_out.xml--><set xmlns:android="http://schemas.android.com/apk/res/android" >    <translate        android:duration="500"        android:fromYDelta="0"        android:toYDelta="50%p" /></set>

2.肯定需要将上面两个动画加载到我们的PopupWindow上吧，ok，我们可以在styles文件下定义

<style name="mypopwindow_anim_style">        <item name="android:windowEnterAnimation">@anim/push_bottom_in</item>        <!-- 指定显示的动画xml -->        <item name="android:windowExitAnimation">@anim/push_buttom_out</item>        <!-- 指定消失的动画xml --></style>

3.PopupWindow肯定是拥有自己的布局吧，没布局弹出空气吗？

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="wrap_content"     android:gravity="center_horizontal">    <LinearLayout         android:id="@+id/id_pop_layout"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="vertical"        android:layout_alignParentBottom="true">        <Button             android:id="@+id/id_btn_take_photo"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:layout_marginTop="10dp"            android:layout_marginLeft="10dp"            android:layout_marginRight="10dp"            android:text="拍照"/>        <Button             android:id="@+id/id_btn_select"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:layout_marginTop="5dp"            android:layout_marginLeft="10dp"            android:layout_marginRight="10dp"            android:text="从相册中选择"/>        <Button             android:id="@+id/id_btn_cancelo"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:layout_margin="10dp"            android:text="取消"/>    </LinearLayout></RelativeLayout>

4.开始自定义所需的PopupWindow~

public class CustomPopupWindow extends PopupWindow implements OnClickListener {    private Button btnTakePhoto, btnSelect, btnCancel;    private View mPopView;    private OnItemClickListener mListener;    public CustomPopupWindow(Context context) {        super(context);        // TODO Auto-generated constructor stub        init(context);        setPopupWindow();        btnTakePhoto.setOnClickListener(this);        btnSelect.setOnClickListener(this);        btnCancel.setOnClickListener(this);    }    /**     * 初始化     *      * @param context     */    private void init(Context context) {        // TODO Auto-generated method stub        LayoutInflater inflater = LayoutInflater.from(context);        //绑定布局        mPopView = inflater.inflate(R.layout.custom_popup_window, null);        btnTakePhoto = (Button) mPopView.findViewById(R.id.id_btn_take_photo);        btnSelect = (Button) mPopView.findViewById(R.id.id_btn_select);        btnCancel = (Button) mPopView.findViewById(R.id.id_btn_cancelo);    }    /**     * 设置窗口的相关属性     */    @SuppressLint("InlinedApi")    private void setPopupWindow() {        this.setContentView(mPopView);// 设置View        this.setWidth(LayoutParams.MATCH_PARENT);// 设置弹出窗口的宽        this.setHeight(LayoutParams.WRAP_CONTENT);// 设置弹出窗口的高        this.setFocusable(true);// 设置弹出窗口可        this.setAnimationStyle(R.style.mypopwindow_anim_style);// 设置动画        this.setBackgroundDrawable(new ColorDrawable(0x00000000));// 设置背景透明        mPopView.setOnTouchListener(new OnTouchListener() {// 如果触摸位置在窗口外面则销毁            @Override            public boolean onTouch(View v, MotionEvent event) {                // TODO Auto-generated method stub                int height = mPopView.findViewById(R.id.id_pop_layout).getTop();                int y = (int) event.getY();                if (event.getAction() == MotionEvent.ACTION_UP) {                    if (y < height) {                        dismiss();                    }                }                return true;            }        });    }    /**     * 定义一个接口，公布出去 在Activity中操作按钮的单击事件     */    public interface OnItemClickListener {        void setOnItemClick(View v);    }    public void setOnItemClickListener(OnItemClickListener listener) {        this.mListener = listener;    }    @Override    public void onClick(View v) {        // TODO Auto-generated method stub        if (mListener != null) {            mListener.setOnItemClick(v);        }    }}

5.ok写完啦，写个activity测试一下

public class MainActivity extends Activity implements OnItemClickListener{    private CustomPopupWindow mPop;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        mPop=new CustomPopupWindow(this);        mPop.setOnItemClickListener(this);        findViewById(R.id.id_start).setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                //设置PopupWindow中的位置                mPop.showAtLocation(MainActivity.this.findViewById(R.id.main), Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL, 0, 0);            }        });    }    @Override    public void setOnItemClick(View v) {        // TODO Auto-generated method stub        switch(v.getId()){        case R.id.id_btn_take_photo:            Toast.makeText(getApplicationContext(), "拍照", Toast.LENGTH_LONG).show();            break;        case R.id.id_btn_select:            Toast.makeText(getApplicationContext(),"从相册中选择", Toast.LENGTH_LONG).show();            break;        case R.id.id_btn_cancelo:            mPop.dismiss();            break;        }    }}

效果图，虽然丑~~~

1 0