この例のように、背景画像とテキストを含む線形レイアウトを表示する GridView を使用しています。
http://www.curious-creature.org/2012/12/11/android-recipe-1-image-with-rounded-corners/
そしてまさにその例のように、そのコードを使用して画像の角を丸くしています。
問題は、角を丸くしないと、すべての画像が同じサイズであっても、グリッドアイテムの高さが同じになることです。
しかし、それを使用すると、アイテムの高さがコンテンツにラップされます。
線形レイアウトを wrap_content、fill_parent、match_parent、さらには固定の高さに定義しようとしましたが、システムは私を無視します。
これは私のグリッドレイアウトです:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/LinearLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#FFDDDDDD"
android:orientation="vertical"
tools:context=".RouteListActivity" >
<GridView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/gridview"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_margin="20dp"
android:layout_weight="2"
android:animateLayoutChanges="false"
android:clipChildren="false"
android:clipToPadding="false"
android:drawSelectorOnTop="true"
android:gravity="center"
android:horizontalSpacing="10dp"
android:numColumns="2"
android:scrollingCache="false"
android:stretchMode="columnWidth"
android:verticalSpacing="10dp" />
</LinearLayout>
そして、これは私のグリッドアイテムです:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/linearlayoutGridLabel"
android:layout_width="wrap_content"
android:layout_height="150dp"
android:layout_weight="1"
android:gravity="bottom|left"
android:orientation="vertical" >
<TextView
android:id="@+id/id_ruta"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:visibility="gone" />
<TextView
android:id="@+id/routenameGridLabel"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="20dp"
android:background="#77000000"
android:gravity="bottom"
android:padding="5dp"
android:text="Large Text"
android:textAppearance="?android:attr/textAppearanceLarge" />
</LinearLayout>
さらに、アダプターの getView :
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View vi=convertView;
if(convertView==null)
vi = inflater.inflate(R.layout.grid_item, null);
LinearLayout linLayout = (LinearLayout) vi.findViewById(R.id.linearlayoutGridLabel);
Typeface yanone = Typeface.createFromAsset(mContext.getAssets(), "YanoneKaffeesatz-Regular.ttf");
TextView id_ruta = (TextView) vi.findViewById(R.id.id_ruta);
TextView nombre=(TextView)vi.findViewById(R.id.routenameGridLabel);
nombre.setTypeface(yanone);
nombre.setTextSize(TypedValue.COMPLEX_UNIT_DIP, 38);
Ruta current = routeList.get(position);
try {
// Drawable d;
// d = Drawable.createFromStream(mContext.getAssets().open("ruta" + (position+1) + "/title.jpg"), null);
Bitmap b = BitmapFactory.decodeStream(mContext.getAssets().open("ruta" + (position+1) + "/title.jpg"));
StreamDrawable d = new StreamDrawable(b, 10, 0);
linLayout.setBackgroundDrawable(d);
} catch (IOException e) {
linLayout.setBackgroundResource(R.drawable.noimage);
}
nombre.setText("" + current.getNombre());
id_ruta.setText(current.getId().toString());
return vi;
}
率直に言って、私は gridviews の動作を理解していません。以前は、さまざまなサイズの画像を背景画像として設定し、すべての要素が互いに重なり合っていました。グリッドアイテムのレイアウトで高さを固定しても同じサイズの行が作れませんでした。
ここで道順を教えてもらえますか？