android 开发 SlidingDrawer 使用

SlidingDrawer 有俩个重要的属性 handle、content 一个头 一个内容。效果就是抽屉样子。给个效果图

下面看代码：

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.         android:orientation="vertical" android:layout_width="fill_parent"
   
4.         android:layout_height="fill_parent">
   
5.         <SlidingDrawer android:id="@+id/slidingdrawer"
   
6.                 android:layout_width="fill_parent" android:layout_height="fill_parent"
   
7.                 android:orientation="horizontal" android:handle="@+id/handle"
   
8.                 android:content="@+id/content">
   
9.                  <!--抽屉头-->
   
10.                 <Button android:id="@+id/handle" android:layout_width="wrap_content"
    
11.                         android:layout_height="fill_parent" android:background="@drawable/handle" />  
    
12.                   <!--抽屉内容-->
    
13.                 <ListView android:id="@+id/content" android:layout_width="fill_parent"
    
14.                         android:layout_height="wrap_content" />
    
15.         </SlidingDrawer>
    
16. </LinearLayout>  

复制代码

这里就可以看到抽屉效果了。
下面我们结束背景图片怎么控制。
当点击抽屉头的时候背景色为黄色、默认为灰色。listview选中当中一项颜色为黄色。默认白色。
下面给出 图片素材。

把图片复制到 drawable-hdpi 目录下。
在res下面新建文件夹drawable，然后在这个夹子下面分别建handle.xml　listview_selected.xml　
handle.xml代码如下：

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:drawable="@drawable/handle_normal" />   <!--抽屉关着时候-->
   
4.     <item android:state_focused="true" android:drawable="@drawable/handle_focused" />    <!--抽屉点击时候-->
   
5.     <item android:state_pressed="true" android:drawable="@drawable/handle_pressed" />   <!--抽屉关闭时候-->
   
6. </selector>

复制代码

listview_selected.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/list_selector_background_pressed" />   <!--listview点击选择一项时候-->
   
5. </selector>  
   

复制代码

准备好素材和样式。下面看layout xml文件

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.         android:orientation="vertical" android:layout_width="fill_parent"
   
4.         android:layout_height="fill_parent">
   
5.         <SlidingDrawer android:id="@+id/slidingdrawer"
   
6.                 android:layout_width="fill_parent" android:layout_height="fill_parent"
   
7.                 android:orientation="horizontal" android:handle="@+id/handle"
   
8.                 android:content="@+id/content">
   
9.                 <Button android:id="@+id/handle" android:layout_width="wrap_content"
   
10.                         android:layout_height="fill_parent" android:background="@drawable/handle" /> <!--就是上面建的handle.xml-->
    
11.                 <ListView android:id="@+id/content" android:layout_width="fill_parent"
    
12.                         android:layout_height="wrap_content" />   <!--这里定义个listview-->
    
13.         </SlidingDrawer>
    
14. </LinearLayout>  

复制代码

另外新建一个layout xml文件 用于填充listview

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="#ffffff"      
   
7.         >   
   
8.         <LinearLayout  
   
9.             android:orientation="vertical"  
   
10.             android:layout_width="fill_parent"  
    
11.             android:layout_height="fill_parent"  
    
12.             android:background="@drawable/listview_selected"  
    
13.             android:padding="6px"  
    
14.         >  
    
15.         <TextView  
    
16.             android:id="@+id/bookname"   
    
17.             android:layout_width="fill_parent"   
    
18.             android:layout_height="wrap_content"   
    
19.             android:textSize="20px"  
    
20.             android:textColor="#000000"  
    
21.             />  
    
22.         <TextView  
    
23.             android:id="@+id/author"   
    
24.             android:layout_width="fill_parent"   
    
25.             android:layout_height="wrap_content"   
    
26.             android:textSize="16px"  
    
27.             android:textColor="#000000"  
    
28.             />  
    
29.             </LinearLayout>  
    
30.     </LinearLayout>  

复制代码

下面看java代码：

1. package com.qwj.MyAndroid.bll;
   
2. 
   
3. import android.app.Activity;
   
4. import android.os.Bundle;
   
5. import android.view.LayoutInflater;
   
6. import android.view.View;
   
7. import android.view.ViewGroup;
   
8. import android.widget.AdapterView;
   
