PopupWindow弹出窗体

最新推荐文章于 2024-02-08 08:07:41 发布

TimPika

最新推荐文章于 2024-02-08 08:07:41 发布

阅读量364

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/TimPika/article/details/91359402

本文详细介绍了PopupWindow在Android开发中的使用，包括如何自定义窗体、实现微信QQ支付宝样式弹窗、底部弹出窗体的应用以及设置半透明背景和动画效果，提供了具体的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

PopupWindow 显示方法

显示方法	显示位置
showAsDropDown(View anchor, int xoff, int yoff)	显示在anchor控件的下方
showAtLocation(View parent, int gravity, int x, int y)	显示在parent控件的某个位置

一.PopupWindow介绍

PopupWindow弹出窗体可以在任意位置弹出窗体，而对话框只能出现屏幕最中间。

二.如何自定义窗体

(1)构造方法：public PopupWindow (Context context)：context上下文对象
(2)必须设置的3大要素：

 setContentView()：设置自定义布局	
 setWidth()：设置宽度	
 setHeight()：设置高度

(3)显示窗体：

a.显示在某个指定控件的下方showAsDropDown(View anchor)：showAsDropDown(View anchor, int xoff, int yoff)；
//xoff和yoff都是偏移量
b.指定父视图，显示在父控件的某个位置（Gravity.TOP,Gravity.RIGHT等）       
 showAtLocation(View parent, int gravity, int x, int y)；
 //gravity可以是Gravity.TOP、Gravity.BOTTOM、Gravity.LEFT、Gravity.RIGHT

三.实现微信QQ支付宝右上角加号弹出窗体

在这里插入图片描述

1.步骤流程：

      步骤1.实例化PopupWindow对象     
      步骤2.设置自定义布局、宽度和高度
      步骤3.指定位置显示：   	showAsDropDown()     showAtLocation()

2代码

       （1）xml布局文件：activity_main2.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical">
    <RelativeLayout
        android:id="@+id/Rl"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#000000"
        android:padding="10dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="微信"
            android:layout_centerInParent="true"
            android:gravity="center"
            android:textSize="20sp"
            android:textColor="#FFFFFF"/>
        <ImageView
            android:id="@+id/Iv"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:src="@drawable/add"
            android:layout_alignParentRight="true"/>
    </RelativeLayout>
    <ListView
        android:id="@+id/Lv"
        android:layout_below="@id/Rl"
        android:layout_above="@id/Rg"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

    </ListView>
    <RadioGroup
        android:id="@+id/Rg"
        android:layout_alignParentBottom="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:background="#EEEEEE">
        <RadioButton
            android:id="@+id/Rb1"
            android:checked="true"
            android:layout_weight="1"
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="消息"
            android:textColor="@drawable/text_color"
            android:drawableTop="@drawable/message"
            android:textSize="20sp"
            android:button="@null"/>
        <RadioButton
            android:id="@+id/Rb2"
            android:layout_weight="1"
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:drawableTop="@drawable/address"
            android:text="通讯录"
            android:textSize="20sp"
            android:textColor="@drawable/text_color"
            android:button="@null"/>
        <RadioButton
            android:id="@+id/Rb3"
            android:layout_weight="1"
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:drawableTop="@drawable/find"
            android:text="发现"
            android:textSize="20sp"
            android:textColor="@drawable/text_color"
            android:button="@null"/>
        <RadioButton
            android:id="@+id/Rb4"
            android:layout_weight="1"
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:drawableTop="@drawable/my"
            android:text="我"
            android:textColor="@drawable/text_color"
            android:textSize="20sp"
            android:button="@null"/>
    </RadioGroup>

</RelativeLayout>

（2）自定义弹出窗体布局xml文件：layout_weixin_popupwindow.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:background="#45494A"
    android:orientation="vertical">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <ImageView
            android:src="@drawable/chat"
            android:layout_weight="3"
            android:layout_width="0dp"
            android:layout_height="match_parent" />
        <TextView
            android:textColor="#fff"
            android:textSize="20sp"
            android:text="发起群聊"
            android:layout_weight="7"
            android:layout_width="0dp"
            android:layout_height="match_parent" />
    </LinearLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="5dp"
        android:background="#fff">
        
    </View>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <ImageView
            android:src="@drawable/chat"
            android:layout_weight="3"
            android:layout_width="0dp"
            android:layout_height="match_parent" />
        <TextView
            android:textColor="#fff"
            android:textSize="20sp"
            android:text="发起群聊"
            android:layout_weight="7"
            android:layout_width="0dp"
            android:layout_height="match_parent" />
    </LinearLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="5dp"
        android:background="#fff">
    </View>
</LinearLayout>

（3）Java代码：Main2Activity.java

public class Main2Activity extends AppCompatActivity {
    private ImageView imageView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //TODO 去除自带的bar
        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main2);
        imageView = (ImageView) findViewById(R.id.add);
        imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                show_popupwindow();
            }
        });
    }
    //弹出窗体
    public void show_popupwindow(){
        //TODO 1:实例化对象
        PopupWindow popupWindow = new PopupWindow(Main2Activity.this);
        //TODO 2：设置属性
        View view= LayoutInflater.from(this).inflate(R.layout.layout_weixin_popupwindow,null);
        popupWindow.setContentView(view);
        popupWindow.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);
        popupWindow.setWidth(600);
        //设置点击外部消失
        popupWindow.setOutsideTouchable(true);
        //TODO 3:展示
        popupWindow.showAsDropDown(imageView,-100,-100);
    }
 }

四.底部弹出窗体主要应用于抖音点击分享，打字弹出键盘等

