自定义PopupWindow动画效果

1. public class RollActivity extends Activity {
2. private View view;
3. private Button btn;
4. private PopupWindow mPopupWindow;
5. private View[] btns;
6. /** Called when the activity is first created. */
7. @Override
8. public void onCreate(Bundle savedInstanceState) {
9. super.onCreate(savedInstanceState);
10. setContentView(R.layout.main);
11. //      LinearLayout layout=(LinearLayout) view.findViewById(R.id.layout_main);
12. //      //设置背景图片旋转180
13. //      Bitmap mBitmap=setRotate(R.drawable.bg_kuang);
14. //      BitmapDrawable drawable=new BitmapDrawable(mBitmap);
15. //      layout.setBackgroundDrawable(drawable);
16. btn=(Button) this.findViewById(R.id.btn);
17. btn.setOnClickListener(new OnClickListener(){
18. @Override
19. public void onClick(View v) {
20. // TODO Auto-generated method stub
21. showPopupWindow(btn);
22. }
23. });
24. initPopupWindow(R.layout.popwindow);
25. }
26. private void initPopupWindow(int resId){
27. LayoutInflater mLayoutInflater = (LayoutInflater)getSystemService(LAYOUT_INFLATER_SERVICE);
28. view = mLayoutInflater.inflate(resId, null);
29. mPopupWindow = new PopupWindow(view, 400,LayoutParams.WRAP_CONTENT);
30. //      mPopupWindow.setBackgroundDrawable(new BitmapDrawable());//必须设置background才能消失
31. mPopupWindow.setBackgroundDrawable(getResources().getDrawable(R.drawable.bg_frame));
32. mPopupWindow.setOutsideTouchable(true);
33. //自定义动画
34. //      mPopupWindow.setAnimationStyle(R.style.PopupAnimation);
35. //使用系统动画
36. mPopupWindow.setAnimationStyle(android.R.style.Animation_Dialog);
37. mPopupWindow.update();
38. mPopupWindow.setTouchable(true);
39. mPopupWindow.setFocusable(true);
40. btns=new View[3];
41. btns[0]=view.findViewById(R.id.btn_0);
42. btns[1]=view.findViewById(R.id.btn_1);
43. btns[2]=view.findViewById(R.id.btn_2);
44. btns[0].setOnClickListener(new OnClickListener() {
45. @Override
46. public void onClick(View v) {
47. // TODO Auto-generated method stub
48. //doSomething
49. }
50. });
51. btns[1].setOnClickListener(new OnClickListener() {
52. @Override
53. public void onClick(View v) {
54. // TODO Auto-generated method stub
55. //doSomething
56. }
57. });
58. btns[2].setOnClickListener(new OnClickListener() {
59. @Override
60. public void onClick(View v) {
61. // TODO Auto-generated method stub
62. //doSomething
63. }
64. });
65. }
66. private void showPopupWindow(View view) {
67. if(!mPopupWindow.isShowing()){
68. //          mPopupWindow.showAsDropDown(view,0,0);
69. mPopupWindow.showAtLocation(view, Gravity.CENTER, 0, 0);
70. }
71. }
72. public Bitmap setRotate(int resId) {
73. Matrix mFgMatrix = new Matrix();
74. Bitmap mFgBitmap = BitmapFactory.decodeResource(getResources(), resId);
75. mFgMatrix.setRotate(180f);
76. return mFgBitmap=Bitmap.createBitmap(mFgBitmap, 0, 0,
77. mFgBitmap.getWidth(), mFgBitmap.getHeight(), mFgMatrix, true);
78. }
79. }

