如何设置段落之间的标题和差距?

时间:2013-07-24 10:21:03

标签: java android xml android-layout user-interface

我想重写现有视图,如下所示:

enter image description here

这是我目前的xml和截图:

enter image description here

我正在使用这个9补丁:

enter image description here

<!--
    ========================================================================
    * Information layout - contains the explanation text on the background 
    ========================================================================
-->

<RelativeLayout
    android:id="@+id/layout_info"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/widget_bg_info1"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/text_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:text="@string/widget_nodata_title"
        android:textColor="@color/solid_white"
        android:textSize="22sp"
        android:layout_above="@+id/widget_error" 
        android:paddingBottom="20dp"/>

    <ImageView
        android:id="@+id/widget_error"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:src="@drawable/widget_error"
        android:layout_centerHorizontal="true" />

    <LinearLayout
        android:id="@+id/layout_text_info"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/text_info1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="left"
            android:layout_marginTop="87dp"
            android:gravity="left"
            android:paddingLeft="18dp"
            android:paddingRight="15dp"
            android:text="@string/widget_nodata_info1"
            android:textColor="@color/solid_black"
            android:textSize="15sp" />

        <TextView
            android:id="@+id/text_info2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="left"
            android:layout_marginTop="10dp"
            android:gravity="left"
            android:paddingLeft="18dp"
            android:paddingRight="15dp"
            android:text="@string/widget_nodata_info2"
            android:textColor="@color/solid_black"
            android:textSize="15sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/text_info3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="left"
            android:layout_marginTop="10dp"
            android:gravity="left"
            android:paddingLeft="18dp"
            android:paddingRight="15dp"
            android:text="@string/widget_nodata_info3"
            android:textColor="@color/solid_black"
            android:textSize="15sp" />
    </LinearLayout>

    <!--
    ========================================================================
    * Buttons layout - contains all the texts 
    ========================================================================
    -->

    <LinearLayout
        android:id="@+id/layout_buttons"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:orientation="horizontal" 
        android:layout_below="@+id/layout_text_info"
        android:layout_centerHorizontal="true"
        android:gravity="center"
        android:paddingTop="20dp">

        <LinearLayout
            android:layout_width="130dp"
            android:layout_height="wrap_content"
            android:background="@drawable/button_blue"
            android:clickable="true"
            android:gravity="center"
            android:orientation="horizontal"
            android:paddingLeft="5dp"
            android:paddingRight="5dp" >

            <TextView
                android:id="@+id/text_btn_enter"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/widget_no_data_accept"
                android:textColor="#000000" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="130dp"
            android:layout_height="wrap_content"
            android:layout_marginRight="10dp"
            android:background="@drawable/button_blue"
            android:clickable="true"
            android:gravity="center"
            android:orientation="horizontal"
            android:paddingLeft="5dp"
            android:paddingRight="5dp" >

            <TextView
                android:id="@+id/text_btn_close"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/widget_no_data_close"
                android:textColor="#000000" />
        </LinearLayout>
    </LinearLayout>
</RelativeLayout> <!--  -->

如何将标题置于灰色顶部区域的顶部?

如何将两个底部按钮居中?

1 个答案:

答案 0 :(得分:1)

这会将您的按钮布局固定在底部,并根据需要将其居中。如果你能更清楚,我也可以帮助你了解房屋形象和标题。 (关于id名称)。

<LinearLayout
    android:id="@+id/layout_buttons"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:gravity="center"
    android:orientation="horizontal" >

    <LinearLayout
        android:layout_width="130dp"
        android:layout_height="wrap_content"
        android:background="@drawable/button_blue"
        android:clickable="true"
        android:gravity="center"
        android:orientation="horizontal"
        android:paddingLeft="5dp"
        android:paddingRight="5dp" >

        <TextView
            android:id="@+id/text_btn_enter"
            android:layout_width="wrap_content"
            android:gravity="center"
            android:layout_height="wrap_content"
            android:text="@string/widget_no_data_accept"
            android:textColor="#000000" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="130dp"
        android:layout_height="wrap_content"
        android:layout_marginRight="10dp"
        android:background="@drawable/button_blue"
        android:clickable="true"
        android:gravity="center"
        android:orientation="horizontal"
        android:paddingLeft="5dp"
        android:paddingRight="5dp" >

        <TextView
            android:id="@+id/text_btn_close"
            android:layout_width="wrap_content"
            android:gravity="center"
            android:layout_height="wrap_content"
            android:text="@string/widget_no_data_close"
            android:textColor="#000000" />
    </LinearLayout>
</LinearLayout>

如果这是您的房屋图片的图像视图,那么它也是固定的。只需根据需要提供最高保证金。

<ImageView
    android:id="@+id/widget_error"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_below="@+id/text_title"
    android:gravity="center"
    android:src="@drawable/widget_error" />