Vues ConstraintLayout en haut à gauche

À chaque fois que je créer les vues comme Button et TextView dans ConstraintLayoutils ont tous coincés dans le coin supérieur, au lieu d'où je les ai placés.

J'ai essayé de créer de nouvelles activités et de changement de l'émulateur mais le résultat est toujours le même.

C'est une capture d'écran de ce qui se passe:

Vues ConstraintLayout en haut à gauche

Ce que peut être le problème?

source d'informationauteur hassanito hajj | 2017-03-04

  1. 25

    Comme indiqué dans Contrainte de repères de Mise en page:

    Si la vue n'a pas de contraintes lorsque vous exécutez votre disposition sur un appareil, il est établi à la position [0,0] (le coin en haut à gauche).

    Vous devez ajouter au moins une horizontale et une verticale contrainte pour la vue.

    Je suppose que vous n'avez pas appliqué les contraintes.

    Soit manuellement appliquer des contraintes à la vue, ou laissez-la mise en page de l'éditeur de le faire pour vous à l'aide de "en Déduire les contraintes" bouton:

    Vues ConstraintLayout en haut à gauche

  2. 4

    Lorsque vous déposez un point de vue dans la Mise en page de l'Éditeur, il reste à le quitter, même si elle n'a pas de contraintes... ce n'est que pour rendre le montage plus facile

    En d'autres termes, l'Affichage va "rester où vous laisser" jusqu'à ce que vous ajoutez des contraintes.

    La raison pour laquelle il est différent dans l'Aperçu vs votre application est parce que quelque chose dans votre XML avec tools: est va être retiré à partir du code lorsque votre application s'exécute. Ces options sont uniquement pour le Android Studio de mise en page de l'éditeur, n'est pas représentatif de ce que vous devriez vous attendre à voir quand le code s'exécute.

    Et il peut être difficile pour les débutants car

    manque une contrainte de ne pas provoquer une erreur de compilation

    Cependant

    la Mise en page de l'Éditeur indique manque de contraintes comme une erreur dans la barre d'outils. Pour afficher les erreurs et les avertissements d'autres, cliquez sur Afficher les alertes et les Erreurs (bouton rouge avec le numéro). Pour vous aider à éviter de manquer des contraintes, la Mise en page de l'Éditeur peut automatiquement ajouter des contraintes pour vous avec le Autoconnect et en déduire les contraintes caractéristiques

    Plus de détails

  3. 2

    Un moyen rapide, facile moyen de résoudre ce problème est de cliquer sur le composant (TextView, ImageView, etc.) et cliquez sur le déduire des contraintes bouton. Il ressemble comme 2 jaunes signes plus.

    en déduire les contraintes de l'image

  4. -1

    ajouter ceci dans le xml pour le bouton etc

    app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.57"

    puis de jouer avec elle dans la conception.

    Bonne chance! 🙂