PopupWindow的布局popwindow.xml 
注意3个LinearLayout里必须设置clickable和background，这样当点击上去的时候才会有点击效果。 
android:clickable="true" 
android:background="@drawable/state_btn_pressed"

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout
3. xmlns:android="http://schemas.android.com/apk/res/android"
4. android:layout_width="fill_parent"
5. android:layout_height="wrap_content"
6. android:orientation="horizontal"
7. android:id="@+id/layout_main"
8. >
9. <LinearLayout android:layout_width="fill_parent"
10. android:layout_height="wrap_content"
11. android:orientation="vertical"
12. android:gravity="center_horizontal"
13. android:clickable="true"
14. android:background="@drawable/state_btn_pressed"
15. android:layout_weight="1"
16. android:id="@+id/btn_0"
17. >
18. <ImageView android:layout_width="wrap_content"
19. android:layout_height="wrap_content"
20. android:scaleType="fitCenter"
21. android:src="@drawable/ic_call"
22. >
23. </ImageView>
24. <TextView android:layout_width="wrap_content"
25. android:layout_height="wrap_content"
26. android:textColor="#000000"
27. android:textSize="18px"
28. android:text="电话">
29. </TextView>
30. </LinearLayout>
31. <LinearLayout android:layout_width="fill_parent"
32. android:layout_height="wrap_content"
33. android:orientation="vertical"
34. android:gravity="center_horizontal"
35. android:clickable="true"
36. android:background="@drawable/state_btn_pressed"
37. android:layout_weight="1"
38. android:id="@+id/btn_1"
39. >
40. <ImageView android:layout_width="wrap_content"
41. android:layout_height="wrap_content"
42. android:scaleType="fitCenter"
43. android:src="@drawable/ic_home"
44. >
45. </ImageView>
46. <TextView android:layout_width="wrap_content"
47. android:layout_height="wrap_content"
48. android:textColor="#000"
49. android:textSize="18px"
50. android:text="空间">
51. </TextView>
52. </LinearLayout>
53. <LinearLayout android:layout_width="fill_parent"
54. android:layout_height="wrap_content"
55. android:orientation="vertical"
56. android:gravity="center_horizontal"
57. android:clickable="true"
58. android:background="@drawable/state_btn_pressed"
59. android:layout_weight="1"
60. android:id="@+id/btn_2"
61. >
62. <ImageView android:layout_width="wrap_content"
63. android:layout_height="wrap_content"
64. android:scaleType="fitCenter"
65. android:src="@drawable/ic_sms"
66. >
67. </ImageView>
68. <TextView android:layout_width="wrap_content"
69. android:layout_height="wrap_content"
70. android:textColor="#000"
71. android:textSize="18px"
72. android:text="短信"
73. >
74. </TextView>
75. </LinearLayout>
76. </LinearLayout>

state_btn_pressed.xml，点击的效果：

1. <?xml version="1.0" encoding="utf-8"?>
2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
3. <item android:state_pressed="true"
4. android:drawable="@drawable/bg_btn_pressed"
5. android:padding="0dp"/>
6. </selector>

Android 模仿迅雷的 PopupWindow 出现/消失动画 
出现：

1. <?xml version="1.0" encoding="utf-8"?>
2. <set xmlns:android="http://schemas.android.com/apk/res/android">
3. <scale android:fromXScale="0.6" android:toXScale="1.1"
4. android:fromYScale="0.6" android:toYScale="1.1" android:pivotX="50%"
5. android:pivotY="50%" android:duration="200" />
6. <scale android:fromXScale="1.0" android:toXScale="0.91"
7. android:fromYScale="1.0" android:toYScale="0.91" android:pivotX="50%"
8. android:pivotY="50%" android:duration="400" android:delay="200" />
9. <alpha android:interpolator="@android:anim/linear_interpolator"
10. android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="400" />
11. </set>

消失：

1. <?xml version="1.0" encoding="utf-8"?>
2. <set xmlns:android="http://schemas.android.com/apk/res/android">
3. <scale android:fromXScale="1.0" android:toXScale="1.25"
4. android:fromYScale="1.0" android:toYScale="1.25" android:pivotX="50%"
5. android:pivotY="50%" android:duration="200" />
6. <scale android:fromXScale="1.0" android:toXScale="0.48"
7. android:fromYScale="1.0" android:toYScale="0.48" android:pivotX="50%"
8. android:pivotY="50%" android:duration="400" android:delay="200" />
9. <alpha android:interpolator="@android:anim/linear_interpolator"
10. android:fromAlpha="1.0" android:toAlpha="0.0" android:duration="400" />
11. </set>

最后用下面的 XML 封装：

1. <?xml version="1.0" encoding="utf-8"?>
2. <resources>
3. <style name="PopupAnimation" parent="android:Animation"
4. mce_bogus="1">
5. <item name="android:windowEnterAnimation">@anim/anim_dialog_show</item>
6. <item name="android:windowExitAnimation">@anim/anim_dialog_hide</item>
7. </style>
8. </resources>

• DraweRoll.rar (111 KB)
• 下载次数: 806

• 查看图片附件