web-dev-qa-db-fra.com

Aperçu de la mise en page montrant un écran vide avec la mise en page du coordinateur dans Android Studio 3.0

C’est le code de conception lorsque j’ouvre la page d’aperçu de page gris avec un écran Android affichant uniquement (Android ... CoordinatorLayout) et aucun élément ne s'affiche à l’écran.Comment puis-je résoudre ce problème, je souhaite afficher le modèle de présentation dans l’écran de prévisualisation.

<Android.support.design.widget.CoordinatorLayout
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:fitsSystemWindows="true"
tools:context=".activity.AddDietActivity">

<Android.support.design.widget.AppBarLayout
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:theme="@style/AppTheme.AppBarOverlay">

    <Android.support.v7.widget.Toolbar
        Android:id="@+id/toolbar"
        Android:layout_width="match_parent"
        Android:layout_height="?attr/actionBarSize"
        Android:gravity="center"
        app:popupTheme="@style/AppTheme.PopupOverlay"
        Android:background="@drawable/menubar">

        <TextView
            Android:id="@+id/tv_title"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:layout_gravity="center"
            Android:textStyle="bold"
            Android:textSize="18dp"/>

        <TextView
            Android:id="@+id/submitBtn"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:layout_centerHorizontal="true"
            Android:layout_gravity="end"
            Android:layout_margin="10dp"
            Android:onClick="clickToAddDiet"
            Android:text="Save"
            Android:textSize="18sp"
            Android:textColor="#fff"/>
    </Android.support.v7.widget.Toolbar>

</Android.support.design.widget.AppBarLayout>

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

6
Abhijit Roy

J'avais le même problème et après avoir cliqué sur l'icône d'information dans l'éditeur de présentation, j'ai découvert pourquoi:

 enter image description here

Changez le thème dans l'éditeur en AppCompat ou un autre thème qui en hérite. Travaillé pour moi.

12
Mateus Gondim

Je visais Android sdk 28 et utilisais implementation 'com.Android.support:design:28.+' et c’est alors que j’ai fait face au même problème ..__ Et puis j’ai essayé toutes les solutions trouvées sur de nombreux posts mais aucune d’entre elles ne fonctionnait, j’ai même ajouté des éléments de style manuellement mais c’était fastidieux, alors je suis passé à implementation 'com.Android.support:design:27.+' et puis ça a bien fonctionné.

1
arnav

Remplacez le thème de l'application par «App compat: dialog» en mode Création. Cela a fonctionné pour moi.

0
Jigyasa Agarwal

Vous n'avez pas fermé votre CoordinatorLayout avec </Android.support.design.widget.CoordinatorLayout>. De plus, vous voudriez utiliser une ConstraintLayout pour que votre disposition incluse apparaisse sous votre AppBarLayout.

0
Benjamin

Il suffit de mettre à jour votre studio Android vers 3.2.1

0
Ali Ghafari

Vous pouvez essayer de modifier le contenu du fichier Styles.xml - "Theme.AppCompat.Light.DarkActionBar" à "Base.Theme.AppCompat.Light.DarkActionBar" et reconstruit l'application.

si cela ne fonctionne pas, essayez de changer de thème 

Changer l'image du thème Changer le thème en version allégée . Choisir l'image du thème

0
Vaibhav Moradiya

La fenêtre d’information mentionnée par @MateusGondim dans sa réponse suggère également que vous nettoyiez et reconstruisiez le projet. Je l'ai fait, l'erreur a disparu et l'aperçu de la présentation a recommencé à fonctionner.

0
Beer Me

La mise à jour vers Android Studio 3.2.1 à partir de la version 3.1.1 corrige tous les problèmes liés à la page d’aperçu de la présentation des coordonnées grise. Un écran Android affichant uniquement le statut (Android ... CoordinatorLayout) et aucune information ne s’affiche à l’écran.

Android 3.2.1 ici

0
d-feverx

Assurez-vous que le fichier build.gradle de votre application contient la déclaration d'implémentation appropriée. L'ancien énoncé de "compiler" a été remplacé par:

avant Android Studio 3

 compile 'com.Android.support:design:25.3.1'

dans Android Studio 3

implementation 'com.Android.support:design:26.1.0'
0
mrfilter