最后我遇到了一些有趣的问题。当我想在一些元素之间精确划分屏幕上的位置时，我通常使用 LinearLayout，将其放入我的元素中并赋予它们一些权重。它适用于 2 个元素和更多元素，但是当我想在更多不同的部分 (20 | 60 | 20) 上划分屏幕然后再划分它们时，它变得非常令人沮丧。

我应该怎么做？我希望我的布局在不同的屏幕上看起来一样，所以边距在小屏幕和大屏幕上看起来会有所不同。因此，例如，如果我希望我的按钮占据屏幕宽度的 60%，我将被迫在两侧添加 20% 的空间。

我实际上是使用权重制作的，但我的 xml 代码如下所示:

<LinearLayout
. . .
android:orientation="vertical"
android:weightSum="0">


<TextView
    . . .
    android:layout_weight="67"/>

<LinearLayout
    . . .
    android:orientation="horizontal"
    android:layout_weight="59"
    android:weightSum="0">


    <TextView
        . . .
        android:layout_weight="80"/>

    <ImageView
        . . .
        android:layout_weight="10"/>

    <TextView
        . . .
        android:layout_weight="80"/>



</LinearLayout>

<TextView
    . . .
    android:layout_weight="50"/>

<LinearLayout
    . . .
    android:orientation="horizontal"        
    android:weightSum="0">


    <TextView
        . . .
        android:layout_weight="70"/>

    <LinearLayout
        . . .
        android:orientation="vertical"
        android:weightSum="0">

        <TextView
            . . .
            android:layout_weight="65"/>

        <EditText
            . . .
            android:layout_weight="50"/>

        <TextView
            . . .
            android:layout_weight="75"/>

        <EditText
            . . .
            android:layout_weight="50"/>

        <TextView
            . . .
            android:layout_weight="65"/>


        </LinearLayout>

    <TextView
        . . .
        android:layout_weight="70"/>


</LinearLayout>

<LinearLayout
    . . .
    android:orientation="horizontal"
    android:weightSum="0">

    <TextView
        . . .
        android:layout_weight="80"/>

    <LinearLayout
        . . .
        android:orientation="vertical"
        android:layout_weight="60">

        <TextView
            . . .
            android:layout_weight="80"/>

        <Button
            . . .              
            android:layout_weight="60"/>

        <TextView
            . . .
            android:layout_weight="50"/>

    </LinearLayout>


    <TextView
        . . .
        android:layout_weight="80"/>



</LinearLayout>

<LinearLayout
    . . .
    android:orientation="horizontal"
    android:layout_weight="65"
    android:weightSum="0"
    >

    <Button            
        android:layout_weight="1"
        . . ./>

    <Button            
        android:layout_weight="1"
        . . ./>

    <Button            
        android:layout_weight="1"
        . . ./>

</LinearLayout>

如您所见，有很多空的 TextView，它们除了在布局上占据一些位置外什么都不做。是否有更智能、更少令人沮丧的方法来精确划分屏幕上元素之间的位置？

很高兴听到任何建议!

最佳答案

在使用 LinearLayout 和权重时，需要记住一些不明显的事情:

1. 将 LinearLayout 的 weightSum 设置为您要分配的权重的总和
2. 如果对宽度使用权重，则 LinearLayout 中的所有项都应将其 layout_width 设置为 0(是的，0...这也很重要)
3. Weights 和 weightSums 不必是整数；例如，您可以指定 2.5 的权重。

因此，直接回答您的问题，这是我认为您想要的布局。我制作了一个简单的水平 LinearLayout，左右各有一个空白 View ，权重为 20%，然后中间有一个按钮，权重始终为 60%。这是它在各种屏幕尺寸上的样子，下面是 XML 代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="100dp"
  android:orientation="horizontal"
  android:background="@android:color/holo_blue_bright"
  android:weightSum="100.0"
  >
  <View
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="20.0"
    android:background="@android:color/holo_green_dark"
    />
  <Button
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="60.0"
    android:background="@android:color/holo_red_light"
    android:text="Hello, I am button"
    />
  <View
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="20.0"
    android:background="@android:color/holo_green_dark"
    />
</LinearLayout>

编辑:这是更新的 XML，它具有嵌套的权重并且对性能来说很糟糕(请参阅评论)...建议使用 RelativeLayout 并以 dp 测量边距/填充居中，以在屏幕尺寸之间保持一致的外观。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="100dp"
  android:orientation="horizontal"
  android:background="@android:color/holo_blue_bright"
  android:weightSum="100.0"
  >
  <View
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="20.0"
    android:background="@android:color/holo_green_dark"
    />
  <LinearLayout
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="60.0"
    android:weightSum="99.9"
    >
    <Button
      android:layout_width="match_parent"
      android:layout_height="0dp"
      android:layout_weight="33.3"
      android:text="Hello, I am button1"
      android:background="@android:color/holo_red_light"
      />
    <Button
      android:layout_width="match_parent"
      android:layout_height="0dp"
      android:layout_weight="33.3"
      android:text="Hello, I am button2"
      android:background="@android:color/holo_red_light"
      />
    <Button
      android:layout_width="match_parent"
      android:layout_height="0dp"
      android:layout_weight="33.3"
      android:text="Hello, I am button3"
      android:background="@android:color/holo_red_light"
      />
  </LinearLayout>
  <View
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="20.0"
    android:background="@android:color/holo_green_dark"
    />
</LinearLayout>

关于android - 如何划分元素之间的空间？安卓，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27643151/