最近做项目的时候,希望弹出一个PopupWindow,但是效果并不美观,所以自己写了个效果,动画弹出PopupWindow,是飞入/飞出,加上渐变的效果。在弹出PopupWindow的同时,改变屏幕背景的透明度,使屏幕背景变暗。实现效果如下
主页面布局只添加了一个Button,然后设置Button的点击事件来弹出PopupWindow
PopupWindow布局添加了一个TextView和三个Button,代码如下:
<?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="wrap_content"android:orientation="vertical" ><TextViewandroid:id="@+id/textView1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_margin="10dp"android:text="这是一个PopupWindow" /><Buttonandroid:id="@+id/bt_item1"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="10dp"android:text="Item1" /><Buttonandroid:id="@+id/bt_item2"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="10dp"android:text="Item2" /><Buttonandroid:id="@+id/bt_item3"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="10dp"android:text="Item3" /></LinearLayout>
因为PopupWindow必须设置背景图片,我用XML文件写了个背景图
在res文件夹下新建drawable文件夹,里面添加popupwindow_background.xml文件,代码如下:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" ><solid android:color="#e1859e" /><corners android:radius="5dip" /><strokeandroid:width="2dip"android:color="#1cb0ba" /></shape>
在res文件夹下新建anim文件夹,里面添加动画文件
PopupWindow隐藏动画popupwindow_hidden_anim.xml,代码如下:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" ><translateandroid:duration="1000"android:fromYDelta="0"android:toYDelta="10%p" /><alphaandroid:duration="1000"android:fromAlpha="1.0"android:toAlpha="0.0" /></set>
PopupWindow显示动画popupwindow_hidden_anim.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" ><translateandroid:duration="1000"android:fromYDelta="10%p"android:toYDelta="0" /><alphaandroid:duration="1000"android:fromAlpha="0.0"android:toAlpha="1.0" /></set>
最后,我们还需要在res/values文件夹下的style.xml文件里添加如下代码,用来设置PopupWindow显示/隐藏的动画效果
<!-- PopupWindow弹出/隐藏动画 --><style name="MyPopupWindow_anim_style"><item name="android:windowEnterAnimation">@anim/popupwindow_show_anim</item><item name="android:windowExitAnimation">@anim/popupwindow_hidden_anim</item></style>
至此便完成了PopupWindow的动画设置
MainActivity代码,主要是设置PopupWindow的一些参数,具体见注释:
public class MainActivity extends Activity {private Button bt;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);bt = (Button) findViewById(R.id.button1);bt.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {showpopupWindow(v);// 显示PopupWindow}});}@SuppressLint("InlinedApi")private void showpopupWindow(View v) {Button btItem1, btItem2, btItem3;LayoutInflater layoutInflater = LayoutInflater.from(MainActivity.this);View view = layoutInflater.inflate(R.layout.popwindow_layout, null);final PopupWindow popupWindow = new PopupWindow(view, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, true);// 如果不设置PopupWindow的背景,无论是点击外部区域还是Back键都无法dismiss弹框popupWindow.setBackgroundDrawable(getResources().getDrawable(R.drawable.popupwindow_background));popupWindow.setOutsideTouchable(true);popupWindow.setAnimationStyle(R.style.MyPopupWindow_anim_style);btItem1 = (Button) view.findViewById(R.id.bt_item1);btItem1.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this, "Item1被点击", Toast.LENGTH_SHORT).show();popupWindow.dismiss();}});btItem2 = (Button) view.findViewById(R.id.bt_item2);btItem2.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this, "Item2被点击", Toast.LENGTH_SHORT).show();popupWindow.dismiss();}});btItem3 = (Button) view.findViewById(R.id.bt_item3);btItem3.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this, "Item3被点击", Toast.LENGTH_SHORT).show();popupWindow.dismiss();}});// PopupWindow弹出位置popupWindow.showAtLocation(v, Gravity.CENTER, 0, 0);backgroundAlpha(0.5f);popupWindow.setOnDismissListener(new OnDismissListener() {@Overridepublic void onDismiss() {backgroundAlpha(1f);}});}// 设置屏幕透明度public void backgroundAlpha(float bgAlpha) {WindowManager.LayoutParams lp = getWindow().getAttributes();lp.alpha = bgAlpha; // 0.0~1.0getWindow().setAttributes(lp);}}
源代码下载:Android 动画效果弹出PopupWindow,同时屏幕背景变暗