转 android 从底部弹出一个popuwindow，渐入渐出效果。我这里是用在购物车需要选择购买选项的操作。

最近要改客户端，需要实现一个从底部弹出的popuwindow，像我这种渣渣android技术，能整出popuwindow但是整不出动画，百度之，记录一下。

从下面这个地址转的 http://blog.csdn.net/yxhuang2008/article/details/42617805

最近因为要用到PopupWindow,所以，就在网上搜索了一下，发现挺多关于这样的文章，现在我把它们整理了一下。

1、Android PopupWindow 的使用技巧，http://www.cnblogs.com/sw926/p/3230659.html

2、Android PopupWindow 的使用和分析，http://www.cnblogs.com/mengdd/p/3569127.html

3、Android PopupWindow 实现从底部弹出或滑出选择菜单或窗口，http://104zz.iteye.com/blog/1685389

本文是整理上面三篇文章而成，绝大部分代码是使用第三篇的，如有不妥，请联系。

一、第一步就是创建布局文件

res/layout/finish_project_popupwindow.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:layout_height="wrap_content"
5. android:orientation="vertical" >
6. <Button
7. android:id="@+id/popupwindow_Button_saveProject"
8. android:layout_marginLeft="20dip"
9. android:layout_marginRight="20dip"
10. android:layout_marginTop="10dip"
11. android:layout_width="match_parent"
12. android:layout_height="wrap_content"
13. android:text="@string/popupwindow_Button_saveProject" />
14. <Button
15. android:id="@+id/popupwindow_Button_abandonProject"
16. android:layout_marginLeft="20dip"
17. android:layout_marginRight="20dip"
18. android:layout_marginTop="10dip"
19. android:layout_width="match_parent"
20. android:layout_height="wrap_content"
21. android:text="@string/popupwindow_Button_abandonProject" />
22. <Button
23. android:id="@+id/popupwindow_cancelButton"
24. android:layout_marginLeft="20dip"
25. android:layout_marginRight="20dip"
26. android:layout_marginTop="10dip"
27. android:layout_width="match_parent"
28. android:layout_height="wrap_content"
29. android:text="@string/popupwindow_cancelButton" />
30. </LinearLayout>

二、第二步，设置PopupWindow弹出和淡出的动画效果

1、在res目录下建立一个文件夹anim,专门用于存储PopupWindow弹出和淡出的动画效果

(1)PopupWindow  弹出时的动画效果

res/anim/enter_anim.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <set xmlns:android="http://schemas.android.com/apk/res/android"
3. android:shareInterpolator="false">
4. <translate
5. android:fromYDelta="100%p"
6. android:toYDelta="0"
7. android:duration="500" />
8. <alpha
9. android:fromAlpha="0"
10. android:toAlpha="1.0"
11. android:duration="300"/>
12. </set>

（2）PopupWindow 淡出时的动画效果

res/anim/out_anim.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <set xmlns:android="http://schemas.android.com/apk/res/android"
3. android:shareInterpolator="false">
4. <translate
5. android:fromYDelta="0"
6. android:toYDelta="100%p"
7. android:duration="3000"/>
8. <alpha
9. android:fromAlpha="1.0"
10. android:toAlpha="0"
11. android:duration="2000"/>
12. </set>

在<translate>标签中，fromYDelta, toYDelta 表示在y轴方法的移动，因为我是要实现从底部弹出PopupWindow的，所以，是y轴，如果想要实现从屏幕侧边的话，可以选择x轴fromXDelta, toXDelta。

duration 表示弹出或者淡出的动画时间。在<alpha>标签中表示PopupWindow透明度的变化，这样是为了比较好看。duration 同样表示时间。

（3）增加这样的Style

在res/valus/styles.xml  的<resources>标签内添加

1. <!-- popupwindow 动画 -->
2. <style name="Animation">
3. <item name="android:windowEnterAnimation">@anim/enter_anim</item>
4. <item name="android:windowExitAnimation">@anim/out_anim</item>
5. </style>

