Comment inclure la contrainte de mise en page à une autre contrainte de mise en page et de définir des contraintes entre chaque

Je suis en utilisant constraintLyout v 1.0.1.

Je voudrais inclure dans mon xml un sous ConstraintLayout correspondant à une partie de ma mise en page globale (qui lui-même est un ConstraintLayout). J'ai divisé la mise en page en deux xmls afin d'utiliser cette sous partie ailleurs

J'ai essayé ceci mais je n'ai pas de contrôle sur l'endroit où placer mes sous contrainte de mise en page dans le parent. Je me demande si je dois tout mettre dans le même fichier xml ou si leur est une solution pour utiliser des fichiers séparés.

tmp_1.xml

<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <TextView
        android:id="@+id/label"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="LABEL1"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_marginTop="16dp"
        />
    <TextView
        android:id="@+id/label_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="LABEL2"
        app:layout_constraintStart_toStartOf="@id/label"
        app:layout_constraintEnd_toEndOf="@id/label"
        app:layout_constraintTop_toBottomOf="@id/label"
        android:layout_marginTop="16dp"
        />

    <include layout="@layout/tmp_2" />
</android.support.constraint.ConstraintLayout>

tmp_2.xml

<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    >
    <TextView
        android:id="@+id/view_80"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="80th element"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_marginTop="10dp"
        android:layout_marginStart="12dp"
        />
</android.support.constraint.ConstraintLayout>

Le résultat est cette Résultat réel

Mais je le veux ce Résultat attendu

J'ai essayé ceci mais ça ne fonctionne pas 

<include 
    app:layout_constraintTop_toBottomOf="@id/label_2"
    layout="@layout/tmp_2" />

Je serais heureux d'avoir vos solutions,

Merci

InformationsquelleAutor Kélian | 2017-04-28
  1. 75

    Effectivement trouvé une solution.
    Android Studio n'a pas de saisie semi-automatique constraintLayout paramètres dans une balise include mais ils ont un impact sur elle aussi longtemps que vous donnez qui incluent une taille.

    <include
        layout="@layout/tmp_2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/label_2"
        />
    • vous ne pensez pas qu'il tue le but de créer une INTERFACE utilisateur sans imbriqués les mises en page, si on ajoute la contrainte de mise en page dans une autre contrainte de mise en page
    • Vous avez peut-être confondre. ConstraintLayout est aming à réduire imbriqués les mises en ne créant pas de toutes les mises en page sans imbriqués les mises en page. Inclure est aming à la réutilisation de mises en page et c'est ce que ConstraintLayout ne peut pas faire. Si contenant un include pouvez faire à votre disposition plus souple, vous pouvez le faire sans aucune hésitation.
    • Pour quelqu'un d'autre qui vient derrière moi, si ce n'est pas de travail, il pourrait être parce que vous avez imbriquée votre inclut dans un <merge /> tag. Quand j'ai enlevé que la gauche et la contrainte de mise en page à l'être parent, mise en page, j'ai été en mesure d'ajuster le positionnement et la taille
    • Aussi pour ma configuration, je ne pouvais pas utiliser wrap_content pour la hauteur, j'ai dû le donner explicitement la valeur de dp.
    • obtenir stackoverflow.com/questions/46045377/... erreur lors de la définition de l'id du tag
    • Cette solution a fonctionné pour une autre situation trop. Il semble que Android Studio attend lorsque vous spécifiez l'une des app:layout_constraint* paramètres, que vous devez également spécifier le android:layout_width et android:layout_height pour la <include>

    InformationsquelleAutor Kélian
  2. 20

    À inlude une contrainte de mise en page et de la contrainte en fonction de son besoin, on aura à donner la largeur et la hauteur à la mise en page comme ceci :

    <include
        android:id="@+id/shop_card_layout"
        layout="@layout/shop_card_one"
        android:layout_height="wrap_content"
        android:layout_width="300dp"
        android:layout_marginTop="8dp"
        app:layout_constraintStart_toStartOf="@id/heading_tv"
        app:layout_constraintTop_toBottomOf="@+id/heading_tv" />
    InformationsquelleAutor Dhruvam Sharma
  3. 1

    Vous pouvez éviter l' ConstraintLayout contraintes à l'comprennent point. Je viens de <include/> comme il est.

    MainActivity fichier de Mise en page:

    <?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:layout_width="match_parent"
    android:layout_height="match_parent">

    <include
        android:id="@+id/toolbarLayout"
        layout="@layout/layout_toolbar" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:text="CONTENTS"
        app:layout_constraintBottom_toBottomOf="@+id/footerLayout"
        app:layout_constraintEnd_toEndOf="@+id/footerLayout"
        app:layout_constraintStart_toStartOf="@+id/footerLayout"
        app:layout_constraintTop_toTopOf="@+id/footerLayout" />

    <include
        android:id="@+id/footerLayout"
        layout="@layout/layout_footer" />

</android.support.constraint.ConstraintLayout>

    De la barre d'outils de Mise en page du fichier:

    <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:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light">

        <TextView
            android:id="@+id/toolbarTitleTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="@string/hidden"
            android:textColor="@android:color/white"
            tools:layout_editor_absoluteX="192dp"
            tools:layout_editor_absoluteY="19dp" />

    </android.support.v7.widget.Toolbar>
</android.support.constraint.ConstraintLayout>
    • Ne pas inclure un créer une contrainte de mise en page à l'intérieur de la mère de contrainte de mise en page? Alors est-il un point à l'aide de la include puisque vous n'avez plus de contrainte de mise à plat de la hiérarchie
    • Par including une autre mise en page que vous pouvez réutiliser les inclus dispositions dans d'autres activities.
    • Donc, l'avantage est de pouvoir réutiliser une mise en page spécifique du fichier, mais l'inconvénient est que vous obtenez un gain de performance éventuellement imbriquées les mises en page. Ce droit?
    • Oui vous avez un problème de performance. Mais, je pense que j'ai trouvé la solution au problème. La solution pourrait être parentTag comme décrit ici (android.jlelse.ue/android-dev-pointe-5-55226527e780). Je vais le tester dès que j'ai le temps, ou vous pouvez le tester et de laisser savoir à la communauté.
    • À l'aide d'un parentTag semble être la bonne solution
    • le parentTag à outils est seulement pour ce que vous voyez dans l'onglet conception de Android Studio, il n'a aucun effet lors de l'exécution

    InformationsquelleAutor LiTTle
  4. 0

    D'inclure une contrainte de mise en page à l'autre contrainte de mise en page à utiliser un plus contrsaint la mise en page à chaque parent d'inclure la mise en... Comme ci-dessous:

    <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:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/new_landing_bg"
tools:context=".activity.DesignTestActivity">

<android.support.constraint.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginStart="16dp"
    android:layout_marginEnd="16dp"
    android:layout_marginBottom="8dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent">

    <include layout="@layout/common_footer_layout" />

</android.support.constraint.ConstraintLayout>

    c'est un travail sur mon xml de mise en page. Profitez de code.

    InformationsquelleAutor pravin