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