其中，

1. <item name="android:windowEnterAnimation">@anim/enter_anim</item>

表示窗口弹出时的动画文件，@anim/enter_anim  中enter_anim一定要和我们前面定义弹出动画的文件名一致，淡出的动画文件类似。

三、创建自定义类，继承PopupWindow

src/FinishProjectPopupWindow.java

1. import android.app.Activity;
2. import android.content.Context;
3. import android.graphics.drawable.ColorDrawable;
4. import android.util.Log;
5. import android.view.LayoutInflater;
6. import android.view.View;
7. import android.view.View.OnClickListener;
8. import android.view.ViewGroup.LayoutParams;
9. import android.widget.Button;
10. import android.widget.PopupWindow;
11. public class FinishProjectPopupWindows extends PopupWindow{
12. private static final String TAG = "FinishProjectPopupWindows";
13. private View mView;
14. public Button btnSaveProject, btnAbandonProject, btnCancelProject;
15. public FinishProjectPopupWindows(Activity context,
16. OnClickListener itemsOnClick) {
17. super(context);
18. Log.i(TAG, "FinishProjectPopupWindow 方法已被调用");
19. LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
20. mView = inflater.inflate(R.layout.finish_project_popuwindow, null);
21. btnSaveProject = (Button) mView.findViewById(R.id.popupwindow_Button_saveProject);
22. btnAbandonProject = (Button) mView.findViewById(R.id.popupwindow_Button_abandonProject);
23. btnCancelProject = (Button) mView.findViewById(R.id.popupwindow_cancelButton);
24. // 设置按钮监听
25. btnCancelProject.setOnClickListener(new OnClickListener(){
26. @Override
27. public void onClick(View v) {
28. Log.i(TAG, "取消项目");
29. dismiss();
30. }
31. });
32. btnSaveProject.setOnClickListener(itemsOnClick);
33. btnAbandonProject.setOnClickListener(itemsOnClick);
34. //设置PopupWindow的View
35. this.setContentView(mView);
36. //设置PopupWindow弹出窗体的宽
37. this.setWidth(LayoutParams.MATCH_PARENT);
38. //设置PopupWindow弹出窗体的高
39. this.setHeight(LayoutParams.WRAP_CONTENT);
40. //设置PopupWindow弹出窗体可点击
41. this.setFocusable(true);
42. //设置SelectPicPopupWindow弹出窗体动画效果
43. this.setAnimationStyle(R.style.Animation);
44. //实例化一个ColorDrawable颜色为半透明
45. ColorDrawable dw = new ColorDrawable(0xb0000000);
46. //设置SelectPicPopupWindow弹出窗体的背景
47. this.setBackgroundDrawable(dw);
48. }
49. }

四、在Activity中设置弹出PopupWindow

1. private FinishProjectPopupWindows mFinishProjectPopupWindow

1. mFinishProjectPopupWindow = new FinishProjectPopupWindows(MapFragmentActivity.this, itemsOnClick);
2. // 显示PopupWindow

1. mFinishProjectPopupWindow.showAtLocation(MapFragmentActivity.this.findViewById(R.id.main),
2. Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL, 0, 0);

五、实现PopupWindow中按钮的监听

1. private OnClickListener  itemsOnClick = new OnClickListener(){
2. @Override
3. public void onClick(View v) {
4. mFinishProjectPopupWindow.dismiss();
5. switch(v.getId()){
6. case R.id.popupwindow_Button_saveProject:
7. Log.i(TAG, "保存线路");
8. break;
9. case R.id.popupwindow_Button_abandonProject:
10. break;
11. case R.id.popupwindow_cancelButton:
12. mFinishProjectPopupWindow.dismiss();
13. Log.i(TAG, "取消");
14. break;
15. }
16. }
17. };

运行的效果