Android ListView+image的使用

来源:互联网 发布:银河创想 java面试题 编辑:程序博客网 时间:2024/06/17 14:49

首先创建layout部局文件xml(其实我把这个xml理解为C++中的结构体,因为它包含一个图片信息、两个文字信息段,在运用的时候把数据用这个结构体存储):

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout   
         android:id="@+id/RelativeLayout01"   
         android:layout_width="fill_parent"   
         xmlns:android="http://schemas.android.com/apk/res/android"   
         android:layout_height="wrap_content"   
         android:paddingBottom="4dip"   
         android:paddingLeft="12dip">
<ImageView   
     android:layout_width="wrap_content"   
     android:layout_height="wrap_content"   
     android:id="@+id/ItemImage">   
</ImageView>

<TextView
     android:layout_height="wrap_content"   
     android:layout_width="fill_parent"   
     android:id="@+id/ItemTitle"  
      android:layout_toRightOf="@+id/ItemImage"
     android:textSize="30dip"
></TextView>
<TextView   
     android:layout_height="wrap_content"   
     android:layout_width="fill_parent"
      android:layout_toRightOf="@+id/ItemImage"
      android:layout_below="@+id/ItemTitle"
     android:id="@+id/ItemText"
></TextView>

</RelativeLayout>

接下来在main.xml文件中布局listView即可这里就不用给源代码了;

在下面一步中导入你想要的png图片存放在drawable中

最后就是我们的.java文件的编写了,我们知道listView需要用到ArrayAdapter——》这个是创建listVIew的一种方法,在这里我们运用ArrayList与SimpleAdapter相结合来创建具有图片的listView

代码如下:

ArrayList<HashMap<String, Object>> mylist = new ArrayList<HashMap<String, Object>>(); //这里的String表示对第二个字段的标题,后面的Object可以扩展为其他类对象

        for(int i=0;i<15;i++)  
        {  
            HashMap<String, Object> map = new HashMap<String, Object>();  
            map.put("icon", 这里是图片的id(R.drawable.x1));  
            map.put("ItemTitle", "标题字段");  
            map.put("ItemText", "显示文字字段");  
            mylist.add(map);  
        }
m_listView.setAdapter(initAdapter()); //这里我们调用initAdapter()函数源码如下

public SimpleAdapter initAdapter(){

        //生成适配器,数组===》ListItem  
        SimpleAdapter mSchedule = new SimpleAdapter(this, //没什么解释  
                                                    mylist,//数据来源   
                                                    R.layout.my_layout,//ListItem的XML实现  
                                                    new String[] {"icon","ItemTitle", "ItemText"},   
                                                    new int[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText});  
        //添加并且显示
        return mSchedule;
}

这里我们还可以通过添加删除

public boolean onCreateOptionsMenu(Menu menu) {
   // TODO Auto-generated method stub
   menu    
   .add(0, 0, 0, "添加")        
   .setIcon(android.R.drawable.ic_media_next);
   menu    
   .add(0, 1, 1, "删除")        
   .setIcon(android.R.drawable.ic_media_next);

   return super.onCreateOptionsMenu(menu);
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
   switch (item.getItemId()) {
   case 0:
            HashMap<String, Object> map = new HashMap<String, Object>();  
            map.put("icon", R.drawable.x1);  
            map.put("ItemTitle", "城市");  
            map.put("ItemText", "天气现象+温度");  
            mylist.add(map);  
    m_listView.setAdapter(initAdapter());
    break;
   case 1:
    mylist.remove(m_listView.getSelectedItem());
    m_listView.setAdapter(initAdapter());
    break;
   default:
    break;
   }
   return super.onOptionsItemSelected(item);
}