如何在 Android 中创建两个视图，每个视图使用 50% 的高度，除非其中一个较小？

Question

想象一个完整的 Android 设备屏幕，我希望它分为两部分：

1. 上半部分有文本，它可能大于可用空间（或没有），因此文本将滚动（即 ScrollView 内的 TextView
2. ）下半部分包含一个 MapView 控件。

具体看一些场景：

1. 如果文字很小，我希望地图占用更多的空间，即超过50%。所以也许 20% 是文字，80% 是地图。
2. 如果文本较大，则最多仅占用屏幕空间的 50%，然后滚动。所以 50% 是地图，50% 是文字。

目前，我已经为这两个部分分配了权重，这还不错，但如果文本很小，地图就不会扩展以占据空间，并且布局会浪费地图可能会出现的间隙有用地使用。

我已经尝试了很多组合，但不知道如何实现这一点。我知道自己想要什么，但不知道如何获得可用的视图来交付它，这对我来说似乎是一种常见的经历。我希望有一种简单的方法可以做到这一点。

请随意让我看起来像个傻瓜，并指出我错过的明显属性:-)

============================= =============================================

据我所知无法仅在声明性 XML 中执行此操作，需要在代码中执行。我将文本部分的高度设置为wrap_content，权重设置为0（不调整大小），并将地图设置为权重=1（即占用剩余空间）。然后，我检查文本部分（在 ScrollView 中）是否占用了太多空间，如果是，则将其缩小。需要更改此代码以支持不同的布局方向。

private void fixLayoutProportions()
{
    float maxPercentageOfScreenForText = 50/100;
    LinearLayout container = (LinearLayout)findViewById(R.id.container);
    ScrollView eventText = (ScrollView)findViewById(R.id.text_scroller);
    int heightAvailable = container.getHeight();
    int scrollerHeight = eventText.getHeight();
    if ( scrollerHeight>(heightAvailable*maxPercentageOfScreenForText) )      // Text section using too much space
    {
        eventText.getLayoutParams().height = (int)(heightAvailable*maxPercentageOfScreenForText) ;
        eventText.invalidate();
    }
}

Answer 1

您可以通过将所有内容放入 LinearLayout 并更改以下参数来实现：

• 权重总和对于 LienarLayout
• 子项权重

Answer 2

您是否尝试在运行时测量屏幕高度：

Display display = ((WindowManager) 
      getSystemService(Context.WINDOW_SERVICE)).getDefaultDisplay(); 
int width = display.getHeight();

然后，将顶视图 max_height 设置为 width*0.5，将 min_height 设置为 width*0.2。您的顶视图必须是具有 min_height 和 max_height 属性的控件（如 TextView）。另外，将layout_weight 设置为0 或留空。
在底部视图中将布局权重设置为 1。

Answer 3

在 XML 中实现 50/50 的最简单方法是使用 LinearLayout 权重。基本上将两个视图放入一个 LinearLayout 中，将两个子视图上的 android:layout_weight 设置为相同的值，例如将两者设置为 0.5、1 或 42。然后将 layout_width 设置为 0px 或 fill_parent/match_parent。

较小的部分变得更加复杂。幸运的是，您可以在 Java 中关闭称重。一种方法是等到窗口被绘制（如果它们是预先填充的）并测量它们。这可以在我认为它被称为 onWindowFocusChanged 上完成

Answer 4

我还没有对此进行测试，但我会尝试将您的 ScrollView 设置为具有 android:layout_weight="1" 并将您的 MapView 设置为具有 android:layout_weight= “0” 和 android:minHeight =“240dp”。希望 minHeight 优先于layout_weight。

Answer 5

我认为你必须将mapviews高度设置为填充父级并将textviews高度设置为换行内容，并且对于滚动，你必须将文本视图的垂直滚动设置为true，并且当你需要不超过50%的空间textview时，你可以设置textview的maxheight属性。

Answer 6

如果您觉得这很琐碎，我很抱歉。
但我建议你这样做，以防它没有打动你。
如何使用相对布局并使文本视图始终位于地图顶部。
使textview的重力为top，宽度为match_parent，高度为wrap_content，权重为1（与地图相同）。这样你的文本视图就会根据文本的大小而改变，同时不会因为重量而超过 50%。至于地图，用户可以向下拉地图来查看textview下隐藏的部分。就好像文本视图下没有地图一样（你知道，除非你想让文本视图背景透明，我认为这看起来很酷:)）。我不知道地图视图。但我假设它会像 iPhone 上的谷歌地图一样，就像你可以使用多点触控来改变大小并使用单点触控来滚动一样。

Answer 7

好吧，我看到它就像您将屏幕的最大一半保留给 TextView，如果更多，则必须滚动。我有一个解决方案，但为此你必须修复 TextView 的最大行数，计算这可能会很痛苦：P 但无论如何都有一个解决方案。

main.xml 文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:scrollbars="vertical"
    android:maxLines="5"
    android:id="@+id/tv1"
    android:text="wsdvsv sjdgv jsdvn ksdjbn skjdb ksdnbk snbk snbjksn fkbj sfkbjn dfkjbndkjfbn kdjfnb kjdfnbkjdnfbk ndf bjkndf bndfjbn dfkbn jdfnbjdfnbjdfn bjdf nbkjdnf bkjdfnb kjdnfbkjdfn bkjndfbjndfjbndkjfbn dkfjbn kdjfnb kjdfnbkjdfnbjkd nfkjbndf"
    />
 <TextView 
    android:layout_width="fill_parent" 
    android:layout_below="@id/tv1"
    android:layout_height="wrap_content" 
    android:scrollbars="vertical"
    android:maxLines="5"
    android:text="Does it work ???"
    />
</RelativeLayout>

Java 文件：

package com.android;

import android.app.Activity;
import android.os.Bundle;
import android.text.method.ScrollingMovementMethod;
import android.widget.TextView;

public class TestActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        TextView tv = (TextView) findViewById(R.id.tv1);
        tv.setMovementMethod(new ScrollingMovementMethod());
    }
}

如果文本仅包含 2 行“Does it work?”会自动升档。但我在这里看到的唯一问题是最大行数为 5，您可以为 ui 设定最大值，猜测这可能会很好用:)

BR，
J

P.S.我之前没有回答很多问题，所以我不确定如何附加文件:(