android - Androidデザイン-画像と編集テキストの間のスペースを削除するにはどうすればよいですか？

Question

以下にレイアウトxmlを示します。

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:stretchColumns="1" >


    <TableRow>

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="left"
            android:src="@drawable/no_image" />

        <TableLayout
            android:layout_width="match_parent"
            android:layout_gravity="left"
            android:stretchColumns="0" >

            <TableRow>


                <EditText
                    android:id="@+id/editText1"
                    android:layout_width="match_parent"
                    android:layout_weight="1"
                    android:background="@drawable/backwithborder"
                    android:ems="5" />
            </TableRow>

            <TableRow android:layout_height="match_parent" >

                <EditText
                    android:id="@+id/editText1"
                    android:layout_weight="1" 
                    android:layout_height="35dip"
                    android:background="@drawable/backwithborder" />

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_gravity="right"
                    android:src="@drawable/ic_menu_down" />
            </TableRow>
        </TableLayout>
    </TableRow>

    <View
        android:layout_height="2dip"
        android:background="@color/list_seperator" />

    <TableRow>

        <Button
            android:id="@+id/xBtnContacts"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Pick Contacts" />
    </TableRow>

    <View
        android:layout_height="2dip"
        android:background="@color/list_seperator" />

</TableLayout>

Answer 1

重力を動かして、幅と高さをfill_parentに設定してみてください

        android:id="@+id/imageView1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_gravity="right"
        android:src="@drawable/no_image" />

Answer 2

画像と編集テキストの間隔は、テーブルレイアウトのように「連絡先を選択」によるものです。1つの行の幅は他の行に依存します........（テスト用のボタンに幅40dpを指定してみてください）

このUIを作成するには、線形レイアウトと相対レイアウトを使用することをお勧めします。

Answer 3

このようなものを試してみてください

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:src="@drawable/ic_launcher" />

<TableLayout
    android:id="@+id/table"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_toRightOf="@id/imageView1" >

    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <EditText
            android:id="@+id/editText1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:ems="5" />
    </TableRow>

    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="match_parent" >

        <EditText
            android:id="@+id/editText1"
            android:layout_width="wrap_content"
            android:layout_height="35dip"
            android:layout_weight="1" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right"
            android:src="@android:drawable/ic_menu_add" />
    </TableRow>
</TableLayout>

<Button
    android:id="@+id/xBtnContacts"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/table"
    android:text="Pick Contacts" />
<View
    android:layout_height="2dip"
    android:layout_width="fill_parent"
    android:layout_below="@id/xBtnContacts"
    android:background="#ff0000"/>

</RelativeLayout>