Android高手進階教程(二)之—-Android Launcher抽屜類SlidingDrawer的使用!

view plaincopy to clipboardprint?

1. <?xml version="1.0" encoding="utf-8"?>      
2. <selector xmlns:android="http://schemas.android.com/apk/res/android">      
3.     <item android:state_window_focused="false" android:state_enabled="true" android:drawable="@drawable/handle_normal" />      
4.     <item android:state_pressed="true" android:drawable="@drawable/handle_pressed" />      
5.     <item android:state_focused="true" android:state_enabled="true" android:drawable="@drawable/handle_focused" />      
6.     <item android:state_enabled="true" android:drawable="@drawable/handle_normal" />      
7.     <item android:state_focused="true" android:drawable="@drawable/handle_focused" />      
8. </selector>     
9.   
10. 本文來自CSDN部落格，轉載請標明出處：http://blog.csdn.net/Android_Tutor/archive/2010/04/14/5486804.aspx  

<?xml version="1.0" encoding="utf-8"?><br /><selector xmlns:android="http://schemas.android.com/apk/res/android"><br /> <item android:state_window_focused="false" android:state_enabled="true" android:drawable="@drawable/handle_normal" /><br /> <item android:state_pressed="true" android:drawable="@drawable/handle_pressed" /><br /> <item android:state_focused="true" android:state_enabled="true" android:drawable="@drawable/handle_focused" /><br /> <item android:state_enabled="true" android:drawable="@drawable/handle_normal" /><br /> <item android:state_focused="true" android:drawable="@drawable/handle_focused" /><br /></selector> </p><p>本文來自CSDN部落格，轉載請標明出處：http://blog.csdn.net/Android_Tutor/archive/2010/04/14/5486804.aspx 最近在研究Lanucher ,看了源碼，發現了SlidingDrawer 這個類，也就是所謂的"抽屜"類。它的用法很簡單，要包括handle ,和content .

 

handle 就是當你點擊它的時候，content 要麼抽抽屜要麼關抽屜。別的不多說了，具體步驟如下.

1.建立Android 工程,命名為SlidingDrawer .

2.準備素材,在這裡我的表徵圖是用Launcher2 裡面的表徵圖，放在drawable-hdpi 檔案夾目錄結構如下:

3.設定main.xml 布局:代碼如下:

 

view plaincopy to clipboardprint?

1. <?xml version="1.0" encoding="utf-8"?>      
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     
3.     android:orientation="vertical"     
4.     android:layout_width="fill_parent"     
5.     android:layout_height="fill_parent"     
6.     android:background="#808080"     
7.     >      
8. <SlidingDrawer      
9.     android:id="@+id/slidingdrawer"     
10.     android:layout_width="fill_parent"     
11.     android:layout_height="fill_parent"     
12.     android:orientation="vertical"     
13.     android:handle="@+id/handle"     
14.     android:content="@+id/content">      
15.     <Button      
16.             android:id="@+id/handle"     
17.             android:layout_width="88dip"     
18.             android:layout_height="44dip"     
19.             android:background="@drawable/handle"     
20.         />      
21.     <LinearLayout      
22.         android:id="@+id/content"     
23.         android:layout_width="fill_parent"     
24.         android:layout_height="fill_parent"     
25.         android:background="#00ff00">      
26.         <Button      
27.             android:id="@+id/button"     
28.             android:layout_width="wrap_content"     
29.             android:layout_height="wrap_content"     
30.             android:text="Button"     
31.         />      
32.         <EditText      
33.             android:id="@+id/editText"     
34.             android:layout_width="fill_parent"     
35.             android:layout_height="wrap_content"     
36.         />      
37.     </LinearLayout>      
38. </SlidingDrawer>      
39. </LinearLayout>    

<?xml version="1.0" encoding="utf-8"?><br /><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"<br /> android:orientation="vertical"<br /> android:layout_width="fill_parent"<br /> android:layout_height="fill_parent"<br /> android:background="#808080"<br /> ><br /><SlidingDrawer<br /> android:id="@+id/slidingdrawer"<br /> android:layout_width="fill_parent"<br /> android:layout_height="fill_parent"<br /> android:orientation="vertical"<br /> android:handle="@+id/handle"<br /> android:content="@+id/content"><br /> <Button<br /> android:id="@+id/handle"<br /> android:layout_width="88dip"<br /> android:layout_height="44dip"<br /> android:background="@drawable/handle"<br /> /><br /> <LinearLayout<br /> android:id="@+id/content"<br /> android:layout_width="fill_parent"<br /> android:layout_height="fill_parent"<br /> android:background="#00ff00"><br /> <Button<br /> android:id="@+id/button"<br /> android:layout_width="wrap_content"<br /> android:layout_height="wrap_content"<br /> android:text="Button"<br /> /><br /> <EditText<br /> android:id="@+id/editText"<br /> android:layout_width="fill_parent"<br /> android:layout_height="wrap_content"<br /> /><br /> </LinearLayout><br /></SlidingDrawer><br /></LinearLayout>

 

4.設定handle 表徵圖的樣式，在drawable 裡添加handle.xml ,代碼如下:

 

view plaincopy to clipboardprint?

1. <?xml version="1.0" encoding="utf-8"?>      
2. <selector xmlns:android="http://schemas.android.com/apk/res/android">      
3.     <item android:state_window_focused="false" android:state_enabled="true" android:drawable="@drawable/handle_normal" />      
4.     <item android:state_pressed="true" android:drawable="@drawable/handle_pressed" />      
5.     <item android:state_focused="true" android:state_enabled="true" android:drawable="@drawable/handle_focused" />      
6.     <item android:state_enabled="true" android:drawable="@drawable/handle_normal" />      
7.     <item android:state_focused="true" android:drawable="@drawable/handle_focused" />      
8. </selector>    

<?xml version="1.0" encoding="utf-8"?><br /><selector xmlns:android="http://schemas.android.com/apk/res/android"><br /> <item android:state_window_focused="false" android:state_enabled="true" android:drawable="@drawable/handle_normal" /><br /> <item android:state_pressed="true" android:drawable="@drawable/handle_pressed" /><br /> <item android:state_focused="true" android:state_enabled="true" android:drawable="@drawable/handle_focused" /><br /> <item android:state_enabled="true" android:drawable="@drawable/handle_normal" /><br /> <item android:state_focused="true" android:drawable="@drawable/handle_focused" /><br /></selector>

 

5.運行之。將會得到如下效果:

 

的比較簡單呵呵，如果想深入瞭解，大家看Launcher 源碼吧！