首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >相对布局文本字段未正确对齐

相对布局文本字段未正确对齐
EN

Stack Overflow用户
提问于 2013-04-21 22:51:29
回答 2查看 609关注 0票数 0
代码语言:javascript
运行
复制
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="5dip" >

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginRight="5dip"
        android:padding="1dip" >

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Name"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:id="@+id/facesheet_detail_firstandLastName"            
            android:layout_weight="1.20"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
           android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Street1"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_street1"            
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="E-Mail"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_email"            
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginTop="35dp"
        android:layout_marginRight="5dip"
        android:padding="1dip" >

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.60"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Gender"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_gender"            
            android:layout_width="0dp"
            android:layout_weight="1.40"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.60"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Street 2"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_street2"            
            android:layout_width="0dp"
            android:layout_weight="1.20"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="SSN"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_ssn"            
            android:layout_width="0dp"
            android:layout_weight="1.20"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout3"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginRight="5dip"
        android:layout_marginTop="70dp"
        android:padding="1dip" >

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="DOB"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_dob"            
            android:layout_width="0dp"
            android:layout_weight="1.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="City"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_city"            
            android:layout_width="0dp"
            android:layout_weight="1.30"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.70"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Religion"
            android:textColor="#000000" />

        <TextView
             android:id="@+id/facesheet_detail_religion"   
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text=""
            android:textColor="#000000" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout4"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginRight="5dip"
        android:layout_marginTop="105dp"
        android:padding="1dip" >

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.60"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Phone"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_phone"            
            android:layout_width="0dp"
            android:layout_weight="1.15"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.60"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="State"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_state"            
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Race"
            android:textColor="#000000" />

        <TextView
             android:id="@+id/facesheet_detail_race"   
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text=""
            android:textColor="#000000" />

    </LinearLayout>

     <LinearLayout
        android:id="@+id/linearLayout5"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginRight="5dip"
        android:layout_marginTop="140dp"
        android:padding="1dip" >

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.60"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Mobile"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_mobile"            
            android:layout_width="0dp"
            android:layout_weight="1.35"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.70"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Zip Code"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_zipCode"            
            android:layout_width="0dp"
            android:layout_weight="1.15"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.70"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Ethnicity"
            android:textColor="#000000" />

        <TextView
             android:id="@+id/facesheet_detail_ethnicity"   
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

    </LinearLayout>
</RelativeLayout>

我遇到了一个问题,我必须映射像这样的制服。

代码语言:javascript
运行
复制
Name: "Kevin"        State: "VA"        Email: "Kevin@Kevin.com

但当我尝试在模拟器中查看输出时,可能布局似乎是混乱的,附件中是相同的屏幕截图。有没有人能告诉我应该给多少空间才能使其均匀分布。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-04-22 02:00:50

如果您希望各行以相同的方式对齐,请确保在每个TextView上为每个LinearLayout赋予相同的权重。

例如:

代码语言:javascript
运行
复制
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="5dip" >

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginRight="5dip"
        android:padding="1dip" >

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Name"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:id="@+id/facesheet_detail_firstandLastName"            
            android:layout_weight="1.20"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
           android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Street1"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_street1"            
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginTop="35dp"
        android:layout_marginRight="5dip"
        android:padding="1dip" >

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Gender"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_gender"            
            android:layout_width="0dp"
            android:layout_weight="1.20"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Street 2"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_street2"            
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />
    </LinearLayout>
</RelativeLayout>    

请注意,“TextView”和"Gender“名称具有相同的权重,因为我希望它们对齐。与每个LinearLayout的第二个TextView相同,依此类推。

票数 1
EN

Stack Overflow用户

发布于 2013-04-21 22:56:38

您可以使用属性

代码语言:javascript
运行
复制
android:layout_alignLeft="@+id/idOfViewToAlignWith"
android:layout_alignRight="@+id/idOfViewToAlignWith"

对齐Views的边的步骤

您还具有如下属性

代码语言:javascript
运行
复制
android:layout_alignCenter
android:layout_centerInParent="true"

查看RelativeLayout Docs以了解哪些属性最适合您

此外,这也是一大堆Views。我建议注释掉除一两行和两列之外的所有行和列,并从最小数量的Views开始,直到正确为止,这样就不会经常更改很多行和列。在使用这些新属性之后,您可能还需要使用一下padding。由于这些属性嵌套在LinearLayouts中,显然,您需要在父LinearLayouts中使用这些属性

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16132404

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档