android - ConstraintLayout とそのコンテンツのストレッチ

Question

フラグメントを (ConstraintLayout を使用して) 作成しました。これは次のように なります:お互いをカバーします。これを参照してください: 画像の問題 そのため、画像のサイズが変更されません... 自動サイズ変更を実現するための解決策はありますか?

ありがとう、ゾルタン

Answer 1

それぞれをImageViews独自の に配置しますConstraintLayout。のlayout_widthとlayout_heightは であるImageViews必要がありますwrap_content。親のlayout_widthandは、それぞれ and である必要があります。layout_heightConstraintViewsmatch_parentwrap_content

、、およびを使用して、左ConstraintViewを親の上部と開始点に固定し、右ConstraintViewを上部と終了点に固定します。layout_constraintTop_toTopOflayout_constraintStart_toStartOflayout_constraintEnd_toEndOf

また、左側にandをConstraintViews使用して親にマージンを追加します。そして権利のために。layout_marginToplayout_marginLeftlayout_marginToplayout_marginRight

次に、vertical Guidelineフラグメントの子として を作成します。に設定layout_constraintGuide_percentし0.5ます。idのを付け@+id/guidelineます。

左ConstraintView's layout_constraintRight_toLeftOfを@+id/guidelineに、右もConstraintView's layout_constraintLeft_toRightOfに設定@+id/guidelineします。

ImageViewsフラグメントがそれほど広くない場合、これによりサイズが縮小されます。

2 つの画像の間隔を最小限にしたい場合はlayout_marginRight、左ConstraintViewとlayout_marginLeft右に追加できますConstraintView。それぞれを に設定する2dpと、最小ギャップが になり4dpます。

レイアウト ファイルの例を次に示します。コンテナConstraintLayout's layout_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>