2

怎么可能像这样布局控件？ 在此处输入图像描述

换句话说 - 一个TextView对齐左侧，第二个对齐右侧。当然，红色布局应该根据屏幕宽度进行拉伸。我不知道如何以最好的方式做到这一点。

4

5 回答 5

4

您可以根据您的要求使用以下布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_height="fill_parent"
    android:layout_width="fill_parent" 
    android:background="#ffffff" >

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" android:layout_alignParentRight="true"/>

    </RelativeLayout>

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

        <TextView
            android:id="@+id/textView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" android:layout_alignParentRight="true"/>

    </RelativeLayout>

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <TextView
            android:id="@+id/textView5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" android:layout_alignParentLeft="true"/>

        <TextView
            android:id="@+id/textView6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" android:layout_alignParentRight="true"/>

    </RelativeLayout>

</LinearLayout>
于 2012-04-15T09:11:12.450 回答
2 
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_height="fill_parent"
    android:layout_width="fill_parent" 
    android:background="#ffffff" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" android:layout_alignParentRight="true"/>


        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView"  android:layout_below="@+id/textView1"/>

        <TextView
            android:id="@+id/textView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" android:layout_alignParentRight="true"
            android:layout_below="@+id/textView2"/>


        <TextView
            android:id="@+id/textView5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" android:layout_alignParentLeft="true"
             android:layout_below="@+id/textView3"/>

        <TextView
            android:id="@+id/textView6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" android:layout_alignParentRight="true"
            android:layout_below="@+id/textView4"/>

</RelativeLayout>
于 2012-04-15T11:15:11.817 回答
0

您可以使用相对布局。然后只需将您的文本视图定位为

 android:layout_alignParentRight="true"

这是此类布局的链接：

Android 相对布局

于 2012-04-15T07:09:54.867 回答
0

您可以将整个视图变成一个 RelativeLayout，并使用 layout_alignParentLeft、layout_alignParentRight 将 Textview 粘贴到视图的左右两侧，然后使用 layout_alignBaseline 将 Textview 保留在每一侧。然后layout_below放Textview的下一行。

或者，您可以使用 LinearLayout 到 layout_width="match_parent" 然后使用上面相同的方法将红色框变成RelativeLayout。

但是，我建议您检查每种类型的布局以查看每个容器的特征，然后确定哪个最适合您的整体视图，但请记住，您在屏幕上拥有的视图/布局越多会影响性能一些设备。:)

于 2012-04-15T07:23:39.387 回答
0

您可以使用RelativeLayout，但同一行中这两个视图的一个视图应该具有一定的固定宽度。如果您确定右视图的宽度不会大于某个宽度，那么您也可以将 wrap_content 分配给宽度，但如果第二个视图可能采用全屏宽度，则有必要为布局分配一些固定宽度。

所以将 LayoutParams 设置为左​​右视图，如下所示： LeftView：

Layout_width=fill_parent, Layout_height=wrap_content, layout_toLeftOf=@+id/rightView,

第二视图：

Layout_width=wrap_content，Layout_height=wrap_content，layout_alignParentRight=true

于 2012-04-15T07:25:12.523 回答