我想添加一个 彩色矢量 图标 ExtendedFloatingActionButton 从 谷歌材料 但它的图标显示黑色背景。
在预览布局时,看起来还不错,但在手机上运行时,图标附近显示黑色背景。
<com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
android:id="@+id/floating_btn_take_test"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|center"
android:layout_marginBottom="@dimen/dimen_20dp"
android:text="@string/txt_take_test"
android:textColor="@color/primaryColor"
app:backgroundTint="@color/color_white"
app:elevation="@dimen/dimen_10dp"
app:icon="@drawable/ic_color_icon"
app:iconTintMode="add"
app:layout_anchorGravity="bottom|center"
app:rippleColor="@color/secondaryColor"
app:shapeAppearanceOverlay="@style/ShapeAppearance_Button" />
<style name="ShapeAppearance_Button" parent="ShapeAppearance.MaterialComponents.SmallComponent">
<item name="cornerFamily">rounded</item>
<item name="cornerSize">@dimen/dimen_10dp</item>
<item name="android:layout_marginBottom">@dimen/dimen_30dp</item>
</style>
如何去除图标附近的黑色背景?
如果我理解正确的话,你是想在FAB中添加一个具有不同颜色的图标?
当这样做时,请确保你添加 app:tint="@null"
.在你的情况下,xml应该是这样的。
<com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
android:id="@+id/floating_btn_take_test"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|center"
android:layout_marginBottom="@dimen/dimen_20dp"
android:text="@string/txt_take_test"
android:textColor="@color/primaryColor"
app:backgroundTint="@color/color_white"
app:elevation="@dimen/dimen_10dp"
app:icon="@drawable/ic_color_icon"
app:layout_anchorGravity="bottom|center"
app:rippleColor="@color/secondaryColor"
app:shapeAppearanceOverlay="@style/ShapeAppearance_Button"
app:tint="@null" />
<style name="ShapeAppearance_Button" parent="ShapeAppearance.MaterialComponents.SmallComponent">
<item name="cornerFamily">rounded</item>
<item name="cornerSize">@dimen/dimen_10dp</item>
<item name="android:layout_marginBottom">@dimen/dimen_30dp</item>
</style>
请尝试使用 app:tint
如下:-
<com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
style="@style/Widget.MaterialComponents.FloatingActionButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="16dp"
android:layout_marginBottom="16dp"
app:backgroundTint="@color/color_white"
app:tint="@null"
app:icon="@drawable/ic_color_icon"
/>
或
变化 app:backgroundTint="@null"