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

我的目标是android sdk 28，并使用implementation 'com.android.support:design:28.+'，然后我遇到了同样的问题。然后，我尝试了在许多帖子上找到的所有解决方案，但没有一个起作用，我什至手动添加了样式项，但是这很累人，所以我改用implementation 'com.android.support:design:27.+'，然后它可以正常工作。

Answer 3

您没有使用CoordinatorLayout关闭</android.support.design.widget.CoordinatorLayout>。此外，您还希望使用ConstraintLayout将所包含的布局显示在AppBarLayout下方。

Answer 4

确保在App的build.gradle文件中，您有正确的实现声明。它已经从旧的声明变为＆＃34;编译＆＃34;到：

Android Studio 3之前的

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

Android Studio 3中的

implementation 'com.android.support:design:26.1.0'

Answer 5

在设计视图中将应用程序主题更改为“ App compat：dialog”。这对我有用。

Answer 6

您可以尝试更改Styles.xml的内容 -"Theme.AppCompat.Light.DarkActionBar"至"Base.Theme.AppCompat.Light.DarkActionBar" 并重新构建该应用。

如果这不起作用，请尝试更改主题

Change the theme image 将主题更改为浅色版本。 Light theme selection image

Answer 7

只需将您的android studio更新到3.2.1

Answer 8

从3.1.1更新到Android Studio 3.2.1修复了所有与坐标布局预览页面灰色android屏幕相关的问题，仅显示（android ... CoordinatorLayout）且屏幕上不显示任何内容

Android 3.2.1 here

Answer 9

@MateusGondim在回答中提到的信息窗口还建议您清理并重建项目。我这样做了，错误消失了，布局预览再次开始工作。

Answer 10

就我而言，这是在更新某些依赖项的版本后发生的。我唯一要做的就是重新编译我的项目。在Android Studio的文件菜单中，选择Build >> Make Project ...或Ctrl + F9。此后，预览恢复正常。

Answer 11

这解决了我关于 Android预览屏幕显示android…coordinatorlayout

的问题

1。检查应用程序gradle构建文件中的依赖项，以了解是否可能重复实现“ com.android.support:design:28.0.0"（不应重复）。

2。转到您的 res文件夹-> 值-> 样式，然后更改您的应用主题 "Theme.AppCompat.Light.DarkActionBar"至"Base.Theme.AppCompat.Light.DarkActionBar"

文件->使缓存无效/重新启动- 它对我有用，希望能有所帮助。

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

11 个答案: