Scripts 学盟

标题: android 开发 SlidingDrawer 使用 [打印本页]
作者: 那个谁    时间: 2011-5-25 14:05:31     标题: android 开发 SlidingDrawer 使用

SlidingDrawer 有俩个重要的属性 handle、content 一个头 一个内容。效果就是抽屉样子。给个效果图
3.png
下面看代码：
  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选中当中一项颜色为黄色。默认白色。
下面给出 图片素材。
handle_pressed.gif handle_normal.gif handle_focused.gif list_selector_background_pressed.gif
把图片复制到 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;

  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;

  15. public class ListViewStyle extends Activity {
  16.         private ListView mListView;
  17.         private TextView txtMessage;

  19.         @Override
  20.         public void onCreate(Bundle savedInstanceState) {
  21.                 super.onCreate(savedInstanceState);
  22.                 setContentView(R.layout.listview_mian);

  24.                 setupViews();
  25.         }

  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();

  40.                                 } catch (Exception ex) {
  41.                                         System.out.println(ex.getMessage());
  42.                                 }
  43.                         };
  44.                 });
  45.         }

  47.         private class ListViewAdapter extends BaseAdapter {
  48.                 // 这里返回10行，ListView有多少行取决于getCount()方法
  49.                 public int getCount() {
  50.                         return 10;
  51.                 }

  53.                 public Object getItem(int arg0) {
  54.                         return null;
  55.                 }

  57.                 public long getItemId(int arg0) {
  58.                         return 0;
  59.                 }

  61.                 public View getView(int position, View v, ViewGroup parent) {

  63.                         final LayoutInflater inflater = LayoutInflater
  64.                                         .from(getApplicationContext());

  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);

  72.                         mBookName.setText(position + "Android教程 谁是傻瓜: ");
  73.                         mBookAuthor.setText("当然是漠漠哦！" + position);
  74.                         return v;
  75.                 }

  77.         }
  78. }
复制代码
前面已经讲过BaseAdapter  用法了。
这里加了Toast.makeText(ListViewStyle.this,txtMessage.getText().toString(), Toast.LENGTH_LONG).show(); 显示一个层一样的漂浮消息。
效果图：
2.png 1.png `1.png

附件: `1.png (2011-5-25 14:05:16, 107.15 KB) / 下载次数 151
http://www.iscripts.org/forum.php?mod=attachment&aid=NTZ8ZDdhOTI0YjR8MTczNDU2MDQ5OXwwfDA%3D

附件: handle_pressed.gif (2011-5-25 13:18:58, 3.18 KB) / 下载次数 162
http://www.iscripts.org/forum.php?mod=attachment&aid=NTV8NWE3ZWExY2V8MTczNDU2MDQ5OXwwfDA%3D

附件: handle_normal.gif (2011-5-25 13:18:58, 3.21 KB) / 下载次数 155
http://www.iscripts.org/forum.php?mod=attachment&aid=NTR8MTBlMzJiN2N8MTczNDU2MDQ5OXwwfDA%3D

附件: handle_focused.gif (2011-5-25 13:18:58, 3.15 KB) / 下载次数 151
http://www.iscripts.org/forum.php?mod=attachment&aid=NTN8OWZiNDZiZjF8MTczNDU2MDQ5OXwwfDA%3D

附件: list_selector_background_pressed.gif (2011-5-25 13:18:57, 1.5 KB) / 下载次数 160
http://www.iscripts.org/forum.php?mod=attachment&aid=NTJ8N2JmM2JlZjR8MTczNDU2MDQ5OXwwfDA%3D

附件: 2.png (2011-5-25 13:13:27, 51.76 KB) / 下载次数 144
http://www.iscripts.org/forum.php?mod=attachment&aid=NTF8ODg4OWIwYzF8MTczNDU2MDQ5OXwwfDA%3D

附件: 1.png (2011-5-25 13:13:26, 103.65 KB) / 下载次数 148
http://www.iscripts.org/forum.php?mod=attachment&aid=NTB8ODBjN2Y5ZTR8MTczNDU2MDQ5OXwwfDA%3D

附件: 3.png (2011-5-25 13:13:25, 56.32 KB) / 下载次数 147
http://www.iscripts.org/forum.php?mod=attachment&aid=NDl8ZmQ1NWEwOTF8MTczNDU2MDQ5OXwwfDA%3D
作者: momo    时间: 2011-5-25 14:09:02

混混不能再给杰杰分了
他要超过我的分了
作者: 混混@普宁.中国    时间: 2011-5-25 14:16:49



那好，这帖不给加分了
作者: momo    时间: 2011-5-25 14:40:41

{:3_59:}欧磊磊，哦啦啦
不给分不给分，
作者: 那个谁    时间: 2011-5-25 15:57:27

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

不给分。对得这么字不。。。让别人看了情何以堪啊。。。。。
作者: 混混@普宁.中国    时间: 2011-5-25 16:08:48

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

冤有头 债有主



那个杰，请锁定摸摸。。。
作者: 俊俊    时间: 2011-5-26 15:14:30

原来有人在搞ANDROID开发！找到一点来这个论坛的意义了！
作者: 那个谁    时间: 2011-5-26 16:52:31

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

欢迎指教。。。这个论坛还有很多你想不到的哦。。。。
作者: 俊俊    时间: 2011-5-26 17:40:27

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

我是来学习来了！
作者: 俊俊    时间: 2011-7-27 14:16:29

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

结果我是来带领你们玩来了~~罪过啊，，，罪过啊！！！
作者: 紫色    时间: 2011-8-4 08:59:50

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

跟你学习。。。



欢迎光临 Scripts 学盟 (http://www.iscripts.org/) Powered by Discuz! X2