FAB 按鈕在 android 工作室布局編輯器中未正確顯示可繪制

Question

我似乎無法讓 FAB 按鈕預覽正常工作。

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:contentDescription="@string/email_icon"
    app:srcCompat="@android:drawable/ic_dialog_email"/>

依賴項 - implementation 'com.google.android.material:material:1.2.1'

預習

我試圖將顯示的可繪制對象更改為普通矢量圖像，並將app:srcCompat更改為android:src但沒有運氣:(

我讀到這可能是 android 工作室中的一個錯誤——我安裝了 4.1.1 版本。

樣式/主題文件內容

<resources xmlns:tools="http://schemas.android.com/tools">

<!-- Base application theme. -->
<style name="Theme.Kotlin" parent="Theme.MaterialComponents.DayNight.DarkActionBar">

    <!-- Primary brand color. -->
    <item name="colorPrimary">@color/cyan</item>
    <item name="colorPrimaryVariant">@color/cyan_dark</item>
    <item name="colorOnPrimary">@color/white</item>

    <!-- Secondary brand color. -->
    <item name="colorSecondary">@color/green</item>
    <item name="colorSecondaryVariant">@color/green_dark</item>
    <item name="colorOnSecondary">@color/black</item>

    <!-- Status bar color. -->
    <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>

    <!-- Customize your theme here. -->

</style>

顏色文件內容

<resources>
    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>
    <color name="cyan">#006064</color>
    <color name="cyan_light">#428e92</color>
    <color name="cyan_dark">#00363a</color>
    <color name="green">#81c784</color>
    <color name="green_light">#b2fab4</color>
    <color name="green_dark">#519657</color>
</resources>

清單文件內容

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:roundIcon="@mipmap/ic_launcher_round"
    android:supportsRtl="true"
    android:theme="@style/Theme.Kotlin">

    <meta-data
        android:name="preloaded_fonts"
        android:resource="@array/preloaded_fonts" />

    <activity
        android:name=".MainActivity"
        android:label="@string/tip_time">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
</application>

Answer 1

將材質主題實現更改為'com.google.android.material:material:1.2.0-alpha02' 。 因為材料主題庫的新版本是錯誤的。 如果問題未解決，只需在 gradle 同步后重新啟動 Android Studio。