Android - ScrollView和PercentRelativeLayout

Question

我将android.support.percent.PercentRelativeLayout与ScrollView结合起来有问题。以下xml文件

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/ScrollView01"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:fillViewport="true"
android:scrollbars="none">

<android.support.percent.PercentRelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:background="@color/white"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    >
    <ImageView
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        app:layout_widthPercent="50%"
        app:layout_heightPercent="50%"
        app:layout_marginTopPercent="5%"
        app:layout_marginLeftPercent="5%"
        android:src="@drawable/o"
        android:id="@+id/imageView3" />
    <ImageView
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        app:layout_widthPercent="50%"
        app:layout_heightPercent="50%"
        app:layout_marginTopPercent="30%"
        app:layout_marginLeftPercent="5%"
        android:src="@drawable/o"
        android:layout_below="@+id/imageView3"
        android:layout_alignStart="@+id/imageView3"
        android:layout_marginTop="151dp" />
</android.support.percent.PercentRelativeLayout>

打印出来

使用RelativeLayout它可以正常工作。 有谁知道问题出在哪里？谢谢！

编辑：如果我将ScrollView高度设置为1000dp它也可以正常工作，但我希望高度与元素一样高

Answer 1

  

我想学习如何使用宽度高度和边距的百分比选项，以便我可以像在html，css中一样使用它们。我希望以％为单位设置边距，而不是在宽度和高度的dp中设置边距。

相信你能以这种方式在Android中完成所有布局会让你陷入困境。如果您正在学习Android中的UI布局，那么第一步就是忘记有关HTML布局的所有知识。 HTML主要是关于文档。一个好的移动设备UI看起来不应该像文档。

让我们举一个非常简单的例子：一个按钮。假设您想在布局中放置一个按钮。它应该有多大？好吧，它应该足够大，以显示按钮的整个文本。它也不应该占用太多空间。

在设计布局时，必须记住，您不知道用户屏幕的大小。因此，如果您说“我想将按钮宽度设置为屏幕的20％”，则在某些设备上，您可能没有足够的空间来显示按钮的整个文本。在其他屏幕上，您可能会有一个带有令人尴尬空间的按钮，其中文本占用的实际按钮非常少。

至于边距，Google UI指南推荐16dp单位的网格间距。所以在手机上，典型的保证金将是16dp。在有更多空间的平板电脑上，48dp的保证金将更合适。使用百分比指定边距将在小型设备上创建打包布局，并在大型布局上创建浪费的空间。

您必须了解三个主要的尺寸概念：

1. 与密度无关的像素（dp）的绝对测量。这通常用于边距和填充。

2. match_parent。我希望我的组件占用父组件的整个宽度/高度。

3. wrap_content。我希望我的组件只占用它需要适当显示的宽度/高度，而不是更多。通常，这仅用于宽度或高度，但不能用于两者。大多数小部件大小调整算法要求至少一侧是“已知”大小，以确定其他维度需要多少空间。

只需使用这三种尺寸，您就可以进行大量的UI布局。按钮的最佳尺寸是多少？在手机上，在纵向模式下，android:width="match_parent"＆amp; android:height="wrap_content"。取整个手机的宽度，但将高度限制到足以显示所有按钮文字。完美。

当然，最终你会希望有一个并排的两个组件的布局。那你现在怎么办？这是使用LinearLayout并使用android:layout_weight属性说的好地方：我希望这两个组件具有相同的宽度（即屏幕宽度的50％）。

然后，您最终可能会尝试为平板电脑等大型设备进行更复杂的布局。这是PercentRelativeLayout最合适的地方。 PercentageRelativeLayout是一个专门的容器，用于处理一些棘手的布局。

如果你想要一个有两个垂直图像的布局和用于较小屏幕的滚动，这就是我要用的：

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="16dp"
        android:layout_marginRight="16dp"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/imageView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="16dp"
            android:src="@drawable/image1"
            android:adjustViewBounds="true" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/image2"
            android:adjustViewBounds="true" />
    </LinearLayout>
</ScrollView>

滚动容器中的两个图像与设备一样宽。

说到ImageView，有一个关于尺寸知识的技巧。 android:adjustViewBounds="true"表示：因为我的身高是“wrap_content”（即灵活的），所以请设置我的身高，使其保持纵横比与宽度。

我建议您浏览有关UI布局的Android教程，并查看示例项目以了解如何在Android中完成布局。

伙计，我明白了。当我第一次学习Android布局时，我很惊讶地看到没有标准的百分比型大小。但随着我在Android中做了越来越多的布局，我开始了解组件大小如何工作并且在它上面变得更好。然后我开始编写自定义组件，使用Android内置的功能实现自己的大小调整算法。

坚持下去，在你使用布局一段时间后，这一切都会有意义。