Android使用FrameLayout模仿PoppupWindow

自从Android进入7.0之后，使用PoppupWindow是越来越不顺手了，各种问题出现，而且对于很多个性化定义不是很完美，下面是我做了一些小封装的demo，有问题大家提出来一起学习。

废话不多说，直接上代码：

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/ll_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"></LinearLayout>

custom_poppup_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="#fff"
    android:orientation="vertical">

    <FrameLayout
        android:id="@+id/ll_tab"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:orientation="horizontal" ></FrameLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/colorPrimary" />

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#fff">
        <!--内容区-->
        <FrameLayout
            android:id="@+id/fl_content"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#fff" />
        <!--遮罩区-->
        <View
            android:id="@+id/mask"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#99000000"
            android:visibility="gone" />
        <!--弹出框-->
        <FrameLayout
            android:id="@+id/fl_pop"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="left"
            android:background="#fff"
            android:orientation="horizontal"
            android:visibility="gone"></FrameLayout>
    </FrameLayout>
</LinearLayout>

item_pop_view.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="wrap_content"
    android:background="#fff"
    android:orientation="horizontal">

    <ListView
        android:id="@+id/lv_city"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:scrollbars="none" />

    <ListView
        android:id="@+id/lv_age"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:scrollbars="none" />
</LinearLayout>

item_tab_view.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="wrap_content">

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

        <TextView
            android:id="@+id/tv_city"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:drawableRight="@mipmap/icon_to_down"
            android:gravity="center"
            android:paddingLeft="20dp"
            android:paddingRight="20dp"
            android:text="城市" />

        <View
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:background="@color/colorPrimary" />

        <TextView
            android:id="@+id/tv_age"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:drawableRight="@mipmap/icon_to_down"
            android:gravity="center"
            android:paddingLeft="20dp"
            android:paddingRight="20dp"
            android:text="年龄" />
    </LinearLayout>
</LinearLayout>

MainActivity.java:

public class MainActivity extends AppCompatActivity {
    private String content[];
    private String citys[] = {"北京", "上海", "广州", "深圳"};
    private String ages[] = {"1-5", "6-10", "11-15", "16-20"};

//父布局容器，即Activity中最外层容器

    private LinearLayout ll_container;

