使用 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 类。

 public class HeroAdapter extends ArrayAdapter<Hero> {
 
     private int resourceId;
     public HeroAdapter(Context context, int resource, List<Hero> objects) {
         super(context, resource, objects);
         resourceId=resource;
     }
 
     public View getView(int position, View convertView, ViewGroup parent) {
         Hero hero=getItem(position); //获得当前项的Hero数据
         View view;
         ViewHolder viewHolder; 　　//使用ViewHolder优化 ListView
         if (convertView==null){ 　　//使用convertView重复使用查找加载好的布局
             view= LayoutInflater.from(getContext()).inflate(resourceId,parent,false);　　//使用布局填充器为子项加载我们传入的子布局「hero_item」
             viewHolder=new ViewHolder();
             viewHolder.heroImage= (ImageView) view.findViewById(R.id.hero_view);　　//查找
             viewHolder.heroText= (TextView) view.findViewById(R.id.hero_text);
             view.setTag(viewHolder);　　//把ViewHolder储存在View里面
 
         }else {
             view=convertView;
             viewHolder= (ViewHolder) view.getTag();
         }
         viewHolder.heroImage.setImageResource(hero.getImageId()); //设置数据
         viewHolder.heroText.setText(hero.getName());
         return view;
     }
     class ViewHolder{
         ImageView heroImage;
         TextView heroText;
     }
 }

其中重写了构造方法，把 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 子项不足无法滚动的尴尬场面

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