PopupWindow的使用和两个案例

PopupWindow在安卓中使用很广, 如微信的点赞等等跳出的窗体

下面看实例一:

不多说,直接上代码:

 private void AreaPopupWindow() {
        if(mPopupWindow == null) {

            View areaContentView = createAreaContentView();
            int width = mActivity.getWindowManager().getDefaultDisplay().getWidth();
            int height = ViewGroup.LayoutParams.WRAP_CONTENT;
            boolean focusable = true;
            mPopupWindow = new PopupWindow(areaContentView, width, height, focusable);
            mPopupWindow.setBackgroundDrawable(new ColorDrawable());  //点击返回键要让popupwindow消失需要给它设置一个背景
            mPopupWindow.setOutsideTouchable(true);
        }

        //显示Popupwindow
        View anchor = mTvWangdianqiandaoAreaPopup;   //指定popupWindow显示在什么控件的下方
        int xoff = 2;	// 指定PopupWindow x方向的偏移量
        int yoff = 40;	// 指定PopupWindow y方向的偏移量
        mPopupWindow.showAsDropDown(anchor,xoff,yoff);


    }

    /** 创建地区PopupWindow显示的内容 */
    private View createAreaContentView() {

        View contentView =  LayoutInflater.from(mActivity).inflate(R.layout.view_qingwuexcute_area_popup,null);
        final ListView area1 = (ListView) contentView.findViewById(R.id.lv_area1);
        final ListView area2 = (ListView) contentView.findViewById(R.id.lv_area2);
        area1.setVerticalScrollBarEnabled(false);  //隐藏两个条目右边的滑动条
        area2.setVerticalScrollBarEnabled(false);
        area2.setVisibility(View.INVISIBLE);
        mWangDianArea2Adapter = new WangDianArea2Adapter();
        area2.setAdapter(mWangDianArea2Adapter);   //给2设置适配器

        final WangDianArea1Adapter wangDianArea1Adapter = new WangDianArea1Adapter();
        area1.setAdapter(wangDianArea1Adapter);

        area1.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                //选中更改area1中条目的背景色  和文字的颜色
                //将点击条目的位置 传给area1的adapter
                wangDianArea1Adapter.setItemClickPosition(position);

                //给ListView2 加一个动画
                area2.setVisibility(View.VISIBLE);
                ObjectAnimator animator1 = ObjectAnimator.ofFloat(area2, "translationY", -100.0f, 0);
                AnimatorSet set = new AnimatorSet();
                set.play(animator1);
                set.setDuration(300);
                set.start();

                //这里处理  点击左边的ListView的条目,让右边的ListView刷新集合  (第二种实现方式:让右边ListView滚动到对应的条目显示)
                mDifferentWangDianQianDaoArea2Beens = AllArea2Lists.get(position);
                mWangDianArea2Adapter.updataRightData(mDifferentWangDianQianDaoArea2Beens);
                area2.setOnItemClickListener(new AdapterView.OnItemClickListener() {
                    @Override
                    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                        //更改area2中选中的条目的  颜色和对号的显示
                        //循环条目
                        for(int i = 0; i < mDifferentWangDianQianDaoArea2Beens.size();i++) {
                            WangDianQianDaoArea2Bean area2Bean = mDifferentWangDianQianDaoArea2Beens.get(i);
                            area2Bean.isChecked = false;
                            if(position == i) {
                                area2Bean.isChecked = true;
                            }
                        }
                        mWangDianArea2Adapter.notifyDataSetChanged();
                        //更改上方区域中的内容
                        mTvWangdianqiandaoAreaPopup.setText(mDifferentWangDianQianDaoArea2Beens.get(position).area2);
                        //保存区域中第一个条目到sp中
                        SharedPreferences sp = mActivity.getSharedPreferences("hz", Activity.MODE_PRIVATE);
                        SharedPreferences.Editor editor = sp.edit();
                        editor.putString("wangdianqiandao_area",mDifferentWangDianQianDaoArea2Beens.get(position).area2);
                        editor.commit();
                        mPopupWindow.dismiss();    //让悬浮窗体消失
                    }
                });

            }
        });
        return contentView;


    }

这个例子, 是PopupWindow显示在什么控件的下方,并且距离控件的偏移量可以设定;  注意点击popupWindow 和返回键可以让PopupWindow消失的写法

实例二:

这个Demo弹出的是PopupWindow, 上代码:

package com.example.popupwindowpaydemo.view;

import android.content.Context;
import android.text.TextUtils;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.PopupWindow;
import android.widget.TextView;
import android.widget.Toast;

import com.example.popupwindowpaydemo.BottomDialogListener;
import com.example.popupwindowpaydemo.R;

/**
 * 底部支付弹窗的Popupwindow
 */

