FloatingActionButton, resim yerine metin içeren

FloatingActionButton'ın android destek kitaplığından nasıl değiştirilebileceğini anlamaya çalışıyorum. Resim yerine metinle birlikte kullanılabilir mi?

Bunun gibi bir şey:

ImageButton'ı genişlettiğini görüyorum, bu yüzden sanmıyorum. Haklı mıyım

Bu genel olarak Materyal Tasarım açısından doğru mu?

API 28 ile, aşağıdakileri kullanarak Fab'lara metin ekleyebilirsiniz:

Ziyaret: https://material.io/develop/android/components/extended-floating-action-button/

 <com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_margin="8dp"
      android:contentDescription="@string/extended_fab_content_desc"
      android:text="@string/extended_fab_label"
      app:icon="@drawable/ic_plus_24px"
      app:layout_anchor="@id/app_bar"
      app:layout_anchorGravity="bottom|right|end"/>

Herkese teşekkürler.

İşte bu soru için bulduğum kolay bir çözüm. Android 4+ için düzgün çalışır, Android 5+ için FloatingActionButton üzerinden TextView çizmek için belirli bir parametre android: elevation eklenir.

<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>

bir metni bitmap'e dönüştürün ve kullanın. çok kolay.

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

//method to convert your text to image
public static Bitmap textAsBitmap(String text, float textSize, int textColor) {
    Paint paint = new Paint(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;
}

FAB'lar genellikle CoordinatorLayouts'de kullanılır . Bunu kullanabilirsiniz:

<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>

Bu iş ne yapıyor

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

Sonuç:

layout_behaviorFAB'niz için bazılarını kullanıyorsanız , benzerini FAB'niz için yapmanız gerekir layout_behavior.TextView

FloatingActionButtonDestek kitaplığından metin ayarlayamazsınız , ancak yapabileceğiniz şey, doğrudan android stüdyosundan bir metin görüntüsü oluşturmaktır:File -> New -> Image Asset ve ardından bunu düğmeniz için kullanmaktır.

Materyal Tasarımı açısından ; metin kullanmaktan bahsetmediler FloatingActionButtonve bir metin için gerçekten fazla yeriniz olmadığından bunu yapmak için herhangi bir neden görmüyorum.

Bir FAB'da metne ihtiyacım vardı, ancak bunun yerine dairesel bir çekilebilir arka plana sahip bir TextView ile gittim:

  <TextView
        android:layout_margin="10dp"
        android:layout_gravity="right"
        android:gravity="center"
        android:background="@drawable/circle_background"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#FFF"
        android:textStyle="bold"
        android:fontFamily="sans-serif"
        android:text="AuthId"
        android:textSize="15dp"
        android:elevation="10dp"/>

İşte çekilebilir (circle_backgroung.xml):

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

<solid
    android:color="#666666"/>

<size
    android:width="60dp"
    android:height="60dp"/>
</shape>

@NandanKumarSingh https://stackoverflow.com/a/39965170/5279156 cevabı çalışıyor, ancak kodda fab ile bazı değişiklikler yaptım (xml değil çünkü sınıf yöntemlerinde üzerine yazılacaklar)

fab.setTextBitmap("ANDROID", 100f, Color.WHITE)
fab.scaleType = ImageView.ScaleType.CENTER
fab.adjustViewBounds = false

Benzer işlevselliğe sahip sınıf setTextBitmapiçin bir uzantı nerede bulunur , ImageViewancak çok satırlı metni destekler

fun ImageView.setTextBitmap(text: String, textSize: Float, textColor: Int) {
    val paint = Paint(Paint.ANTI_ALIAS_FLAG)
    paint.textSize = textSize
    paint.color = textColor
    paint.textAlign = Paint.Align.LEFT
    val lines = text.split("\n")
    var maxWidth = 0
    for (line in lines) {
        val width = paint.measureText(line).toInt()
        if (width > maxWidth) {
            maxWidth = width
        }
    }
    val height = paint.descent() - paint.ascent()
    val bitmap = Bitmap.createBitmap(maxWidth, height.toInt() * lines.size, Bitmap.Config.ARGB_8888)
    val canvas = Canvas(bitmap)
    var y = - paint.ascent()
    for (line in lines) {
        canvas.drawText(line, 0f, y, paint)
        y += height
    }
    setImageBitmap(bitmap)
}

Aynı sonucu elde etmek için bir CardView kullandım

  <androidx.cardview.widget.CardView
            android:layout_width="@dimen/dp80"
            android:layout_height="@dimen/dp80"
            android:layout_gravity="center_horizontal"
            app:cardElevation="@dimen/dp8"
            android:layout_marginBottom="@dimen/dp16"
            android:layout_marginTop="@dimen/dp8"
            app:cardBackgroundColor="@color/colorWhite100"
            app:cardCornerRadius="@dimen/dp40">

            <TextView
                style="@style/TextAppearance.MaterialComponents.Headline4"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_gravity="center_horizontal"
                android:background="@drawable/shape_go_bg"
                android:text="GO"
                android:gravity="center"
                android:textColor="@color/colorWhite100" />
        </androidx.cardview.widget.CardView>

Yoldaşın yanıtında, 21'in altındaki Android API'sini desteklemek için çok küçük bir değişiklik app:elevation="0dp",FloatingActionButton

Bu başkalarına yardımcı olabilir!