如何用空格分割屏幕宽度

时间:2013-03-26 09:46:54

标签: android android-layout android-xml

我需要创建3个块,它们之间有空格。

http://i47.tinypic.com/huos40.png

我差不多完成了,但我尝试了很多属性,我不知道还能检查什么。

这是我目前的代码:

<LinearLayout
    android:id="@+id/ll_numbers"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignLeft="@+id/tv_numbers"
    android:layout_below="@+id/tv_numbers"
    android:layout_marginTop="5dip"
    android:layout_marginRight="10dip"
    android:orientation="horizontal"
    android:weightSum="3" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@drawable/cuadrogris"
        android:textSize="8sp" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@drawable/cuadrogris"
        android:textSize="8sp" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@drawable/cuadrogris"
        android:textSize="8sp" />

</LinearLayout>

如您所见,我已将宽度屏幕正确分割为3,但如何添加额外空间?

3 个答案:

答案 0 :(得分:0)

试试这个:

<LinearLayout 
android:id="@+id/ll_numbers"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignLeft="@+id/tv_numbers"
android:layout_below="@+id/tv_numbers"
android:layout_marginTop="5dip"
android:layout_marginRight="10dip"
android:orientation="horizontal">

<TextView
    android:id="@+id/textView1"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
   android:layout_marginLeft="5dp"
    android:background="@drawable/cuadrogris"
    android:textSize="8sp" />

<TextView
    android:id="@+id/textView2"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
   android:layout_marginLeft="5dp"
    android:background="@drawable/cuadrogris"
    android:textSize="8sp" />

<TextView
    android:id="@+id/textView3"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:layout_marginLeft="5dp"
     android:background="@drawable/cuadrogris"
    android:textSize="8sp" />

答案 1 :(得分:0)

将以下行添加到每个文字视图

android:layout_margin="10dp"

根据您的要求

android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginTop="5dp"

答案 2 :(得分:0)

你做得很棒

只需将其添加到每个 TextView

即可
android:layout_margin="20dp" 

并查看结果。休息您可以根据需要进行修复

enter image description here