public class MyBottomPopupWindow extends PopupWindow implements View.OnClickListener {

    public BottomDialogListener mListener;
    private final TextView mTv_back;
    private final EditText mEt_input;
    private final Button mBt_cancel;
    private final Button mBt_confirm;

    private Context mContext;
    private final View mView;


    public MyBottomPopupWindow(Context context,BottomDialogListener listener) {
       this.mListener = listener;
        this.mContext = context;

        //PopupWindow显示的内容
        LayoutInflater layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        mView = layoutInflater.from(context).inflate(R.layout.view_mypopupwindow,null);
        mTv_back = (TextView) mView.findViewById(R.id.tv_back);
        mTv_back.setOnClickListener(this);
        mEt_input = (EditText) mView.findViewById(R.id.et_input);
        mBt_cancel = (Button) mView.findViewById(R.id.bt_cancel);
        mBt_confirm = (Button) mView.findViewById(R.id.bt_confirm);
        mBt_cancel.setOnClickListener(this);
        mBt_confirm.setOnClickListener(this);

        this.setContentView(mView);


    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.tv_back:
                this.dismiss();
                break;
            case R.id.bt_cancel:
                this.dismiss();
                break;
            case R.id.bt_confirm:
                String str = mEt_input.getText().toString().trim();
                if(TextUtils.isEmpty(str)) {
                    Toast.makeText(mContext,"密码为空",Toast.LENGTH_SHORT).show();
                    return;
                }
                //调用接口中的方法 回调给页面
                if(mListener != null) {
                    mListener.onDataToActivity(str,mView);   //为什么要讲view传过去 ?
                    dismiss();
                }
                break;
        }
    }
}

继承了PopupWindow, 对属性进行设置,  并且加入接口回调;  

这个弹出窗体的布局有点奥妙:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fillViewport="true"
    >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:orientation="vertical">

            <RelativeLayout

                android:layout_width="match_parent"
                android:layout_height="40dp">

                <TextView
                    android:id="@+id/tv_back"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:padding="5dp"
                    android:text="→"
                    />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:text="请输入交易密码"/>

            </RelativeLayout>

            <EditText
                android:id="@+id/et_input"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="请输入密码"/>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">

                <Button
                    android:id="@+id/bt_cancel"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:text="取消"/>

                <Button
                    android:id="@+id/bt_confirm"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:text="确认"/>

            </LinearLayout>

        </LinearLayout>
    </RelativeLayout>
</ScrollView>

整体用ScrollView进行包装, 弹窗弹起的时候，软键盘一般是会覆盖一部分输入框的，这是非常不好看的。之所以demo中没有出现这种情况，是通过了特殊的处理——>将整个弹窗布局外包一层ScrollView，这样方便软键盘弹起找到输入框焦点时会将整个布局往上顶。但，这还不够，一定要在ScrollView中设置一个属性：android:fillViewport="true"  

MainActivity中的代码:

package com.example.popupwindowpaydemo;

import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.view.inputmethod.InputMethodManager;
import android.widget.TextView;

import com.example.popupwindowpaydemo.view.MyBottomPopupWindow;

public class MainActivity extends AppCompatActivity {

    private TextView tv_pwd;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        tv_pwd = (TextView) findViewById(R.id.tv_pwd);


    }

    public void click(View view) {
        MyBottomPopupWindow myBottomPopupWindow = new MyBottomPopupWindow(this, new BottomDialogListener() {
            @Override
            public void onDataToActivity(String str, View v) {
                //回调 回来的数据 ,由于接口中已经做了让窗体消息的处理,故这里不做处理
                tv_pwd.setText(str);

            }
        });

        myBottomPopupWindow.setWidth(ViewGroup.LayoutParams.MATCH_PARENT);
        myBottomPopupWindow.setHeight(ViewGroup.LayoutParams.MATCH_PARENT);
        myBottomPopupWindow.setOutsideTouchable(false);
//        myBottomPopupWindow.setAnimationStyle(R.style.DialogShowStyle);
        myBottomPopupWindow.setBackgroundDrawable(new ColorDrawable());
        myBottomPopupWindow.setFocusable(true);

        //设置PopupWIndow显示的位置, 设置窗口显示在parent布局的位置显示
        myBottomPopupWindow.showAtLocation(this.findViewById(R.id.activity_main), Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL,0,0);
        InputMethodManager imm = (InputMethodManager) this.getSystemService(Context.INPUT_METHOD_SERVICE);//自动打开软键盘
        imm.toggleSoftInput(0, InputMethodManager.HIDE_NOT_ALWAYS);

    }
}

popupWindow 设置setFocusable为true, 才能让Edittext获得焦点 输入密码;同时 这里可以设置一个背景色,由于他是包含整个父窗体的

注意showAtLoacation()和showAsDropDown()的用法