自定義PopupWindow動畫效果

自定義PopupWindow動畫效果

  (2012-03-24 16:47:46)

轉載▼

分類： android

Android XML ITeye

 

Java代碼   

1. public class RollActivity extends Activity {   
2.     private View view;   
3.     private Button btn;   
4.     private PopupWindow mPopupWindow;   
5.     private View[] btns;   
6.       
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.            
17.         btn=(Button) this.findViewById(R.id.btn);   
18.         btn.setOnClickListener(new OnClickListener(){   
19.   
20.             @Override  
21.             public void onClick(View v) {   
22.                 // TODO Auto-generated method stub   
23.                 showPopupWindow(btn);   
24.             }   
25.                
26.         });   
27.            
28.         initPopupWindow(R.layout.popwindow);   
29.   
30.     }   
31.        
32.     private void initPopupWindow(int resId){   
33.         LayoutInflater mLayoutInflater = (LayoutInflater)getSystemService(LAYOUT_INFLATER_SERVICE);   
34.         view = mLayoutInflater.inflate(resId, null);   
35.                
36.         mPopupWindow = new PopupWindow(view, 400,LayoutParams.WRAP_CONTENT);   
37. //      mPopupWindow.setBackgroundDrawable(new BitmapDrawable());//必須設置background才能消失   
38.         mPopupWindow.setBackgroundDrawable(getResources().getDrawable(R.drawable.bg_frame));   
39.         mPopupWindow.setOutsideTouchable(true);   
40.            
41.         //自定義動畫   
42. //      mPopupWindow.setAnimationStyle(R.style.PopupAnimation);   
43.         //使用系統動畫   
44.         mPopupWindow.setAnimationStyle(android.R.style.Animation_Dialog);   
45.         mPopupWindow.update();   
46.         mPopupWindow.setTouchable(true);   
47.         mPopupWindow.setFocusable(true);   
48.            
49.         btns=new View[3];   
50.         btns[0]=view.findViewById(R.id.btn_0);   
51.         btns[1]=view.findViewById(R.id.btn_1);   
52.         btns[2]=view.findViewById(R.id.btn_2);   
53.         btns[0].setOnClickListener(new OnClickListener() {   
54.                
55.             @Override  
56.             public void onClick(View v) {   
57.                 // TODO Auto-generated method stub   
58.                 //doSomething   
59.             }   
60.         });   
61.         btns[1].setOnClickListener(new OnClickListener() {   
62.                
63.             @Override  
64.             public void onClick(View v) {   
65.                 // TODO Auto-generated method stub   
66.                 //doSomething   
67.             }   
68.         });   
69.         btns[2].setOnClickListener(new OnClickListener() {   
70.                
71.             @Override  
72.             public void onClick(View v) {   
73.                 // TODO Auto-generated method stub   
74.                 //doSomething   
75.             }   
76.         });   
77.     }   
78.     private void showPopupWindow(View view) {   
79.         if(!mPopupwindows.isShowing()){   
80. //          mPopupWindow.showAsDropDown(view,0,0);   
81.             mPopupWindow.showAtLocation(view, Gravity.CENTER, 0, 0);   
82.         }   
83.     }   
84.     public Bitmap setRotate(int resId) {   
85.         Matrix mFgMatrix = new Matrix();   
86.         Bitmap mFgBitmap = BitmapFactory.decodeResource(getResources(), resId);   
87.         mFgMatrix.setRotate(180f);   
88.         return mFgBitmap=Bitmap.createBitmap(mFgBitmap, 0, 0,    
89.                 mFgBitmap.getWidth(), mFgBitmap.getHeight(), mFgMatrix, true);   
90.     }   
91. }  

PopupWindow的佈局popwindow.xml 
注意3個LinearLayout裏必須設置clickable和background，這樣當點擊上去的時候纔會有點擊效果。 
android:clickable="true" 
android:background="@drawable/state_btn_pressed" 

Xml代碼   

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.            
54.         <LinearLayout android:layout_width="fill_parent"  
55.             android:layout_height="wrap_content"  
56.             android:orientation="vertical"  
57.             android:gravity="center_horizontal"  
58.             android:clickable="true"  
59.             android:background="@drawable/state_btn_pressed"  
60.             android:layout_weight="1"  
61.             android:id="@+id/btn_2"  
62.             >  
63.             <ImageView android:layout_width="wrap_content"  
64.                 android:layout_height="wrap_content"    
65.                 android:scaleType="fitCenter"  
66.                 android:src="@drawable/ic_sms"  
67.                 >  
68.             </ImageView>  
69.             <TextView android:layout_width="wrap_content"  
70.                 android:layout_height="wrap_content"    
71.                 android:textColor="#000"  
72.                 android:textSize="18px"  
73.                 android:text="短信"  
74.                 >  
75.             </TextView>  
76.         </LinearLayout>  
77. </LinearLayout>  

state_btn_pressed.xml，點擊的效果： 

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>