PopupWindow的简单使用

本文介绍了使用 Android PopupWindow 的具体实现步骤,包括定义布局、添加动画效果、设置样式及在主界面中调用 PopupWindow 的方法。同时,还详细探讨了 PopupWindow 的各种属性及其之间的相互作用。

学习了Android PopupWindow的使用技巧 - sw926 - 博客园 http://www.cnblogs.com/sw926/p/3230659.html【Android UI设计与开发】7.底部菜单栏(四)PopupWindow 实现显示仿腾讯新闻底部弹出菜单 - 叶超Luka - 博客园 http://www.cnblogs.com/yc-755909659/p/4288864.html,然后自己进行了一下研究,写一个总结,方便以后学习。

效果图:

1.PopupWindow的布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:background="@color/colorAccent"
    android:gravity="center"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/tv_popup_text"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:text="我就是弹窗"
        android:textSize="25sp"
        android:textColor="#ffffffff"
        android:layout_centerInParent="true"
        android:gravity="center"/>

</LinearLayout>

2.在res下新建anim文件夹,为窗口弹出消失写动画:
popupwindow_in:

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

popupwindow_out:

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

添加style:

 <style name="anim_popup_window">
        <item name="android:windowEnterAnimation">@anim/popupwindow_in</item>
        <item name="android:windowExitAnimation">@anim/popupwindow_out</item>
    </style>

3.主界面布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    android:id="@+id/layout_home"
    android:background="#FFB5C5"
    tools:context="com.lotus.popupwindowdemo.HomeActivity">

    <TextView
        android:id="@+id/tv_show_popup_window"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:text="点击显示PopupWindow" />
</LinearLayout>

4.主界面代码:

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
import android.widget.PopupWindow;
import android.widget.TextView;
import android.widget.Toast;

public class HomeActivity extends AppCompatActivity implements View.OnClickListener {

    private LinearLayout layout_home;
    private TextView tv_show_popup_window;
    private PopupWindow mPopupWindow;
    private TextView tv_popup_text;

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

        // 引入窗口配置文件:即弹窗的界面
        View popupView = getLayoutInflater().inflate( R.layout.layout_popupwindow, null);
        popupView.setOnClickListener( this);

        tv_popup_text = (TextView) popupView.findViewById(R.id.tv_popup_text);
        tv_popup_text.setOnClickListener(this);

        // PopupWindow实例化
        mPopupWindow = new PopupWindow( popupView, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT, true);
        // 设置PopupWindow是否可触摸(设置为不可触摸,那弹出框内的任何控件都不能进行任何点击等等类似操作)
        mPopupWindow.setTouchable( true);
        // 设置非PopupWindow区域是否可触摸
        // 1.若设置PopupWindow获得焦点和非PopupWindow区域可触摸,但实际上非PopupWindow区域的控件并不能响应点击事件等等
        // 2.若设置PopupWindow不可获得焦点,则不管非PopupWindow区域被设置能否触摸,实际上非PopupWindow区域的控件都能响应点击事件等等
        // 3.若设置PopupWindow不可获得焦点,非PopupWindow区域被设置能触摸,当点击非PopupWindow区域时能隐藏PopupWindow,而点击返回键并不能隐藏窗口,
        //   此时通过按钮只能控制窗口的弹出,并不能控制消失,消失只能通过点击其他非PopupWindow区域
        mPopupWindow.setOutsideTouchable( false);
        // 如果不设置PopupWindow的背景,无论是点击外部区域还是Back键都无法dismiss弹框(但目前并没有发现此问题)
//        mPopupWindow.setBackgroundDrawable( new BitmapDrawable( getResources(), (Bitmap) null));
        // 设置PopupWindow显示和隐藏时的动画
        mPopupWindow.setAnimationStyle(R.style.anim_popup_window);
        // 设置PopupWindow是否可获得焦点
        // 1.如果设置为可获得焦点,不管非PopupWindow区域被设置能否触摸,也会在点击屏幕非PopupWindow区域和点击返回键时,使PopupWindow隐藏
        // 2.相反,如果设置为不可获得焦点,在点击屏幕非PopupWindow区域或点击返回键时,都不能使PopupWindow隐藏
        mPopupWindow.setFocusable(false);


        layout_home = (LinearLayout)  this.findViewById(R.id.layout_home);
        tv_show_popup_window = (TextView) this.findViewById( R.id.tv_show_popup_window);
        tv_show_popup_window.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if ( mPopupWindow.isShowing()) {
                    // 隐藏窗口,如果设置了点击窗口外消失,则不需要此方式隐藏
                    mPopupWindow.dismiss();
                    tv_show_popup_window.setText("点击显示PopupWindow");
                } else {
                    // 弹出窗口显示内容视图,默认以锚定视图的左下角为起点,这里为点击按钮
//                mPopupWindow.showAsDropDown( view);//默认在view(tv_show_popup_window)的下方出现
                    mPopupWindow.showAtLocation( layout_home, Gravity.BOTTOM, 0, 0);
                    tv_show_popup_window.setText("点击使PopupWindow消失");

                }
            }
        });
    }

    @Override
    public void onClick(View view) {
        switch ( view.getId()){
            case R.id.tv_popup_text:
                Toast.makeText( getApplicationContext(),"我是PopupWindow内的一个控件",Toast.LENGTH_SHORT).show();
               break;
        }
    }
}

**注:**分析属性时,注释写得有点多,因为发现属性彼此间联系紧密,所以要小心使用才行

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值