FloatingActionButton与文本,而不是图像

我试图弄清楚如何从Android支持库中修改FloatingActionButton。 它可以与文字而不是图像一起使用吗?

像这样的一个:

在这里输入图像说明

我看到它扩展ImageButton,所以我认为不是。 我对吗?

一般而言,这在材料devise方面是否正确?

谢谢大家。

这是我find这个问题的简单解决方法。 针对Android 4+正常工作,针对Android 5+添加特定参数android:elevation以通过FloatingActionButton绘制TextView。

<FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|right"> <android.support.design.widget.FloatingActionButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@android:color/transparent" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:text="@android:string/ok" android:elevation="16dp" android:textColor="@android:color/white" android:textAppearance="?android:attr/textAppearanceMedium" /> </FrameLayout> 

将文本转换为位图并使用它。 它超级简单。

 fab.setImageBitmap(textAsBitmap("OK", 40, Color.WHITE)); 

//将文本转换为图像的方法

 public static Bitmap textAsBitmap(String text, float textSize, int textColor) { Paint paint = new Paint(ANTI_ALIAS_FLAG); paint.setTextSize(textSize); paint.setColor(textColor); paint.setTextAlign(Paint.Align.LEFT); float baseline = -paint.ascent(); // ascent() is negative int width = (int) (paint.measureText(text) + 0.0f); // round int height = (int) (baseline + paint.descent() + 0.0f); Bitmap image = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(image); canvas.drawText(text, 0, baseline, paint); return image; } 

您不能从支持库中为FloatingActionButton设置文本,但是您可以直接从android studio创build文本图像: File -> New -> Image Asset ,然后将其用于您的button。

材料devise方面 ; 他们没有提到使用FloatingActionButton文本,我没有看到任何理由这样做,因为你没有真正的文本空间。

FAB通常用在CoordinatorLayout 。 你可以使用这个:

 <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|end" android:layout_margin="@dimen/fab_margin" app:backgroundTint="@color/colorPrimary" /> <TextView android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="OK" android:elevation="6dp" android:textSize="18dp" android:textColor="#fff" app:layout_anchor="@id/fab" app:layout_anchorGravity="center"/> </android.support.design.widget.CoordinatorLayout> 

这是什么工作

 app:layout_anchor="@id/fab" app:layout_anchorGravity="center" 

结果:

结果

如果你正在为你的FAB使用一些layout_behavior ,你将不得不为TextView做一个类似的layout_behavior