ListViewの番号に画像を指定する

Tweet

ListViewに０～９９の番号を画像で表示する。

全角の大きさの画像０～９（a0.png~a9.png)と半角の大きさの画像０～９（b0.png~b9.png)を用意する。

１桁はa0.png~a9.pngを用い、２桁はb0.png~b9.pngを組み合わせて表示する。

■１行のレイアウト

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
	tools:ignore="UseCompoundDrawables"
	android:id="@+id/linearLayout1"
	android:layout_width="fill_parent"
	android:layout_height="wrap_content"
	android:gravity="center_horizontal"
	android:orientation="horizontal"
	>

	<ImageView
		android:id="@+id/ImageView1"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:src="@drawable/ic_launcher"
		android:contentDescription="@string/description"/>

	<ImageView
		android:id="@+id/ImageView1_left"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:src="@drawable/ic_launcher"
		android:contentDescription="@string/description"/>

	<ImageView
		android:id="@+id/ImageView1_right"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:src="@drawable/ic_launcher"
		android:contentDescription="@string/description"/>

	<TextView
		android:id="@+id/textView1"
		android:textAppearance="?android:attr/textAppearanceSmall"
		android:layout_height="wrap_content"
		android:layout_width="wrap_content"
		android:text="@string/hello_world"/>

</LinearLayout>

■カスタムアダプター

onCreateのタイミングでリソースから画像を読み込み、メンバに設定しておく。

mNumImgsA = new Drawable[10];
mNumImgsB = new Drawable[10];

for (int i = 0; i <= 9; i++) {
    int id = getResources().getIdentifier("a" + i, "drawable", getPackageName());
    mNumImgsA [i] = getResources().getDrawable(id);
}
for (int i = 0; i <= 9; i++) {
    int id = getResources().getIdentifier("b" + i, "drawable", getPackageName());
    mNumImgsB [i] = getResources().getDrawable(id);
}

ImageView imageView = (ImageView)v.findViewById(R.id.ImageView1);
ImageView imageView_left = (ImageView)v.findViewById(R.id.ImageView1_left);
ImageView imageView_right = (ImageView)v.findViewById(R.id.ImageView1_right);

if (position < 10) {
    imageView.setVisibility(View.VISIBLE);
    imageView_left.setVisibility(View.GONE);
    imageView_right.setVisibility(View.GONE);
    imageView.setImageDrawable(mNumImgsA[position]);
} else {
    int doubleDigit = position / 10;
    int singleDigit = position % 10;
    imageView.setVisibility(View.GONE);
    imageView_left.setVisibility(View.VISIBLE);
    imageView_right.setVisibility(View.VISIBLE);
    imageView_left.setImageDrawable(mNumImgsB[doubleDigit]);
    imageView_right.setImageDrawable(mNumImgsB[singleDigit]);
}

Tweet