2013-07-24 63 views
1

我想重写现有视图看起来像这样:如何设置标题和段落之间的差距?

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

如何构成对顶部的灰色顶部区域的称号?

如何居中两个底部按钮?

+0

我猜他们使用'alignParentTop','alignParentLeft'和第二个(gapped)段落 - 'alignParentBottom'。该按钮只是'对齐' – Shark

+0

@Shark试过。它没有工作。你能查看我的XML吗? –

回答

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,那么它也是固定的。只要你想要的顶部边缘。

<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" /> 
+0

重力对我不起作用。我编辑了我的xml。你能查看吗? –

+0

使用一个大的线性布局而不是相对的布局会更好吗? –

+0

你完全复制粘贴这个,并检查,因为它是为我工作?我自己测试后写在这里。这不仅仅是将重心居中,而且还会给外部线性布局填充父项。请尝试使用imageview,因为它也可以正常工作。是的,使用线性布局会更好,因为您没有复杂的界面,但它取决于您的编码风格。 –