拉伸ConstraintLayout及其內容

Question

我建了一個片段（與ConstraintLayout），它看起來像這樣： Fragment image 我想重新使用它，例如加載它（添加到fragmentManager）到活動的「片段持有人」，但如果該持有人太小，圖像將互相覆蓋。 看到這個： Image problem 因此，圖像不會調整大小...有沒有解決方案來實現自動調整大小？

感謝， 佐爾坦

Answer 1

將在自己的ConstraintLayout每個ImageViews的。 ImageViews的layout_width和layout_height應該是wrap_content。其母公司ConstraintViews的layout_width和layout_height應分別爲match_parent和wrap_content。

錨左ConstraintView到頂部，並開始父，右ConstraintView使用layout_constraintTop_toTopOf，layout_constraintStart_toStartOf，並且layout_constraintEnd_toEndOf頂部和結束。

同時使用layout_marginTop和layout_marginLeft爲左側添加頁邊距ConstraintViews; layout_marginTop和layout_marginRight的權利。

接下來，創建一個verticalGuideline作爲您的片段的孩子。將其layout_constraintGuide_percent設置爲0.5。給它@+id/guideline的id。

設置左ConstraintView'slayout_constraintRight_toLeftOf至@+id/guideline，右ConstraintView'slayout_constraintLeft_toRightOf到@+id/guideline爲好。

如果片段不是那麼寬，這應該縮小ImageViews的大小。

如果你希望這是兩個圖像之間的最小間隙，你可以添加layout_marginRight向左ConstraintView，並layout_marginLeft向右ConstraintView。將每個設置爲2dp將使最小差距爲4dp。

這裏是一個佈局文件示例。編輯容器ConstraintLayout'slayout_width看到它在行動：

<?xml version="1.0" encoding="utf-8"?> 
<android.support.constraint.ConstraintLayout 
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:id="@+id/activity_main" 
android:layout_width="match_parent" 
android:layout_height="match_parent"> 

<android.support.constraint.ConstraintLayout 
    android:layout_width="100dp" 
    android:layout_height="300dp" 
    app:layout_constraintTop_toTopOf="parent" 
    app:layout_constraintStart_toStartOf="parent" 
    android:background="#333333"> 

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

    <android.support.constraint.ConstraintLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     app:layout_constraintTop_toTopOf="parent" 
     app:layout_constraintStart_toStartOf="parent" 
     android:layout_marginTop="16dp" 
     android:layout_marginLeft="16dp" 
     app:layout_constraintRight_toLeftOf="@+id/guideline" 
     android:layout_marginRight="2dp" 
     android:background="#FF0000"> 

     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      app:layout_constraintTop_toTopOf="parent" 
      app:layout_constraintStart_toStartOf="parent" 
      app:srcCompat="@mipmap/ic_launcher" 
      tools:layout_editor_absoluteY="0dp" 
      tools:layout_editor_absoluteX="0dp"/> 
    </android.support.constraint.ConstraintLayout> 

    <android.support.constraint.ConstraintLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     app:layout_constraintTop_toTopOf="parent" 
     app:layout_constraintEnd_toEndOf="parent" 
     android:layout_marginTop="16dp" 
     android:layout_marginRight="16dp" 
     app:layout_constraintLeft_toRightOf="@+id/guideline" 
     android:layout_marginLeft="2dp" 
     android:background="#00FF00"> 


     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      app:layout_constraintTop_toTopOf="parent" 
      app:layout_constraintEnd_toEndOf="parent" 
      app:srcCompat="@mipmap/ic_launcher" 
      tools:layout_editor_absoluteY="0dp" 
      tools:layout_editor_absoluteX="0dp"/> 
    </android.support.constraint.ConstraintLayout> 
</android.support.constraint.ConstraintLayout>