(1)xml布局文件：activity_main.xml

<?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"
    tools:context=".MainActivity"
    android:gravity="center">
    <Button
        android:onClick="click"
        android:text="弹出窗体"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

(2)弹出窗体xml布局文件：layout3.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="#F0E8F0"
    android:orientation="vertical">
    <TextView
        android:id="@+id/camera_tv"
    android:textAlignment="center"
    android:textSize="30sp"
    android:text="拍照"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />
    <View
        android:background="#969696"
        android:layout_width="match_parent"
        android:layout_height="5dp"></View>
        
    <TextView
        android:textAlignment="center"
        android:textSize="30sp"
        android:text="从手机相册选择"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
    <View
        android:background="#969696"
        android:layout_width="match_parent"
        android:layout_height="5dp"></View>
    <TextView
        android:textAlignment="center"
        android:textSize="30sp"
        android:text="保存图片"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
    <View
        android:background="#969696"
        android:layout_width="match_parent"
        android:layout_height="15dp"></View>
    <TextView
        android:textAlignment="center"
        android:textSize="30sp"
        android:text="取消"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

(3)java 代码：MainActivity.java

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
    public void click(View view) {
        show_popupwindow();
    }
    //弹出窗体
    public void show_popupwindow(){
        //TODO 1:实例化对象
        PopupWindow popupWindow = new PopupWindow(MainActivity.this);
        //TODO 2：设置属性
        View view=LayoutInflater.from(this).inflate(R.layout.layout3,null);
        final TextView textView = view.findViewById(R.id.camera_tv);
        textView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this, textView.getText().toString().trim(), Toast.LENGTH_SHORT).show();
            }
        });
        popupWindow.setContentView(view);
        popupWindow.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);
        popupWindow.setWidth(ViewGroup.LayoutParams.WRAP_CONTENT);
        //设置点击外部消失
        popupWindow.setOutsideTouchable(true);
       //TODO 3:展示
         /**
         * @param parent 父布局
         * @param gravity gravity可以是Gravity.TOP、Gravity.BOTTOM、Gravity.LEFT、Gravity.RIGHT。。。。
         * @param x x轴偏移量
         * @param y y轴偏移量
         */
        View parent=LayoutInflater.from(MainActivity.this).inflate(R.layout.activity_main,null);
        popupWindow.showAtLocation(parent, Gravity.BOTTOM,0,0);
        }
 }

五.弹出窗体背景半透明安卓中，控件都有透明度alpha属性，取值范围为0-1的float类型，半透明就是0.5f示例代码：

PopupWindow popupWindow= new PopupWindow(Main3Activity.this);        
popupWindow.setHeight(300);        
popupWindow.setWidth(400);        
View view1=LayoutInflater.from(Main3Activity.this).inflate(R.layout.pop,null);      
popupWindow.setContentView(view1);        
//设置点击外部，窗体消失        
popupWindow.setOutsideTouchable(true);       
//1.获得当前窗体的属性       
WindowManager.LayoutParams layoutParams = getWindow().getAttributes();        
//2.设置透明度为0.5f,半透明状态        
layoutParams.alpha=0.5f;        
//3.为窗体设置新属性       
getWindow().setAttributes(layoutParams);       
//4.当窗体消失的时候，恢复透明度       
popupWindow.setOnDismissListener(new PopupWindow.OnDismissListener() {            
	@Override            
	public void onDismiss() {                
		WindowManager.LayoutParams layoutParams = getWindow().getAttributes();                
			layoutParams.alpha=1f;                
			getWindow().setAttributes(layoutParams);            
		}        
	});        
popupWindow.showAtLocation(view1, Gravity.BOTTOM,0,0);

六.设置动画

1.在res/anim文件夹下定义进场动画

duration:动画时长

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

2.定义进出场动画

<style name="MyPopupWindow">        
	<item name="android:windowEnterAnimation">@anim/pop_in</item>       
 	<item name="android:windowExitAnimation">@anim/pop_out</item>    
 </style>

3.为popupwindow设置动画

setAnimationStyle(R.style.MyPopupWindow);

七.自定义PopupWindow

public class MyPopupWindow extends PopupWindow {
    Context mContext;
    private  LayoutInflater mInflater;
    private  View mContentView;
    public MyPopupWindow(Context context) {
        super(context);
        this.mContext=context;
        //打气筒
        mInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        //打气
        mContentView = mInflater.inflate(R.layout.layout_dialog,null);
        //设置View
        setContentView(mContentView);
        //设置宽与高
        setWidth(WindowManager.LayoutParams.MATCH_PARENT);
        setHeight(WindowManager.LayoutParams.WRAP_CONTENT);
        /**
         * 设置进出动画
         */
        setAnimationStyle(R.style.MyPopupWindow);
        /**
         * 设置背景只有设置了这个才可以点击外边和BACK消失
         */
        setBackgroundDrawable(new ColorDrawable());
        /**
         * 设置可以获取集点
         */
        setFocusable(true);
        /**
         * 设置点击外边可以消失
         */
        setOutsideTouchable(true);
         /**
         *设置可以触摸
         */
        setTouchable(true);
         /**
         * 设置点击外部可以消失
         */
        setTouchInterceptor(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                /**
                 * 判断是不是点击了外部
                 */
                if(event.getAction()==MotionEvent.ACTION_OUTSIDE){
                    return true;
                }
                //不是点击外部
                return false;
            }
        });
        /**
         * 初始化View与监听器
         */
        initView();
        initListener();
    }
    private void initView() {
    }
    private void initListener() {
    }
}