在不使用layout_weight的情况下,使两个LinearLayout占据屏幕的50%

时间:2012-05-10 17:28:15

标签: android android-layout android-linearlayout

我目前正在进行横向屏幕的特殊xml布局,其中存在4个图像,2个LinearLayouts彼此相邻,每个图像有2个图像。这些LinearLayouts我称之为linearLayout1linearLayout2

linearLayout1标有蓝色矩形:

linearLayout1

linearLayout2标有蓝色矩形:

linearLayout2

如您所见,第一个使用约80%的屏幕,而第二个使用剩下的。我当然不想要这个,我想要50%。我不能使用layout_weight,因为它已经在LinearLayouts本身中使用(两个图像的定位),而嵌套权重对性能不利。

我尝试了很多不同的版本,但我根本无法让两个LinearLayouts分别拥有50%的屏幕。这是代码:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/db1_root"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal" >

<LinearLayout
    android:id="@+id/title_container"
    style="@style/TitleBar" >

    <ImageView
        style="@style/TitleBarLogo"
        android:contentDescription="@string/imgViewDesc"
        android:src="@drawable/title_logo" />

    <ImageView
        style="@style/TitleBarSeparator"
        android:contentDescription="@string/imgViewDesc" />

    <TextView style="@style/TitleBarText" />

    <ImageButton
        style="@style/TitleBarAction"
        android:contentDescription="@string/imgViewDesc"
        android:onClick="onClickAbout"
        android:src="@drawable/title_about" />
</LinearLayout>

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/title_container"
    android:layout_above="@+id/mobFoxView" >

    <!-- LEFT COLUMN -->

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_above="@+id/mobFoxView"
        android:layout_alignParentLeft="true"
        android:layout_toLeftOf="@+id/linearLayout2"
        android:background="@color/white"
        android:gravity="center"
        android:orientation="vertical"
        android:weightSum="2" >

        <ImageView
            android:id="@+id/imgNews"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:contentDescription="@string/imgViewDesc"
            android:onClick="onClickFeature"
            android:src="@drawable/front_news_1" />

        <ImageView
            android:id="@+id/imgReleases"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:contentDescription="@string/imgViewDesc"
            android:onClick="onClickFeature"
            android:src="@drawable/front_releases_1" />
    </LinearLayout>

    <!-- RIGHT COLUMN -->

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_above="@+id/mobFoxView"
        android:layout_alignParentRight="true"
        android:layout_alignTop="@id/linearLayout1"
        android:background="@color/white"
        android:gravity="center"
        android:orientation="vertical"
        android:weightSum="2" >

        <ImageView
            android:id="@+id/imgArtists"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:contentDescription="@string/imgViewDesc"
            android:onClick="onClickFeature"
            android:src="@drawable/front_artists_1" />

        <ImageView
            android:id="@+id/imgLabels"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:contentDescription="@string/imgViewDesc"
            android:onClick="onClickFeature"
            android:src="@drawable/front_labels_1" />
    </LinearLayout>
</RelativeLayout>

<com.mobfox.sdk.MobFoxView
    android:id="@+id/mobFoxView"
    android:layout_width="fill_parent"
    android:layout_height="50dp"
    android:layout_alignParentBottom="true"
    mode="test"
    publisherId="@string/mobFoxID" />

</RelativeLayout>

4 个答案:

答案 0 :(得分:24)

嗯,我在这里看到了两个选项。

  1. 拧紧LINT警告并使用嵌套的权重。电话很快,它会产生毫秒的差异,因为你只需要一次(大部分时间)给布局充气。嵌套布局只会对性能造成不利影响,因为充气机需要进行更多传递来测量布局。

  2. 将您的LinearLayoutRelativeLayout交换,并将两个孩子对齐到中心的隐身View,如下所示:

  3. <RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/top"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <LinearLayout
          android:id="@+id/center_point"
          android:layout_width="0dp"
          android:layout_height="0dp"
          android:layout_centerInParent="true"/>
    
        <LinearLayout
          android:id="@+id/left_layout"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:layout_alignParentLeft="true"
          android:layout_alignRight="@+id/center_point">
        </LinearLayout>
    
    
        <LinearLayout
          android:id="@+id/right_layout"
          android:orientation="horizontal" //default
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:layout_alignParentRight="true"
          android:layout_alignLeft="@+id/center_point">
        </LinearLayout>
    
    </RelativeLayout>
    

答案 1 :(得分:4)

您可以为布局设置“权重”,如下所示:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent" >
    <LinearLayout android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1">
    </LinearLayout>
    <LinearLayout android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1">
    </LinearLayout>

因此每个线性输出占据屏幕的50%。 :)

答案 2 :(得分:0)

如果您试图避免将功能用于其预期目的,您可能应该考虑您的方法是否不理想......似乎您正在尝试将项目排列为行和列。尝试使用TableLayout

答案 3 :(得分:0)

如果没有layout_weight,请将这两个linearlayout都放入parent linearlayout

<LinearLayout orientation:horizontal>
           <LinearLayout Child 1 />
           <LinearLayout Child 2 />
</LinearLayout>

使用layout_gravity将它们居中,如果这些线性布局的内容大小相同,则它们应该是相同的大小

如果没有,那么你仍然可能有问题

可能需要使用代码调整大小