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

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

Answer 1

我遇到了同樣的問題，點擊布局編輯器中的信息圖標后，我發現了原因：

將編輯器中的主題更改為AppCompat或其他繼承它的主題。 為我工作。

Answer 2

我的目標是 android sdk 28 並使用了implementation 'com.android.support:design:28.+' ，就在那時，我遇到了同樣的問題。 然后我嘗試了在許多帖子中找到的所有解決方案，但都沒有奏效，我什至手動添加了樣式項目，但它很煩人，所以我切換到implementation 'com.android.support:design:27.+'然后它工作正常。

Answer 3

就我而言，這是在更新我的一些依賴項的版本之后發生的。 我唯一要做的就是重新編譯我的項目。 在 Android Studio 的文件菜單中，Build >> Make Project... 或 Ctrl+F9。 在此之后，預覽恢復正常。

Answer 4

您沒有使用</android.support.design.widget.CoordinatorLayout>關閉您的CoordinatorLayout 。 此外，您可能希望使用ConstraintLayout使包含的布局顯示在AppBarLayout下方。

Answer 5

確保在您的 App 的 build.gradle 文件中，您有正確的實現聲明。 它已從舊的“編譯”語句更改為：

在 Android Studio 3 之前

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

在安卓工作室 3

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

Answer 6

在設計視圖中將應用程序主題更改為“App compat:dialog”。這對我有用。

Answer 7

您可以嘗試將 Styles.xml 的內容 - "Theme.AppCompat.Light.DarkActionBar"更改為"Base.Theme.AppCompat.Light.DarkActionBar"並重新構建應用程序。

如果這不起作用，請嘗試更改主題

更改主題圖像將主題更改為輕版本。 淺色主題選擇圖片

Answer 8

只需將您的 android studio 更新到 3.2.1

Answer 9

從 3.1.1 更新到 Android Studio 3.2.1 修復了與坐標布局預覽頁面灰色 android 屏幕僅顯示 (android...CoordinatorLayout) 相關的所有問題，並且屏幕上沒有顯示任何內容

安卓 3.2.1在這里

Answer 10

@MateusGondim 在他的回答中提到的信息窗口也建議您清理並重建項目。 我這樣做了，錯誤消失了，布局預覽又開始工作了。

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"

3. File -> Invalidate Caches/Restart - 它對我有用，希望它有幫助。

Answer 12

你可以做的事情

1. 刷新布局
2. 同步項目
3. 清潔項目
4. 重建項目
5. 添加依賴實現 'com.google.android.material:material:1.4.0'
6. 構建項目（推薦，大多數布局問題將通過這樣做解決）
7. Refractor -> 遷移到 Androidx。