android L'aperçu de la mise en page Studio est vide lorsque vous incluez la mise en page dans la vue de coordinateur

Question

Après avoir posté cette question, il ne donnait pas assez de détails, maintenant je suis arrivé au point où le problème se produit. donc je l'ai modifié ma question d'une manière spécifique ci-dessous

ÉDITÉ

Salut, j'ai essayé beaucoup de solutions possibles, mais la mise en page de prévisualisation ne donnant pas le rendu d'erreur.

Il donne l'erreur sur coordinatorLayout. Il affiche l'aperçu en fait pour la mise en page du coordonnateur, mais il ne montre rien quand j'inclure une autre mise en page en utilisant

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

dans le coordinatorview

J'ai essayé de nettoyer et construire des projets, j'ai essayé de changer le style de l'application à la celui ci-dessous

<style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar"> 
    <!-- Customize your theme here. --> 
    <item name="colorPrimary">@color/colorPrimary</item> 
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item> 
    <item name="colorAccent">@color/colorAccent</item> 
</style> 

J'ai changé l'api aperçu de 22 à d'autres

Mais rien ne fonctionne.

alors qu'il affiche un aperçu des autres mises en page, il ne le fait pas dans la mise en page incluse et dans la mise en page du coordinateur. quand je commente la ligne de balise include, alors elle affiche ce qu'elle contient.

SO QU'EST-CE QUE JE FAIS AVEC CETTE COORDINATORVIEW ET DISPOSITION INCLUS ??

Je ne sais pas !! J'ai android studio 1.5.1 et j'ai juste créer une activité vide au lieu de l'activité vide, puis il crée automatiquement ces dispositions. aucune idée pourquoi

voici les captures d'écran des deux mises en page.

ici sont les codes mise en page de contenu

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
app:layout_behavior="@string/appbar_scrolling_view_behavior" 
tools:context="com.example.algtek.magnetotest.MainActivity" 
tools:showIn="@layout/activity_main"> 

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Hello World!" /> 
</RelativeLayout> 

layout coordinateur

<?xml version="1.0" encoding="utf-8"?> 
<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="com.example.algtek.magnetotest.MainActivity"> 

<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:background="?attr/colorPrimary" 
     app:popupTheme="@style/AppTheme.PopupOverlay" /> 

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

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

<android.support.design.widget.FloatingActionButton 
    android:id="@+id/fab" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="bottom|end" 
    android:layout_margin="@dimen/fab_margin" 
    android:src="@android:drawable/ic_dialog_email" /> 

</android.support.design.widget.CoordinatorLayout> 

Answer 1

XML de mise en page d'activité semble OK. Le problème pourrait être dans la disposition content_main incluse. Ouvrez ça et voyez si ça se passe bien en premier. Publiez également le code XML pour cette mise en page ici. A-t-il des vues ajoutées? Ils devraient montrer. Si ce n'est pas le cas, essayez d'en ajouter et vérifiez ensuite si le rendu fonctionne pour la mise en page de l'activité.

Answer 2

J'ai rencontré le même bug dans Android Studio 2.1.1 et j'ai réussi à le résoudre en modifiant le contenu de include_view.

Je ne sais pas pourquoi, mais l'aperçu vide Provient de l'attribut:

app:layout_behavior="@string/appbar_scrolling_view_behavior" 

L'astuce est d'avoir cet attribut dans la mise en page principale et ont une mise en page inclus pour le contenu. De cette façon tout fonctionne comme prévu ...

Voici ce que vous devriez avoir.

mise en page d'activité:

<?xml version="1.0" encoding="utf-8"?> 
<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="com.example.algtek.magnetotest.MainActivity"> 

<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:background="?attr/colorPrimary" 
     app:popupTheme="@style/AppTheme.PopupOverlay" /> 

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

<android.support.v4.widget.NestedScrollView 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior"> 

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

</android.support.v4.widget.NestedScrollView> 

<android.support.design.widget.FloatingActionButton 
    android:id="@+id/fab" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="bottom|end" 
    android:layout_margin="@dimen/fab_margin" 
    android:src="@android:drawable/ic_dialog_email" /> 

</android.support.design.widget.CoordinatorLayout> 

content_main.xml:

<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin"> 

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Hello World!" /> 
</RelativeLayout> 

Ne pas oublier de retirer les outils: SHOWIN dans votre xml inclus. Il semble que l'aperçu soit brisé (probablement parce qu'il essaie de rendre l'application: layout_behavior).

J'ai pris la liberté d'ajouter un NestedScrollView en tant que parent du RelativeLayout afin que vous puissiez profiter de la CoordinatorLayout. Si vous ne voulez pas/avez besoin de NestedScrollView, remplacez-le par votre RelativeLayout et utilisez une balise de fusion comme parent de votre main_content.xml