Question

这是我对JSON对象的详细视图的当前布局：

enter image description here

这是布局代码：

<?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:background="@drawable/list_selector"
    android:orientation="horizontal"
    android:padding="5dip" >



    <LinearLayout
        android:id="@+id/thumbnail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginRight="5dip"
        android:background="@drawable/image_bg"
        android:padding="3dip" >

        <ImageView
            android:id="@+id/strImagen"
            android:layout_width="50dip"
            android:layout_height="50dip"
            android:src="@drawable/rihanna" />
    </LinearLayout>



    <TextView
        android:id="@+id/nombreEmpresa"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/thumbnail"
        android:layout_toRightOf="@+id/thumbnail"
        android:layout_toLeftOf="@id/strMano"
        android:text="Rihanna Love the way lie"
        android:textColor="#040404"
        android:textSize="15dip"
        android:textStyle="bold"
        android:typeface="sans" />



    <TextView
        android:id="@+id/direccionEmpresa"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/nombreEmpresa"
        android:layout_marginTop="1dip"
        android:layout_toRightOf="@+id/thumbnail"
        android:layout_toLeftOf="@id/strMano"
        android:text="Just gona stand there and ..."
        android:textColor="#343434"
        android:textSize="10dip" />



    <TextView
        android:id="@+id/valoracionEmpresa"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignTop="@id/nombreEmpresa"

        android:layout_marginRight="12dip"
        android:gravity="right"
        android:text="5:45"
        android:textColor="#10bcc9"
        android:textSize="10dip"
        android:textStyle="bold" />

    <ImageView
        android:id="@+id/strMano"
        android:layout_width="30dip"
        android:layout_height="30dip"
        android:layout_alignParentRight="true"
        android:layout_below="@id/valoracionEmpresa"
        android:src="@drawable/valoracion" />

    <TextView
        android:id="@+id/descripcionEmpresa"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textOferta"
        android:maxLines="5"
        android:paddingTop="15dp"
        android:text="descripcion descripcion descripcion descripcion descripcion "
        android:textSize="15dp" />

    <TextView
        android:id="@+id/horarioEmpresa"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/TextView01"
        android:layout_below="@+id/descripcionEmpresa"
        android:maxLines="5"
        android:paddingTop="15dp"
        android:text="horario horario horario horario"
        android:textSize="15dp" />

    <TextView
        android:id="@+id/textOferta"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/descripcionEmpresa"
        android:layout_below="@+id/thumbnail"
        android:layout_marginTop="29dp"
        android:maxLines="15"
        android:text="dsdasdadsa sdasdad asdasdasdasd dsdasdadsa sdasdad asdasdasdasd dsdasdadsa sdasdad asdasdasdasd dsdasdadsa sdasdad asdasdasdasd dsdasdadsa sdasdad asdasdasdasd dsdasdadsa sdasdad asdasdasdasd dsdasdadsa sdasdad asdasdasdasd dsdasdadsa sdasdad asdasdasdasd dad"
        android:textSize="15dp" />



</RelativeLayout>

我正在尝试，但没有成功包括底部，带有白色背景的框和四个图像按钮。

我需要你的帮助才能创建所需的布局部分。谢谢。

Answer 1

尝试在具有垂直方向的线性布局中添加外部相对布局在相对布局之后，添加另一个线性布局（现在是水平方向）和图像按钮。

    <?xml version="1.0" encoding="utf-8"?>

<LinearLayout
        android:id="@+id/mainLayout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:padding="3dip"
        android:orientation="vertical" >

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/list_selector"
        android:orientation="horizontal"
        android:padding="5dip" >

        <LinearLayout
            android:id="@+id/thumbnail"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_marginRight="5dip"
            android:background="@drawable/image_bg"
            android:padding="3dip" >

            <ImageView
                android:id="@+id/strImagen"
                android:layout_width="50dip"
                android:layout_height="50dip"
                android:src="@drawable/rihanna" />
        </LinearLayout>



        <TextView
            android:id="@+id/nombreEmpresa"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/thumbnail"
            android:layout_toRightOf="@+id/thumbnail"
            android:layout_toLeftOf="@id/strMano"
            android:text="Rihanna Love the way lie"
            android:textColor="#040404"
            android:textSize="15dip"
            android:textStyle="bold"
            android:typeface="sans" />



        <TextView
            android:id="@+id/direccionEmpresa"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/nombreEmpresa"
            android:layout_marginTop="1dip"
            android:layout_toRightOf="@+id/thumbnail"
            android:layout_toLeftOf="@id/strMano"
            android:text="Just gona stand there and ..."
            android:textColor="#343434"
            android:textSize="10dip" />



        <TextView
            android:id="@+id/valoracionEmpresa"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignTop="@id/nombreEmpresa"

            android:layout_marginRight="12dip"
            android:gravity="right"
            android:text="5:45"
            android:textColor="#10bcc9"
            android:textSize="10dip"
            android:textStyle="bold" />

        <ImageView
            android:id="@+id/strMano"
            android:layout_width="30dip"
            android:layout_height="30dip"
            android:layout_alignParentRight="true"
            android:layout_below="@id/valoracionEmpresa"
            android:src="@drawable/valoracion" />

        <TextView
            android:id="@+id/descripcionEmpresa"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/textOferta"
            android:maxLines="5"
            android:paddingTop="15dp"
            android:text="descripcion descripcion descripcion descripcion descripcion "
            android:textSize="15dp" />

        <TextView
            android:id="@+id/horarioEmpresa"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/TextView01"
            android:layout_below="@+id/descripcionEmpresa"
            android:maxLines="5"
            android:paddingTop="15dp"
            android:text="horario horario horario horario"
            android:textSize="15dp" />

        <TextView
            android:id="@+id/textOferta"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/descripcionEmpresa"
            android:layout_below="@+id/thumbnail"
            android:layout_marginTop="29dp"
            android:maxLines="15"
            android:text="dsdasdadsa sdasdad asdasdasdasd dsdasdadsa sdasdad asdasdasdasd dsdasdadsa sdasdad asdasdasdasd dsdasdadsa sdasdad asdasdasdasd dsdasdadsa sdasdad asdasdasdasd dsdasdadsa sdasdad asdasdasdasd dsdasdadsa sdasdad asdasdasdasd dsdasdadsa sdasdad asdasdasdasd dad"
            android:textSize="15dp" />

    </RelativeLayout>

    <LinearLayout
        android:id="@+id/whiteBox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="3dip" >

        // Insert your image buttons

    </LinearLayout>

</LinearLayout>

Answer 2

您需要使用LinearLayout创建layout_alignParentBottom="true"并将其添加到您的父RelativeLayout中。这将确保布局位于父布局的底部。

在

中添加此布局

 <LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="100dp"
    android:background="@color/white"
    android:gravity="center"
    android:layout_alignParentBottom="true"
    android:layout_toLeftOf="@+id/strMano">

    <ImageButton
        android:id="@+id/imageButton1"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_margin="10dp"/>
    <ImageButton
        android:id="@+id/imageButton2"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_margin="10dp"/>
    <ImageButton
        android:id="@+id/imageButton3"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_margin="10dp"/>
    <ImageButton
        android:id="@+id/imageButton4"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_margin="10dp"/>
</LinearLayout>

如果您有任何问题，请告诉我。

添加带有四个图像按钮的白框到布局

2 个答案: