Android之ListView

注：本文只是一个学习笔记 用以记录自己学到哪了

①先上个简单点的ListView

public class ListViewActivity extends ListActivity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); ArrayAdapter<String> adapter = new ArrayAdapter<String> (this,android.R.layout.simple_list_item_1,getData()); this.setListAdapter(adapter); } private String[] getData() { String[] data = {"中国","美国","俄罗斯","澳大利亚","加拿大"}; return data; } }

下面看一下效果图：

publicArrayAdapter(Contextcontext, int textViewResourceId, T[] objects)

ArrayAdapter的构造函数的三个参数依次是this ,布局文件,数据源(在这里是String[])另外说一下那个布局文件：描述的是列表的每一行的布局，android.R.layout.simple_list_item_1是系统定义好的布局文件只显示一行文字

②下面利用SimpleAdapter 来说一下Listview 效仿了QQ的布局 先看一下效果：

本程序有ListViewActivity.java 和 my_list_item.xml主要文件组成

my_list_item.xml 如下

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent"> <ImageView android:id="@+id/Image" android:layout_width="50dip" android:layout_height="50dip" android:layout_margin="5dip" android:src="@drawable/j1" android:scaleType="centerInside"/> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical"> <TextView android:id="@+id/nickname" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#ffff0000" android:textSize="22sp" android:textStyle="bold" android:singleLine="true"/> <TextView android:id="@+id/sign" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#ffffffff" android:textSize="20sp" android:singleLine="true"/> </LinearLayout> </LinearLayout> ListViewActivity.java 文件如下：

下面是onCreate()方法

List<Map<String, Object>> listData = this.getData(); @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); String[] from = new String[]{"nickname","sign","image"}; int[] to = new int[]{R.id.nickname,R.id.sign,R.id.Image}; //为ListView设置适配器 SimpleAdapter adapter = new SimpleAdapter(this,listData, R.layout.my_list_item, from,to); this.setListAdapter(adapter); }

PS：from，to要对应

获取数据即listview中文字，图片

private List<Map<String, Object>> getData() { List<Map<String, Object>> list = new ArrayList<Map<String,Object>>(); Map<String,Object> map = new HashMap<String,Object>(); map.put("nickname", "岁月神偷"); map.put("sign", "一切都会变好的！"); map.put("image", R.drawable.j1); list.add(map); map = new HashMap<String,Object>(); map.put("nickname", "被水淹死的鱼"); map.put("sign", "等待春天的到来"); map.put("image", R.drawable.j2); list.add(map); map = new HashMap<String,Object>(); map.put("nickname", "我相信"); map.put("sign", "只希望能手牵手在太阳下散步”....“最绝望的念想、最悲恸的守望”"); map.put("image", R.drawable.j3); list.add(map); map = new HashMap<String,Object>(); map.put("nickname", "龟龟"); map.put("sign", "当一切 ...已成惘然..."); map.put("image", R.drawable.j4); list.add(map); return list; }

单击事件的处理

@Override protected void onListItemClick(ListView l, View v, int position, long id) { this.displayMessage(position); super.onListItemClick(l, v, position, id); } public void displayMessage(int position) { String nickname = (String)listData.get(position).get("nickname"); String sign = (String)listData.get(position).get("sign"); Toast.makeText(this, nickname+": "+sign,Toast.LENGTH_SHORT).show(); }
③ 上面的布局稍微难一些，接着我们来改变Listview的一些特征

下面是selector.xml放在drawable-hdpi图片文件夹中 这个selector.xml主要是更改ListView的item项，被选中，被按下整体颜色还有item的宽度，高以及边角弧度

<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_selected="true"> <shape> <gradient android:angle="270" android:endColor="#CD2990" android:startColor="#A5D245" /> <size android:height="60dp" android:width="320dp" /> <corners android:radius="15dp" /> </shape> </item> <item android:state_pressed="true"> <shape> <gradient android:angle="270" android:endColor="#99BD4C" android:startColor="#A5D245"/> <size android:height="60dp" android:width="320dp" /> <corners android:radius="8dp" /> </shape> </item> <item> <shape> <gradient android:angle="270" android:endColor="#A8C3B0" android:startColor="#C6CFCE" /> <size android:height="60dp" android:width="320dp" /> <corners android:radius="8dp" /> </shape> </item> </selector>

下面是list_item.xml 这个主要是布局item项，我这个布局很简单一张图片（ImageView）和文字（TextView）
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@drawable/selector" 这里引用到上面selector.xml文件 > <ImageView android:id="@+id/img" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginLeft="20dp" /> <TextView android:text="data" android:id="@+id/title" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center_vertical" android:layout_marginLeft="20dp" android:layout_marginTop="20dp" android:textSize="14sp" android:textStyle="bold" android:textColor="@color/black" > </TextView> </LinearLayout> 接着是主要布局main.xml 这里面更改了item之间的分割边距(15px) 选中颜色 关于ListView可见Api文档 ListView

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="#253853" > <ListView android:id="@+id/list" android:layout_width="match_parent" android:layout_height="match_parent" android:cacheColorHint="#00000000" android:divider="#00000000" android:dividerHeight="15px" android:listSelector="#264365" android:drawSelectorOnTop="false" > </ListView> </LinearLayout>

最后是引用整体布局的java代码mainActivity.java 也是用到SimpleAdapter

package xb.customlist; import java.util.ArrayList; import java.util.HashMap; import android.R.array; import android.app.Activity; import android.os.Bundle; import android.widget.ArrayAdapter; import android.widget.ListView; import android.widget.SimpleAdapter; public class mainActivity extends Activity { ListView list; String data[] = new String[]{ "中国","美国","俄罗斯","澳大利亚","加拿大" }; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); list =(ListView) findViewById(R.id.list); SimpleAdapter adapter = new SimpleAdapter(this, getData(), R.layout.list_item, new String[]{"title","img"}, new int[]{R.id.title,R.id.img}); list.setAdapter(adapter); } private ArrayList<HashMap<String, Object>> getData() { ArrayList<HashMap<String, Object>> dlist = new ArrayList<HashMap<String,Object>>(); for(int i =0;i<data.length;i++){ HashMap<String, Object>map = new HashMap<String, Object>(); map.put("title", data[i]); map.put("img", R.drawable.item_icon); dlist.add(map); } return dlist; } }

好了，来看看效果是怎样的

这次关于学习ListVIew的笔记就这么多,以后随着深入Listview会扩充这次笔记的。