    //封装的popupWindow布局
    private CustomPopupWindow popupWindow;

//对话框的内容容器

private FrameLayout popView;

//正文内容容器

private FrameLayout contentView;

//顶部条件筛选栏容器

private FrameLayout tabView;

//对话框的详细布局

private View viewPop;

//条件筛选详细布局

private View viewTab; private TextView tvCity; private TextView tvAge; private ListView lvCity; private ListView lvAge;

//内容列表

private ListView lvContent; /** * 当前展开位置下标 */ private int currentPos = -1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); initEvent(); } private void initView() { ll_container = this.findViewById(R.id.ll_container); popupWindow = new CustomPopupWindow(this, ll_container); popView = popupWindow.getPopupView(); contentView = popupWindow.getContentView(); tabView = popupWindow.getTabView(); viewPop = LayoutInflater.from(this).inflate(R.layout.item_pop_view, null); viewTab = LayoutInflater.from(this).inflate(R.layout.item_tab_view, null); popView.addView(viewPop); tabView.addView(viewTab); lvContent = new ListView(this); contentView.addView(lvContent); tvCity = viewTab.findViewById(R.id.tv_city); tvAge = viewTab.findViewById(R.id.tv_age); lvCity = viewPop.findViewById(R.id.lv_city); lvAge = viewPop.findViewById(R.id.lv_age); content = new String[20]; for (int i = 0; i < 20; i++) { content[i] = "第" + (1 + i) + "项"; } ArrayAdapter contentAdapter = new ArrayAdapter<String>(MainActivity.this, android.R.layout.simple_list_item_1, content); lvContent.setAdapter(contentAdapter); //创建数组适配器对象，并且通过参数设置类item项的布局样式和数据源 ArrayAdapter cityAdapter = new ArrayAdapter<String>(MainActivity.this, android.R.layout.simple_list_item_1, citys); //把数组适配器加载到ListView控件中 lvCity.setAdapter(cityAdapter); ArrayAdapter ageAdapter = new ArrayAdapter<String>(MainActivity.this, android.R.layout.simple_list_item_1, ages); //把数组适配器加载到ListView控件中 lvAge.setAdapter(ageAdapter); } private void initEvent() { tvCity.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { if (popupWindow != null) { if (!popupWindow.isShow()) { currentPos = 1; switchPop(); popupWindow.show(); } else { if (currentPos == 2) { currentPos = 1; switchPop(); } else { currentPos = -1; popupWindow.dismiss(); } } } } }); tvAge.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { if (popupWindow != null) { if (!popupWindow.isShow()) { currentPos = 2; switchPop(); popupWindow.show(); } else { if (currentPos == 1) { currentPos = 2; switchPop(); } else { currentPos = -1; popupWindow.dismiss(); } } } } }); } /** * 切换帅选条件 */ private void switchPop() { if (currentPos == 1) { lvCity.setVisibility(View.VISIBLE); lvAge.setVisibility(View.GONE); } else { lvCity.setVisibility(View.GONE); lvAge.setVisibility(View.VISIBLE); } } }

CustomPopupWindow.java:

public class CustomPopupWindow {
    private View pop;

    private Context context;
    /**
     * 标题栏
     */
    private FrameLayout ll_tab;
    /**
     * 内容区域
     */
    private FrameLayout fl_content;
    /**
     * 弹出框区域
     */
    private FrameLayout fl_pop;
    /**
     * 遮罩层区域
     */
    private View mask;
    /**
     * 是否已打开对话框
     */
    private boolean hasOpen = false;

    /**
     * @param context
     * @param parentContainer 最外层父容器
     */
    public CustomPopupWindow(Context context, LinearLayout parentContainer) {
        this.context = context;
        pop = LayoutInflater.from(context).inflate(R.layout.custom_poppup_window, null);
        parentContainer.addView(pop);
        initView();
        initEvent();
    }

    private void initView() {
        ll_tab = pop.findViewById(R.id.ll_tab);
        fl_content = pop.findViewById(R.id.fl_content);
        fl_pop = pop.findViewById(R.id.fl_pop);
        mask = pop.findViewById(R.id.mask);
    }

    private void initEvent() {
        mask.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
            }
        });
    }

    /**
     * 打开对话框
     */
    public void show() {
        if (!hasOpen) {
            fl_pop.setVisibility(View.VISIBLE);
            fl_pop.setAnimation(AnimationUtils.loadAnimation(context, R.anim.add_menu_in));
            mask.setVisibility(View.VISIBLE);
            mask.setAnimation(AnimationUtils.loadAnimation(context, R.anim.add_mask_in));
            hasOpen = true;
        }
    }

    /**
     * 关闭对话框
     */
    public void dismiss() {
        fl_pop.setVisibility(View.GONE);
        fl_pop.setAnimation(AnimationUtils.loadAnimation(context, R.anim.add_menu_out));
        mask.setVisibility(View.GONE);
        mask.setAnimation(AnimationUtils.loadAnimation(context, R.anim.add_mask_out));
        hasOpen = false;
    }

    /**
     * 对话框是否已经打开
     *
     * @return
     */
    public boolean isShow() {
        return hasOpen;
    }

    /**
     * 获取弹出框的容器，用来自己添加View
     *
     * @return
     */
    public FrameLayout getPopupView() {
        return fl_pop;
    }

    /**
     * 获取内容的容器，用来自己添加View
     *
     * @return
     */
    public FrameLayout getContentView() {
        return fl_content;
    }

    /**
     * 获取tab的容器，用来自己添加View
     *
     * @return
     */
    public FrameLayout getTabView() {
        return ll_tab;
    }
}

动画文件：

add_mask_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="250">
    <alpha
        android:fromAlpha="0"
        android:toAlpha="1" />
</set>

add_mask_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="250">
    <alpha
        android:fromAlpha="1"
        android:toAlpha="0" />
</set>

add_menu_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="250">
    <translate
        android:fromYDelta="-100%p"
        android:toYDelta="0" />
</set>

add_menu_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="250">
    <translate
        android:fromYDelta="0"
        android:toYDelta="-100%p" />
</set>

上面的代码都是完整的，直接copy可以使用，其中布局文件中有两张图片需要自己去修改，这两个图标我就不上传了。

Android使用FrameLayout模仿PoppupWindow