各种ListView列表方法

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,布局中的那些控件作为列表项)

方法一：

让该activityentendsListActivity,并且用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>
   
7. 
   

复制代码

而我们使用这个资源文件的用法只需要引用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. 
   
2. <?xml version="1.0" encoding="utf-8"?>
   
3. <selector xmlns:android="[url=http://schemas.android.com/apk/res/android]http://schemas.android.com/apk/res/android[/url]">
   
4. <item android:state_pressed="true" android:drawable="@drawable/list_selector_background_pressed" />
   
5. </selector>
   

复制代码

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

1. 
   
2. <?xml version="1.0" encoding="utf-8"?>
   
3. <LinearLayout xmlns:android="[url=http://schemas.android.com/apk/res/android]http://schemas.android.com/apk/res/android[/url]"
   
4. android:orientation="vertical"
   
5. android:layout_width="fill_parent"
   
6. android:layout_height="fill_parent"
   
7. >
   
8. <SlidingDrawer
   
9. android:id="@+id/slidingdrawer"
   
10. android:layout_width="fill_parent"
    
11. android:layout_height="fill_parent"
    
12. android:orientation="horizontal"
    
13. android:handle="@+id/handle"
    
14. android:content="@+id/content">
    
15. <Button
    
16. android:id="@+id/handle"
    
17. android:layout_width="wrap_content"
    
18. android:layout_height="fill_parent"
    
19. android:background="@drawable/handle"
    
20. />
    
21. <ListView
    
22. android:id="@+id/content"
    
23. android:layout_width="fill_parent"
    
24. android:layout_height="wrap_content"
    
25. />
    
26. </SlidingDrawer>
    
27. </LinearLayout>
    

复制代码

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

1. 
   
2. <?xml version="1.0" encoding="utf-8"?>
   
3. <LinearLayout xmlns:android="[url=http://schemas.android.com/apk/res/android]http://schemas.android.com/apk/res/android[/url]"
   
4. android:orientation="vertical"
   
5. android:layout_width="fill_parent"
   
6. android:layout_height="fill_parent"
   
7. android:background="#ffffff"
   
8. >
   
9. <LinearLayout
   
10. android:orientation="vertical"
    
11. android:layout_width="fill_parent"
    
12. android:layout_height="fill_parent"
    
13. android:background="@drawable/listview_selected"
    
14. android:padding="6px"
    
15. >
    
16. <TextView
    
17. android:id="@+id/bookname"
    
18. android:layout_width="fill_parent"
    
19. android:layout_height="wrap_content"
    
20. android:textSize="20px"
    
21. android:textColor="#000000"
    
22. />
    
23. <TextView
    
24. android:id="@+id/author"
    
25. android:layout_width="fill_parent"
    
26. android:layout_height="wrap_content"
    
27. android:textSize="16px"
    
28. android:textColor="#000000"
    
29. />
    
30. </LinearLayout>
    
31. </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. 
    
12. private ListView mListView;
    
13. @Override
    
14. public void onCreate(Bundle savedInstanceState) {
    
15. super.onCreate(savedInstanceState);
    
16. setContentView(R.layout.main);
    
17. 
    
18. setupViews();
    
19. }
    
20. 
    
21. private void setupViews(){
    
22. mListView = (ListView)findViewById(R.id.content);
    
23. mListView.setAdapter(new ListViewAdapter());
    
24. }
    
25. 
    
26. private class ListViewAdapter extends BaseAdapter{
    
27. //这里返回10行，ListView有多少行取决于getCount()方法
    
28. public int getCount() {
    
29. return 10;
    
30. }
    
31. public Object getItem(int arg0) {
    
32. return null;
    
33. }
    
34. public long getItemId(int arg0) {
    
35. return 0;
    
36. }
    
37. public View getView(int position, View v, ViewGroup parent) {
    
38. 
    
39. final LayoutInflater inflater = LayoutInflater.from(getApplicationContext());
    
40. 
    
41. if(v == null){
    
42. v = inflater.inflate(R.layout.listview_layout, null);
    
43. }
    
44. TextView mBookName = (TextView)v.findViewById(R.id.bookname);
    
45. TextView mBookAuthor = (TextView)v.findViewById(R.id.author);
    
46. 
    
47. mBookName.setText("Android傻瓜教程" + position);
    
48. mBookAuthor.setText("Frankiewei" + position);
    
49. return v;
    
50. }
    
51. 
    
52. }
    
53. }
    

复制代码

第六步:运行上述工程，查看效果:
运行效果1：

点击按钮效果2：

ListView正常效果3：

ListView正常效果4：