[セットトップ]Android ListViewの基本エントリーの概要と最適化
ListViewの概要
ListViewはアンドロイドでよく使われるコントロールですが、本稿ではよく使われる使い方や最適化などの方法を紹介します.
本文の住所http://blog.csdn.net/never_cxb/article/details/48159717.転載は出典を明記してください
上書きactivity_main.xml
新しいjavabean
新しいicon_item.xmlはlistviewの各要素のビューに使用されます
新しいclass IconAdapter ArrayAdapterから継承
Noteここでは、convertViewが前のレイアウトをキャッシュして再利用する最適化が行われています.
だからconvertViewが空かどうかを判断します.空の場合はLayoutInflaterを使用してレイアウトをロードします.そうしないとconvertViewを直接多重化します.
ArrayAdapterについては、このブログAndroid ArrayAdapterのソースコードを参照してください.
テストlistview
MainActivityには次のコードが入っています
ListViewはアンドロイドでよく使われるコントロールですが、本稿ではよく使われる使い方や最適化などの方法を紹介します.
本文の住所http://blog.csdn.net/never_cxb/article/details/48159717.転載は出典を明記してください
上書きactivity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent">
<ListView android:id="@+id/listview" android:layout_width="match_parent" android:layout_height="match_parent" />
</LinearLayout>
新しいjavabean
package com.example.tomchen.testlistview;
/** * Created by tomchen on 9/1/15. */
public class Icon {
private int imageId;
private String name;
public Icon(String name, int imageId) {
this.name = name;
this.imageId = imageId;
}
public String getName() {
return name;
}
public int getImageId() {
return imageId;
}
}
新しいicon_item.xmlはlistviewの各要素のビューに使用されます
<?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">
<TextView android:id="@+id/text" android:layout_width="wrap_content" android:layout_height="match_parent" />
<ImageView android:id="@+id/icon" android:layout_width="wrap_content" android:layout_height="match_parent" />
</LinearLayout>
新しいclass IconAdapter ArrayAdapterから継承
package com.example.tomchen.testlistview;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import java.util.List;
/** * Created by tomchen on 9/1/15. */
public class IconAdapter extends ArrayAdapter<Icon> {
private int resourceId;
public IconAdapter(Context context, int resource, List<Icon> icons) {
super(context, resource, icons);
this.resourceId = resource;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
Icon icon = getItem(position);
View view;
if (convertView == null) {
view = LayoutInflater.from(getContext()).inflate(resourceId, null);
} else {
view = convertView;
}
ImageView image = (ImageView) view.findViewById(R.id.icon);
image.setImageResource(icon.getImageId());
TextView text = (TextView) view.findViewById(R.id.text);
text.setText(icon.getName());
return view;
}
}
Noteここでは、convertViewが前のレイアウトをキャッシュして再利用する最適化が行われています.
だからconvertViewが空かどうかを判断します.空の場合はLayoutInflaterを使用してレイアウトをロードします.そうしないとconvertViewを直接多重化します.
ArrayAdapterについては、このブログAndroid ArrayAdapterのソースコードを参照してください.
テストlistview
MainActivityには次のコードが入っています
package com.example.tomchen.testlistview;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.ListView;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity {
private ListView listView;
private List<Icon> icons = new ArrayList<Icon>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
listView = (ListView) findViewById(R.id.listview);
icons.add(new Icon("Icon_01", R.drawable.ic_01));
icons.add(new Icon("Icon_02", R.drawable.ic_02));
icons.add(new Icon("Icon_03", R.drawable.ic_03));
icons.add(new Icon("Icon_04", R.drawable.ic_04));
icons.add(new Icon("Icon_05", R.drawable.ic_05));
icons.add(new Icon("Icon_06", R.drawable.ic_06));
icons.add(new Icon("Icon_07", R.drawable.ic_07));
icons.add(new Icon("Icon_08", R.drawable.ic_08));
icons.add(new Icon("Icon_09", R.drawable.ic_09));
IconAdapter adapter = new IconAdapter(this, R.layout.icon_item, icons);
listView.setAdapter(adapter);
}
}
の効果図は以下の通りです.