使用 ArrayAdapter 来定制 ListView

一个 ListView，其宽高都设为 match_parent，可以更省资源。

activity_main.xml

<ListView
        android:id="@+id/list_View"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

新建一个 xml 文件，设计 ListView 的每一个子项。

hero_item.xml

<ImageView
        android:id="@+id/hero_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/hero_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:text="TextView" />

然后再设计编写实体类，用于 ListView 适配器的适配类型，Hero 类只有两个字段，为别为 Hero 的名字和图片资源 ID，对应 ListView 的子项。

Hero.java

public class Hero {
    private String name;
    private int imageId;

    public Hero(String name, int imageId) {
        this.name = name;
        this.imageId = imageId;
    }

    public void setName(String name) {
        this.name = name;
    }
    public void setImageId(int imageId) {
        this.imageId = imageId;
    }
    public String getName() {
        return name;
    }
    public int getImageId() {
        return imageId;
    }
}

接着创建一个自定义的适配器，继承 ArrayAdapter，并将泛型指定为 Hero 类。

 1 public class HeroAdapter extends ArrayAdapter<Hero> {
 2 
 3     private int resourceId;
 4     public HeroAdapter(Context context, int resource, List<Hero> objects) {
 5         super(context, resource, objects);
 6         resourceId=resource;
 7     }
 8 
 9     public View getView(int position, View convertView, ViewGroup parent) {
10         Hero hero=getItem(position); //获得当前项的Hero数据
11         View view;
12         ViewHolder viewHolder; 　　//使用ViewHolder优化 ListView
13         if (convertView==null){ 　　//使用convertView重复使用查找加载好的布局
14             view= LayoutInflater.from(getContext()).inflate(resourceId,parent,false);　　//使用布局填充器为子项加载我们传入的子布局「hero_item」
15             viewHolder=new ViewHolder();
16             viewHolder.heroImage= (ImageView) view.findViewById(R.id.hero_view);　　//查找
17             viewHolder.heroText= (TextView) view.findViewById(R.id.hero_text);
18             view.setTag(viewHolder);　　//把ViewHolder储存在View里面
19 
20         }else {
21             view=convertView;
22             viewHolder= (ViewHolder) view.getTag();
23         }
24         viewHolder.heroImage.setImageResource(hero.getImageId()); //设置数据
25         viewHolder.heroText.setText(hero.getName());
26         return view;
27     }
28     class ViewHolder{
29         ImageView heroImage;
30         TextView heroText;
31     }
32 }

其中重写了构造方法，把 Context、子项布局文件和数据传了进来，并重写了 getView 方法，这个方法会在每个子项滚动进屏幕时调用。

.inflate 的第三个参数设置为 false，是为让我们在父布局中声明的 layout 属性生效，但不为这个项添加父布局，因为 View 一但有了父布局后，它便不能再添加到 ListView 中去

最后在MainActivity中查找组件，添加Hero数据，设置布局和Adapter

public class MainActivity extends AppCompatActivity {

    private ArrayList<Hero> herolist=new ArrayList();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initHero();
        HeroAdapter heroAdapter=new HeroAdapter(this,R.layout.hero_item,herolist);
        ListView listView= (ListView) findViewById(R.id.list_View);
        listView.setAdapter(heroAdapter);
    }
    public void initHero(){
        for (int i=0;i<2;i++){
            Hero lin=new Hero("lin",R.drawable.b2);
            herolist.add(lin);
            Hero delia=new Hero("delia",R.drawable.b3);
            herolist.add(delia);
            Hero fire=new Hero("fire",R.drawable.b4);
            herolist.add(fire);
            Hero saber=new Hero("saber",R.drawable.b6);
            herolist.add(saber);
            Hero christina=new Hero("christina",R.drawable.b7);
            herolist.add(christina);
            Hero dva=new Hero("dva",R.drawable.b9);
            herolist.add(dva);
        }
    }
}

其中添加了 initHero() 方法，解决英雄不够，ListView 子项不足无法滚动的尴尬场面

博客园的编辑器一点都不好用

使用 ArrayAdapter 来定制 ListView

推荐阅读