これは私の最初のAndroidアプリケーションであり、多くの問題に直面しています。この画像のようなデザインを作りたい:
私はそれを行うために多くの解決策を試しましたが、何も機能しません。これは私のコードです:
<TableLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<View
android:layout_height="2dip"
android:background="@color/dark_blue"/>
<!--Product information-->
<TableRow android:id="@+id/product_info">
<ImageView android:id="@+id/product_img"
android:src="@drawable/mdpi_product_verify_scan_code"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
/>
<TextView android:id="@+id/tvdesc"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="2"
android:text="description description description "
android:textColor="@color/black"
/>
</TableRow>
<View
android:layout_height="2dip"
android:background="@color/dark_blue"/>
<!--Images button-->
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Product Description"
android:textColor="@color/black"
android:textAppearance="?android:textAppearanceMedium"
/>
<FrameLayout
android:background="@color/dark_blue"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="top|left"
android:padding="5dp">
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/mdpi_btn_show_images_icon"
android:background="@android:color/transparent"
/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Images"/>
</FrameLayout>
</TableRow>
<TableRow android:id="@+id/product_info">
<ImageView android:id="@+id/ima"
android:src="@drawable/mdpi_product_verify_scan_code"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
/>
<TextView android:id="@+id/tv2"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="2"
android:text="description description description "
android:textColor="@color/black"
/>
</TableRow>
<!--Verification -->
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="product verification"
android:textAppearance="?android:textAppearanceMedium"
android:textColor="@color/green"/>
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="This product can be verified. Tap on the VERIFY PRODUCT button above."
android:textColor="@color/green"/>
</TableRow>
</TableLayout>
そしてこれが結果
ご覧のとおり、重力を設定すると、すべての要素が台無しになり、画像ボタンが消えます。画像が消え、テキストがそのまま残ります。何も変わりません。
この画像は、問題が何であるかを示しています。
- 行に各テキストを作成する方法。
- 左の画像を設定します(左の重力は機能しませんでした)
- 縦線の描き方は?
- テキスト付きの画像を配置するにはどうすればよいですか?(スパンを使用していましたが、ここでは1行だけで機能し、2つのテキスト行があります。2つの垂直セルをマージする方法はありますか)。
- 画像ボタンが消えます。
助けてくれてありがとう。