ConstraintLayout指南与视图一起扩展

时间:2018-03-14 20:04:11

标签: android android-layout android-constraintlayout

我得到了这个设置:

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true">

    <android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageView
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:adjustViewBounds="true"
            android:scaleType="centerCrop"
            app:layout_constraintBottom_toTopOf="@+id/guideline"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <android.support.constraint.Guideline
            android:id="@+id/guideline"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.35" />

        ...
    </android.support.constraint.ConstraintLayout>
</ScrollView>

现在,当视图未满且不需要滚动条时 - 一切都按预期工作 - 图像相对于屏幕大小为35%。但随着更多内容出现在图像下方,需要滚动条,并且指南的约束指导0.35%似乎是在屏幕的整个长度(非物理)上计算的,因此随着视图变得“更长”,ImageView也变得更大。 有没有办法避免这种情况,并且总是有x%的物理屏幕尺寸?

1 个答案:

答案 0 :(得分:1)

您指定的指南位于距ConstraintLayout顶部的百分比距离处。不幸的是,对于您的应用程序,指南与视图的整体高度相关,而不是屏幕的百分比。因此,如果ConstraintLayout高于分配给它的屏幕尺寸,您将看到转变。有关Guideline的信息,请参见documentation

  

可以通过三种不同的方式定位指南:

     
      
  • 指定布局左侧或顶部的固定距离(layout_constraintGuide_begin)
  •   
  • 指定布局右侧或底部的固定距离(layout_constraintGuide_end)
  •   
  • 指定布局宽度或高度的百分比(layout_constraintGuide_percent)
  •   

您可以根据dp指定布局顶部的静态偏移量,但这不适用于不同的屏幕尺寸。我不相信只有使用XML的解决方案。

但是,您可以计算代码中的像素数并在运行时设置距离。您需要将Guideline更改为距布局顶部固定距离的距离,计算距离顶部的距离,然后拨打setGuidelineBegin以放置指南。

  

<强> setGuidelineBegin

     

void setGuidelineBegin(int guidelineID,                   int margin)

     

从顶部或左边缘设置指南的距离。