PopupWindow实现弹出框功能

我们在Android开发中，我们通常点击按钮会弹出一个对话框，这里用到了PopupWindow来实现。

首先我们定义PopupWindow的布局文件xml，里面有两个按钮。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    tools:context=".MainActivity"
    android:background="@android:color/black" >
    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />
    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/imageView"
        android:text="btn" />
    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/button1"
        android:text="btn" />
</RelativeLayout>

然后我们定义主布局文件xml，这里只有一个按钮，点击按钮会弹出PopupWindow

<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" >
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_marginBottom="145dp"
        android:layout_marginLeft="76dp"
        android:text="点击按钮弹出PopupWindow" />
</RelativeLayout>

然后我们在anim文件夹中定义两个动画一个是对话框弹出时的动画，一个是对话框消失时的动画，

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

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

最后，我们在主Activity里配置动画即可，并实现相应的监听事件。

package com.example.anim;


import android.app.Activity;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup.LayoutParams;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.PopupWindow;


public class PopupWindowActivity extends Activity {


private Button button;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.test);
button=(Button)findViewById(R.id.button);


button.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
final View contentView=LayoutInflater.from(PopupWindowActivity.this).inflate(R.layout.popup_layout,null);
final PopupWindow window=new PopupWindow(contentView,LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
//点击页面的其他地方，PopupWindow消失
window.setFocusable(true);
window.setOutsideTouchable(true);
window.setBackgroundDrawable(new ColorDrawable(0));
//设置PopupWindow的动画效果
window.setAnimationStyle(R.style.Popup_style);
//设置PopupWindow的显示的位置
window.showAtLocation((View)button.getParent(),Gravity.NO_GRAVITY,50,50);
//点击PopupWindow里面的按钮更换图片
contentView.findViewById(R.id.button1).setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
ImageView imageView=(ImageView)contentView.findViewById(R.id.imageView);
imageView.setImageResource(R.drawable.grossini_dance_04);
}
});
contentView.findViewById(R.id.button2).setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
window.dismiss();
}
});
}
});


}


}