android适配器SimpleAdapter实现效果

                                           android适配器SimpleAdapter实现效果

四种适配器

ListAdapter

BaseAdapter

ArrayAdpter

SimpleAdapter

在安卓开发中，Adaper适配器 在MVC开发模式中担任 控制层

1.控制层   Adapert

2.视图层   View

3. 模型层   一般是数组，集合，

首先在xml文件中，要有一个ListView 组件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
   android:orientation="vertical"
    tools:context=".MainActivity" >

    <ListView
        android:id="@+id/listview"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"/>
</LinearLayout>

然后设置一下，组件，图片，文字大小

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:orientation="horizontal" >  
  
    <ImageView  
        android:id="@+id/Image"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:paddingLeft="10dp" />  
  
    <LinearLayout  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:orientation="vertical" >  
          
        <TextView   
            android:id="@+id/Text1"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:textSize="20dp"  
            android:textColor="#f0f"  
            android:paddingLeft="10dp"/>  
          
                  
        <TextView   
            android:id="@+id/Text2"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:textSize="14dp"  
            android:paddingLeft="10dp"/>  
          
    </LinearLayout>  
  
</LinearLayout>  

》》》》》》》》》》》》》》》》》》》》》视图层已经编写好了《《《《《《《《《《《《《《《

然后就是，模型层和控制层了

package com.example.simpleadapter;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ListView;
import android.widget.SimpleAdapter;

public class MainActivity extends Activity {

	private String [] a={"画江湖","画江湖之不良人","画江湖之灵主","画江湖之换世门生"};
	private String [] b={"主角：小五","主角：李星云","主角：百里登风","主角：念阳枭"};
	private int [] imageId={R.drawable.a,R.drawable.b,R.drawable.c,R.drawable.d};    //这3个数组可以说就是模型层
	private ListView listview;
	 
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		 List<Map<String, Object>> listems = new ArrayList<Map<String, Object>>();  
	        for (int i = 0; i < a.length; i++) {  
	            Map<String, Object> listem = new HashMap<String, Object>();  
	            listem.put("a", imageId[i]);  
	            listem.put("b", a[i]);  
	            listem.put("c", b[i]);  
	            listems.add(listem); }  
	        /*SimpleAdapter的参数说明 
	         * 第一个参数 表示访问整个android应用程序接口，基本上所有的组件都需要 
	         * 第二个参数表示生成一个Map(String ,Object)列表选项 
	         * 第三个参数表示界面布局的id  表示该文件作为列表项的组件 
	         * 第四个参数表示该Map对象的哪些key对应value来生成列表项 
	         * 第五个参数表示来填充的组件 Map对象key对应的资源一依次填充组件 顺序有对应关系 
	         * 注意的是map对象可以key可以找不到 但组件的必须要有资源填充  因为 找不到key也会返回null 其实就相当于给了一个null资源 
	         * 下面的程序中如果 new String[] { "a", "b", "c","d" } new int[] {R.id.name,R.id.head,R.id.desc,R.id.head} 
	         * 这个head的组件会被name资源覆盖 
	         * */       
	        
	        SimpleAdapter simple = new SimpleAdapter(this, listems,  
	                R.layout.ziyuan, new String[] { "b", "a", "c" },  
	                new int[] {R.id.Text1,R.id.Image,R.id.Text2});  
	        
	        listview=(ListView)findViewById(R.id.listview);
	        listview.setAdapter(simple);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

最后，给大家看实现效果