ConstraintLayout und dessen Inhalt Dehnen

Question

ich ein Fragment gebaut (mit ConstraintLayout), die wie folgt aussieht: Fragment image Ich würde es wieder verwenden möge, zum Beispiel es (zu fragmentManager hinzufügen) laden zu einer „Fragment Halter“ Aktivitäten, aber Wenn dieser Halter zu klein ist, werden die Bilder einander abdecken. Siehe auch: Image problem Also werden die Bilder nicht skalieren ... Gibt es eine Lösung, um die automatische Größenanpassung zu erreichen?

Danke, Zoltan

Answer 1

Platz jedes Ihrer ImageViews in ihrem eigenen ConstraintLayout. Die layout_width und layout_height der ImageViews sollten wrap_content sein. Die layout_width und layout_height ihres Elternteils ConstraintViews sollten bzw. wrap_content sein.

Anker links ConstraintView nach oben und Beginn der Eltern und das Recht ConstraintView an die Spitze und Ende mit layout_constraintTop_toTopOf, layout_constraintStart_toStartOf und layout_constraintEnd_toEndOf.

Fügen Sie auch die Ränder zum übergeordneten ConstraintViews mit layout_marginTop und layout_marginLeft für die linke; layout_marginTop und layout_marginRight für das Recht.

Als nächstes erstellen Sie eine verticalGuideline als Kind Ihres Fragments. Stellen Sie layout_constraintGuide_percent auf 0.5 ein. Geben Sie ihm eine id von @+id/guideline.

Stellen Sie den linken ConstraintView'slayout_constraintRight_toLeftOf zu @+id/guideline und das Recht ConstraintView'slayout_constraintLeft_toRightOf-@+id/guideline auch.

Dies sollte die ImageViews Größen nach unten skalieren, wenn das Fragment nicht so breit ist.

Wenn Sie es möchten, ein Mindestabstand zwischen den beiden Bildern sein, können Sie layout_marginRight nach links ConstraintView hinzufügen und layout_marginLeft nach rechts ConstraintView. Die Einstellung auf 2dp würde eine minimale Lücke von 4dp ergeben.

Hier ist eine Beispiel-Layout-Datei. Bearbeiten Sie den Behälter ConstraintLayout'slayout_width, um zu sehen, sie in Aktion:

<?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>