Diseño de Android: ¿cómo eliminar el espacio entre mi imagen y editar texto?

enter image description here

He dado mi diseño xml a continuación.

<?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>

preguntado el 12 de junio de 12 a las 09:06

3 Respuestas

prueba algo como esto

<?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>

Respondido el 12 de junio de 12 a las 14:06

En su xml cómo agregar una línea en la parte inferior. Porque cada vez que trato de agregar algo en la parte inferior, desaparece. - naveen chauhan

Hola Naveen He editado de acuerdo a tu necesidad. ver respuesta actualizada. - Krishna Shrestha

no hay etiqueta de apertura de diseño relativo - naveen chauhan

intente mover la gravedad y establecer su ancho y alto en 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" />

Respondido el 12 de junio de 12 a las 09:06

El espacio entre la imagen y el texto de edición se debe a "Elegir contactos", ya que en el diseño de la tabla el ancho de una fila depende de otro ........ (intente darle el ancho 40dp al botón para probarlo)

Sugeriré usar el diseño lineal y el diseño relativo para hacer esta interfaz de usuario....

Respondido el 12 de junio de 12 a las 09:06

¿Dónde está Pick Contacts en mi xml? - naveen chauhan

este es el botón que tiene id android:id="@+id/xBtnContacts" - Dheeresh Singh

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.