4

我有一个包含 a 及其子级的布局ScrollView：LinearLayout一个PercentRelativeLayout23.2.1，另一个LinearLayout在其下方，另一个PercentRelativeLayout在其后。在中间LinearLayout我有一个RecyclerView（LinearLayoutManager，垂直）。您可能会在下面看到一个示例。

在运行时，当我RecyclerView用数据填充时，它的大小会增加，因为我从一个空的开始。一旦它的高度改变到超过屏幕尺寸，具有百分比值作为其高度的汽车的上部图像（id = car）就完全从屏幕上消失了。当我上下滚动此屏幕时，我到达顶部和底部边缘并且看不到图像。

我还在此布局中的另一个位置有百分比值，它们定义marginTop. 这些边距也消失了。与宽度相关的百分比值工作正常。Java 代码不包含图像的可见性更改，也不调整边距。

我目前不确定此问题是否与支持库的特定版本有关，我在发布此库的同时构建此屏幕。另外，我在 Marshmallow 上看不到这个问题，只在 Lollipop 及以下版本上看到。我将不胜感激有关如何解决此问题的任何帮助。

<!-- a container for all views that should scroll -->
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <!-- the first block of views - they need percents -->
    <android.support.percent.PercentRelativeLayout
        android:id="@+id/carHolder"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageView
            android:id="@+id/car"
            android:layout_width="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:src="@drawable/car"
            app:layout_heightPercenet="25%"/>

        <ImageView
            android:id="@+id/sliderBg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/car"
            android:layout_centerHorizontal="true"
            android:src="@drawable/slider_bg"/>

    </android.support.percent.PercentRelativeLayout>

    <!-- a middle block of views, they don't need percents -->
     <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

         <android.support.v7.widget.RecyclerView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"/>

    </LinearLayout>

    <!-- another block of views, they need percents -->
    <android.support.percent.PercentRelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

        <!-- some other views --> 

    </android.support.percent.PercentRelativeLayout>

</LinearLayout>

更新

我在支持库 23.3.0 中也看到了这个问题，不仅在我填充 时RecyclerView，而且每次ScrollView超过屏幕高度时。

4

3 回答 3

2

不幸的是，百分比布局不适用于 M 之前的 ScrollView。原因是它们取决于在测量步骤中传递的大小提示。在 M 之前，大多数布局在发送未指定的度量规范时会提供大小提示 0。

您可以尝试通过创建自己的 ScrollView 子类并覆盖 measureChild 和 measureChildWithMargins（幸运的是两者都受到保护）来提供尺寸提示来解决此问题。来源-plus.google.com

您可以使用此 CustomScrollView 使 percentRelativeLayout 工作

public class CustomScrollView extends ScrollView {


public CustomScrollView(Context context) {
    super(context);
}

public CustomScrollView(Context context, AttributeSet attrs) {
    super(context, attrs);
}

public CustomScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
}

@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public CustomScrollView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
    super(context, attrs, defStyleAttr, defStyleRes);
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    int size = 0;
    int width = getMeasuredWidth();
    int height = getMeasuredHeight();

    if (width > height) {
        size = height;
    } else {
        size = width;
    }
    setMeasuredDimension(size, size);
}
}

来源是ScrollView 内的 PercentRelativeLayout

于 2016-04-27T10:18:12.723 回答
1

碰巧这个layout_aspectRatio参数在这里工作得很好，因为我也知道视图的宽度，所以我可以通过使用这个参数和基于百分比的宽度来达到首选高度。使用此解决方案，高度将取决于屏幕的宽度，这可能是不同尺寸的问题。

<ImageView
    android:id="@+id/car"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:src="@drawable/car"
    app:layout_aspectRatio="175%"
    app:layout_widthPercent="70%"/>

我会将此答案标记为临时解决方案，并接受任何其他有助于以正确方式解决问题的答案。

于 2016-04-26T13:27:56.167 回答
0

虽然这不是关于如何使用 解决问题的答案PercentRelativeLayout，但这是一个如何在布局中使用百分比的示例，以防万一您正在寻找。

<!-- a container for all views that should scroll -->
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <!-- the first block of views - they need percents -->
    <LinearLayout
        android:id="@+id/carHolder"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:weightSum="1">

        <ImageView
            android:id="@+id/car"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_weight="0.25"
            android:layout_gravity="center_horizontal"
            android:src="@drawable/car" />

        <ImageView
            android:id="@+id/sliderBg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:src="@drawable/slider_bg"/>

    </LinearLayout>

    <!-- a middle block of views, they don't need percents -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <android.support.v7.widget.RecyclerView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

    </LinearLayout>

    <!-- another block of views, they need percents -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:weightSum="1">

        <!-- some other views -->

    </LinearLayout>

</LinearLayout>

这里也有一个很好的解释！

LinearLayout weightSum 参考

于 2016-04-26T00:51:33.043 回答