布局预览在Android Studio 3.0中显示带有协调器布局的空白屏幕

Question

这是布局设计代码,当我打开布局预览页面灰色android屏幕只显示(android ... CoordinatorLayout)并且没有显示在屏幕上.我怎么能解决这个问题,我想在布局预览屏幕中显示布局设计.

<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" />

Answer 1

我遇到了同样的问题,点击布局编辑器中的信息图标后,我发现了原因:

将编辑器中的主题更改为AppCompat继承它的另一个主题.为我工作.

Answer 2

您没有关闭您CoordinatorLayout的</android.support.design.widget.CoordinatorLayout>. 另外，您可能希望使用 aConstraintLayout使包含的布局显示在AppBarLayout.