使用 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 子項不足無法滾動的尷尬場面

 

 

博客園的編輯器一點都不好用