株式会社八角研究所 > 【連載】Android Tips - 第3回 ListViewを交互にカラーリングする

エンジニア募集中！

独立心旺盛で、新しい技術で新しいWebサービスを作りたいと思っているけれど、ひとりでやることに限界を感じているフリーのエンジニアの方。あなたの期待にこたえられる仲間と環境を、八角研究所なら提供できると思います。社員としてではない関わり方も、あるかもしれません。

この会社の特徴を知る

岡田英久が語る未来を知る

このカテゴリの記事はまだ投稿されていません

株式会社八角研究所の雰囲気を知る

「少年、Nullについて想う」

など 3 記事

株式会社八角研究所の技術・仕事を知る

「jQuery の In Place Editor プラグインを作ってみた」

など 24 記事

Android Tips
第3回 ListViewを交互にカラーリングする

by tunakan

Tags: Java Androidアプリ作りたい小ネタ

Android Tips

ListViewの行を下図のように交互にカラーリングする方法を紹介します。

ビューのXMLは、下記のような単純なものです。

<?xml version="1.0" encoding="utf-8"?>

ArrayAdapterを使った一般的な方法でリストを表示します。

public class ListViewTest extends Activity {
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		ListView listView = (ListView) findViewById(R.id.list);
		listView.setAdapter(new ArrayAdapter(this,
				android.R.layout.simple_list_item_1, new String[] { "Apple",
						"Banana", "Melon", "Orange" }));

	}
}

交互にカラーリングするには、ArrayAdapter#getViewをオーバーライドし、行の位置に応じて背景色を変えるだけです。

public class ListViewTest extends Activity {
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		ListView listView = (ListView) findViewById(R.id.list);
		listView.setAdapter(new ArrayAdapter(this
        		, android.R.layout.simple_list_item_1, new String[]{
        		"Apple", "Banana", "Melon", "Orange"}) {
        	@Override
        	public View getView(int position, View convertView,
        			ViewGroup parent) {
        		View view = super.getView(position, convertView, parent);
        		if (position%2 ==0) {
        			view.setBackgroundColor(Color.RED);
        		}
        		else {
        			view.setBackgroundColor(Color.BLUE);
        		}
        		return view;
        	}

        });
	}
}

ArrayAdapter以外のListAdapterでも同様の方法が使用できます。