webdevqa.jp.net

Android includeタグを使用してConstraintLayoutに他のレイアウトを追加します

ConstraintLayoutを使用して、テスト用の簡単なアプリをいくつか作成します。しかし、私にはいくつかの問題があります。

ここに私のコードがあります

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<layout 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.support.constraint.ConstraintLayout
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    tools:context="com.example.user.myapplication.activity.MainActivity">

    <Button
        Android:id="@+id/btn_launch"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_marginEnd="8dp"
        Android:layout_marginTop="16dp"
        Android:text="launch"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        Android:id="@+id/text_view"
        Android:layout_width="100dp"
        Android:layout_height="50dp"
        Android:layout_marginEnd="16dp"
        Android:layout_marginTop="16dp"
        Android:text="Hello World!"
        app:layout_constraintHorizontal_bias="1"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/btn_launch" />

    <include
        layout="@layout/content_main"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/text_view" />

</Android.support.constraint.ConstraintLayout>

content_main.xml

<?xml version="1.0" encoding="utf-8"?>
<layout 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.support.constraint.ConstraintLayout
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:orientation="vertical">

    <TextView
        Android:id="@+id/textView2"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_marginTop="8dp"
        Android:text="123456"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        Android:id="@+id/textView3"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_marginLeft="8dp"
        Android:layout_marginRight="8dp"
        Android:layout_marginTop="8dp"
        Android:text="98765"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView2" />

    <TextView
        Android:id="@+id/textView"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_marginLeft="8dp"
        Android:layout_marginRight="8dp"
        Android:layout_marginTop="8dp"
        Android:text="abc"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView3" />

</Android.support.constraint.ConstraintLayout>

コード結果

Problem

content_main」を「Hellow world!」の下に入れたいTextView。

content_main」要素でRelativeLayout、LinearLayout、ConstraintLayoutを使用しています。しかし、動作しません。

私は解決策を見つけます。しかし、ConstraintLayoutの使用方法を見つけました。

Android "include"タグはConstraintLayoutで機能しませんか?

32
BlueBright

Android includeタグはConstraintLayoutで機能しますが、次の属性で含めるレイアウトの大きさを宣言する必要があります。

<include
     layout="@layout/content_main"
     Android:layout_width="100dp"
     Android:layout_height="250dp"
     .../>

動的な高さを持つ組み込みレイアウトの場合、includeタグのwrap_contentまたはlayout_height属性の値としてlayout_widthを使用します。

<include
    Android:id="@+id/input_include"
    layout="@layout/task_input"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"/>

その後、制約が機能するはずです。

74
taurelas