浮动操作按钮显示为灰色框

Question

我试图在屏幕的右下角放置一个FAB，使其漂浮在recyclerview的顶部。但是，FAB只是带有小部件路径的灰色框。

问题出在这里

这是我的XML实现：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/userpass_recyclerview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="vertical" />

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/generate_fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:layout_margin="16dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:clickable="true"
        android:focusable="true" />

</RelativeLayout>

依赖性：

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'androidx.appcompat:appcompat:1.0.2'
    implementation 'com.android.support:design:28.0.1'
    implementation 'com.google.android.material:material:1.1.0-alpha05'
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
    implementation 'androidx.recyclerview:recyclerview:1.0.0'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'androidx.test:runner:1.1.1'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.1.1'
}

Answer 1

尝试file>invalidate caches/restart。这就是我的一些小部件变成灰色的问题。

Answer 2

对不起，我没有看到图片

我使用这个图书馆

href=

版本号是1.0.0

您可以尝试清理项目缓存并重新构建。

Answer 3

您添加了错误的FloatingActionButton。 实现这一点并添加src属性。

<android.support.design.widget.FloatingActionButton
 android:id="@+id/generate_fab"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentBottom="true"
 android:layout_alignParentEnd="true"
 android:layout_alignParentRight="true"
 android:layout_marginBottom="16dp"
 android:layout_marginRight="16dp"
 android:clickable="true"
 android:focusable="true" 
 android:src="@drawable/ic_add_black_24dp"/>

Answer 4

尝试改用ExtendedFloatingActionBar，并将app:icon设置为FAB图标，不要添加任何文本，EFAB看起来就像FAB。如果您要将其放在底部动作栏中，我只是不知道如何将其放入FAB中。

Answer 5

使缓存无效，然后重新启动，如果它仍未在布局文件中正确显示，请运行该应用程序。一旦运行，它将正确显示在布局文件/预览中。