各种ListView列表方法

  1. 云栖社区>
  2. 博客列表>
  3. 正文

各种ListView列表方法

edwardsbean 2012-05-13 20:22:00 浏览564 评论0

摘要: ListView的一些用法 http://b

ListView的一些用法
http://blog.csdn.net/pathuang68/article/details/6455925
http://blog.csdn.net/comkingfly/article/details/6578907




Adapter用于实现要显示的列表,复杂的可以重写BaseAdapter提供的getView方法,简单的就用SimpleAdapeter(this,要显示的list,布局文件,提取list中Map的Key对应的value,布局中的那些控件作为列表项)
方法一:
让该activity entends ListActivity,并且用SimpleAdapter{

// 生成一个List对象,并按照SimpleAdapter的标准,将bean当中的数据添加到List当中去
List<HashMap<String, String>> list = new ArrayList<HashMap<String, String>>();

for (Iterator iterator = mp3Infos.iterator(); iterator.hasNext();) {
Mp3Info mp3Info = (Mp3Info) iterator.next();

                        //利用哈希map存储对应的键值
HashMap<String, String> map = new HashMap<String, String>();
map.put("mp3_name", mp3Info.getMp3Name());
map.put("mp3_size", mp3Info.getMp3Size());

                        //并将map存入list
list.add(map);
}
// 创建一个SimpleAdapter对象
SimpleAdapter simpleAdapter = new SimpleAdapter(this, list,
R.layout.mp3info_item, new String[] { "mp3_name", "mp3_size" },
new int[] { R.id.mp3_name, R.id.mp3_size });
// 将这个SimpleAdapter对象设置到ListActivity当中,则会显示在控件当中
setListAdapter(simpleAdapter);







可以新建一个xml,用于注册要显示内容的控件,R.id.mp3_name,R.id.mp3_size
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:paddingLeft="10dip"
android:paddingRight="10dip"
android:paddingTop="1dip"
android:paddingBottom="1dip"
>
<TextView android:id="@+id/mp3_name"
android:layout_height="30dip"
android:layout_width="180dip"
android:textSize="10pt"/>
<TextView android:id="@+id/mp3_size"
android:layout_height="30dip"
android:layout_width="180dip"
android:textSize="10pt"/>
</LinearLayout>





方法二:
制作漂亮的ListView

在xml中制作按钮,或者ListItem按下的效果
新建一个listview-selected.xml,在里面填写pressed的时候引用的图片。
在ListView的item项目布局中调用listView-selected
具体提代码:
按钮的状态:
我们一般搞UI设计,按钮通常有三个状态:normal(正常状态);focus(焦点状态),pressed(按下状态)。如下图所示:



我们会在res/drawable目录下定义一个资源文件,比如我们本例中要用到的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> 

复制代码
而我们使用这个资源文件的用法只需要引用drawable里的资源文件(android:background="@drawable/handle")代码如下:

  1. [/backcolor][/color][/align]
  2. [align=left][color=rgb(51,51,51)][backcolor=rgb(255,255,255)]<Button    
  3. android:id="@+id/handle" 
  4. android:layout_width="wrap_content" 
  5. android:layout_height="fill_parent" 
  6. android:background="@drawable/handle" 
  7. /> [/backcolor][/color][/align]
  8. [align=left][color=rgb(51,51,51)][backcolor=rgb(255,255,255)]
复制代码



Android中的层:
看过《盗梦空间》的人都知道,梦境有多少层,而Android中也有层次之分,在Android中第一层"梦境",我们可以认为是壁纸。第二层就是应用的Activity,第三层就是放在Activity上的容器(ViewGroup以及它的子类FrameLayout,LinearLayout等布局对象),当然容器中还可以放容器,你也可以放到N层(最多放多少我还没验证过),总之最后一层就是那些继承于View的控件了(诸如,Button,TextView等.)

而ListView以及GridView中UI是怎么设计的呢,下面我们看一下效果图:



上图是一个ListView的效果图,正常状态下是白色背景黑色字体,当我们点击一列时会出现黄色背景。这一效果是如何做到的呢?
ListView单元格显示的内容其实是我们事先定义在Layout目录下的一个布局文件,从这个效果来看,我们可以看出它一共有三个“层”
第一层容器(LinearLayout) 背景色为白色:
第二层也是容器(LinearLayout)当按下时,背景色为黄色,把第一层挡住(具体做法可以参照按钮):
第三层是控件(TextView)。
实例 :
上面说了一些,有些人肯定会云里雾里,所以我们直接来个实例,实例做完后,再看一下,效果会更好,大家按照步骤跟我来:
第一步:首先准备素材,准备三个按钮,以及ListView的背景图(上面三个按钮已经有了,下面我只贴一个ListView背景图片):


第二步:新建一个Android工程,命名为UIDemo.目录结构如下图所示:

第三步:在res目录下新建一个drawable文件夹,定义两个资源文件一个是handle.xml另一个为listview_selected.xml,其中handle.xml代码已经在上面贴出,listview_selected.xml代码如下:


  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <selector xmlns:android="[url=http://schemas.android.com/apk/res/android]http://schemas.android.com/apk/res/android[/url]">
  3. <item android:state_pressed="true" android:drawable="@drawable/list_selector_background_pressed" /> 
  4. </selector> 
复制代码


第四步:修改main.xml布局文件,这里我用到了SliddingDrawer控件,代码如下:

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <LinearLayout xmlns:android="[url=http://schemas.android.com/apk/res/android]http://schemas.android.com/apk/res/android[/url]" 
  3. android:orientation="vertical" 
  4. android:layout_width="fill_parent" 
  5. android:layout_height="fill_parent" 

  6. <SlidingDrawer 
  7. android:id="@+id/slidingdrawer" 
  8. android:layout_width="fill_parent" 
  9. android:layout_height="fill_parent" 
  10. android:orientation="horizontal" 
  11. android:handle="@+id/handle" 
  12. android:content="@+id/content"> 
  13. <Button 
  14. android:id="@+id/handle" 
  15. android:layout_width="wrap_content" 
  16. android:layout_height="fill_parent" 
  17. android:background="@drawable/handle" 
  18. /> 
  19. <ListView 
  20. android:id="@+id/content" 
  21. android:layout_width="fill_parent" 
  22. android:layout_height="wrap_content" 
  23. /> 
  24. </SlidingDrawer> 
  25. </LinearLayout> 
复制代码


我们这里用到了ListView控件,而我们ListView控件显示的内容我事先在layout目录下定义两个TextView,命名为listview_layout.xml,代码如下(这里有三层哦!):

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <LinearLayout xmlns:android="[url=http://schemas.android.com/apk/res/android]http://schemas.android.com/apk/res/android[/url]" 
  3. android:orientation="vertical" 
  4. android:layout_width="fill_parent" 
  5. android:layout_height="fill_parent" 
  6. android:background="#ffffff" 

  7. <LinearLayout 
  8. android:orientation="vertical" 
  9. android:layout_width="fill_parent" 
  10. android:layout_height="fill_parent" 
  11. android:background="@drawable/listview_selected" 
  12. android:padding="6px" 

  13. <TextView 
  14. android:id="@+id/bookname" 
  15. android:layout_width="fill_parent" 
  16. android:layout_height="wrap_content" 
  17. android:textSize="20px" 
  18. android:textColor="#000000" 
  19. /> 
  20. <TextView 
  21. android:id="@+id/author" 
  22. android:layout_width="fill_parent" 
  23. android:layout_height="wrap_content" 
  24. android:textSize="16px" 
  25. android:textColor="#000000" 
  26. /> 
  27. </LinearLayout> 
  28. </LinearLayout> 
复制代码


第五步:修改主核心程序UIDemo.java,代码如下:
  1. package com.tutor.uidemo; 
  2. import android.app.Activity; 
  3. import android.os.Bundle; 
  4. import android.view.LayoutInflater; 
  5. import android.view.View; 
  6. import android.view.ViewGroup; 
  7. import android.widget.BaseAdapter; 
  8. import android.widget.ListView; 
  9. import android.widget.TextView; 
  10. public class UIDemo extends Activity { 

  11. private ListView mListView; 
  12. @Override 
  13. public void onCreate(Bundle savedInstanceState) { 
  14. super.onCreate(savedInstanceState); 
  15. setContentView(R.layout.main); 

  16. setupViews(); 


  17. private void setupViews(){ 
  18. mListView = (ListView)findViewById(R.id.content); 
  19. mListView.setAdapter(new ListViewAdapter()); 


  20. private class ListViewAdapter extends BaseAdapter{ 
  21. //这里返回10行,ListView有多少行取决于getCount()方法 
  22. public int getCount() { 
  23. return 10; 

  24. public Object getItem(int arg0) { 
  25. return null; 

  26. public long getItemId(int arg0) { 
  27. return 0; 

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

  29. final LayoutInflater inflater = LayoutInflater.from(getApplicationContext()); 

  30. if(v == null){ 
  31. v = inflater.inflate(R.layout.listview_layout, null); 

  32. TextView mBookName = (TextView)v.findViewById(R.id.bookname); 
  33. TextView mBookAuthor = (TextView)v.findViewById(R.id.author); 

  34. mBookName.setText("Android傻瓜教程" + position); 
  35. mBookAuthor.setText("Frankiewei" + position); 
  36. return v; 




复制代码
第六步:运行上述工程,查看效果:
运行效果1:


点击按钮效果2:




ListView正常效果3:


ListView正常效果4:



【云栖快讯】你想见的Java技术专家都在这了,向大佬提问,有问题必答  详情请点击

网友评论

edwardsbean
文章100篇 | 关注2
关注
是为多媒体数据提供的转码计算服务。它以经济、弹性和高可扩展的音视频转换方法,将多媒体数据转码... 查看详情
为您提供简单高效、处理能力可弹性伸缩的计算服务,帮助您快速构建更稳定、安全的应用,提升运维效... 查看详情
阿里云总监课正式启航

阿里云总监课正式启航