9. import android.widget.AdapterView.OnItemClickListener;
   
10. import android.widget.BaseAdapter;
    
11. import android.widget.ListView;
    
12. import android.widget.TextView;
    
13. import android.widget.Toast;
    
14. 
    
15. public class ListViewStyle extends Activity {
    
16.         private ListView mListView;
    
17.         private TextView txtMessage;
    
18. 
    
19.         @Override
    
20.         public void onCreate(Bundle savedInstanceState) {
    
21.                 super.onCreate(savedInstanceState);
    
22.                 setContentView(R.layout.listview_mian);
    
23. 
    
24.                 setupViews();
    
25.         }
    
26. 
    
27.         private void setupViews() {
    
28.                 mListView = (ListView) findViewById(R.id.content);
    
29.                 mListView.setAdapter(new ListViewAdapter());
    
30.                 mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    
31.                         @Override
    
32.                         public void onItemClick(android.widget.AdapterView<?> arg0,
    
33.                                         View arg1, int arg2, long arg3) {
    
34.                                 try {
    
35.                                         txtMessage = (TextView) arg1.findViewById(R.id.author);
    
36.                                         Toast.makeText(ListViewStyle.this,
    
37.                                                         txtMessage.getText().toString(), Toast.LENGTH_LONG)
    
38.                                                         .show();
    
39. 
    
40.                                 } catch (Exception ex) {
    
41.                                         System.out.println(ex.getMessage());
    
42.                                 }
    
43.                         };
    
44.                 });
    
45.         }
    
46. 
    
47.         private class ListViewAdapter extends BaseAdapter {
    
48.                 // 这里返回10行，ListView有多少行取决于getCount()方法
    
49.                 public int getCount() {
    
50.                         return 10;
    
51.                 }
    
52. 
    
53.                 public Object getItem(int arg0) {
    
54.                         return null;
    
55.                 }
    
56. 
    
57.                 public long getItemId(int arg0) {
    
58.                         return 0;
    
59.                 }
    
60. 
    
61.                 public View getView(int position, View v, ViewGroup parent) {
    
62. 
    
63.                         final LayoutInflater inflater = LayoutInflater
    
64.                                         .from(getApplicationContext());
    
65. 
    
66.                         if (v == null) {
    
67.                                 v = inflater.inflate(R.layout.listview_layout, null);
    
68.                         }
    
69.                         TextView mBookName = (TextView) v.findViewById(R.id.bookname);
    
70.                         TextView mBookAuthor = (TextView) v.findViewById(R.id.author);
    
71. 
    
72.                         mBookName.setText(position + "Android教程 谁是傻瓜: ");
    
73.                         mBookAuthor.setText("当然是漠漠哦！" + position);
    
74.                         return v;
    
75.                 }
    
76. 
    
77.         }
    
78. }

复制代码

前面已经讲过BaseAdapter  用法了。
这里加了Toast.makeText(ListViewStyle.this,txtMessage.getText().toString(), Toast.LENGTH_LONG).show(); 显示一个层一样的漂浮消息。
效果图：

cjqq0218 发表于 2011-7-27 14:16
结果我是来带领你们玩来了~~罪过啊，，，罪过啊！！！

跟你学习。。。

cjqq0218 发表于 2011-5-26 17:40
我是来学习来了！

结果我是来带领你们玩来了~~罪过啊，，，罪过啊！！！

那个谁 发表于 2011-5-26 16:52
欢迎指教。。。这个论坛还有很多你想不到的哦。。。。

我是来学习来了！

cjqq0218 发表于 2011-5-26 15:14
原来有人在搞ANDROID开发！找到一点来这个论坛的意义了！

欢迎指教。。。这个论坛还有很多你想不到的哦。。。。

原来有人在搞ANDROID开发！找到一点来这个论坛的意义了！

那个谁 发表于 2011-5-25 15:57
不给分。对得这么字不。。。让别人看了情何以堪啊。。。。。

冤有头 债有主



那个杰，请锁定摸摸。。。

混混@普宁.中国 发表于 2011-5-25 14:16
那好，这帖不给加分了

不给分。对得这么字不。。。让别人看了情何以堪啊。。。。。

{:3_59:}欧磊磊，哦啦啦
不给分不给分，

那好，这帖不给加分了