Android布局,高度为百分比

时间:2017-06-07 16:42:38

标签: android android-layout

我想做那样的布局:

enter image description here

但我不知道如何以50:50的比例制作面板2和3填充剩余空间(在添加固定尺寸面板1之后)。必须有一些我缺少的东西,或者只是不了解Android布局,但它是什么?

我忘了提到我想对这些面板使用Constraint Layout。我使用Android Studio。

2 个答案:

答案 0 :(得分:4)

使用LinearLayout和layout_weight

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:weightSum="2">
    <View
        android:layout_width="match_parent"
        android:background="@color/blue"
        android:layout_height="16dp" />
    <View
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:background="@color/black"
        android:layout_weight="1"/>
    <View
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:background="@color/red"/>

</LinearLayout>

可以将视图更改为ConstraintLayouts

答案 1 :(得分:1)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">


<RelativeLayout
    android:id="@+id/panel1Layout"
    android:layout_width="match_parent"
    android:layout_height="100dp" />

<LinearLayout
    android:id="@+id/otherPanelContainer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_below="@+id/panel1Layout"
    android:orientation="vertical"
    android:weightSum="2">

    <RelativeLayout
        android:id="@+id/panel2Layout"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />


    <RelativeLayout
        android:id="@+id/panel3Layout"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />


</LinearLayout>