Hinzufügen von text zu Bild in der android-programmgesteuert

Ich soll einen Antrag stellen, genauso wie Startbildschirm von android.Ich bin dynamisch hinzufügen der Bilder zu den Reihen von tableLayout. Ich habe nur definiert, tableLayout in der xml-Datei und der restliche code ist in java. Ich habe Bilder erfolgreich, aber ich bin nicht immer jedem helfen, mit der Einstellung text, dass Bild (ich will text unter Bild) und Bild-eine spezielle Polsterung.Wie es zu tun?Vielen Dank im Voraus.

  • Ich schlage vor, Sie verwenden GridView.
InformationsquelleAutor dka72 | 2012-06-19
  1. 9

    Was können Sie stattdessen tun ist, um eine TextView im overlay, um eine Bildansicht mit einem RelativeLayout 🙂

    • Ja.Ich habe es jetzt.Ich es geschafft, fügen Sie FrameLayout in der Tabelle Zeilen und es funktionierte gut.Vielen Dank an alle.
    • Das sind die besten Optionen. Einfach, leicht und gute Leistung
    InformationsquelleAutor StErMi
  2. 30

    Verwenden Sie die folgende Funktion zum schreiben von Text auf Bilder:

    private BitmapDrawable writeTextOnDrawable(int drawableId, String text) {

    Bitmap bm = BitmapFactory.decodeResource(getResources(), drawableId)
            .copy(Bitmap.Config.ARGB_8888, true);

    Typeface tf = Typeface.create("Helvetica", Typeface.BOLD);

    Paint paint = new Paint();
    paint.setStyle(Style.FILL);
    paint.setColor(Color.WHITE);
    paint.setTypeface(tf);
    paint.setTextAlign(Align.CENTER);
    paint.setTextSize(convertToPixels(mContext, 11));

    Rect textRect = new Rect();
    paint.getTextBounds(text, 0, text.length(), textRect);

    Canvas canvas = new Canvas(bm);

    //If the text is bigger than the canvas , reduce the font size
    if(textRect.width() >= (canvas.getWidth() - 4))     //the padding on either sides is considered as 4, so as to appropriately fit in the text
        paint.setTextSize(convertToPixels(mContext, 7));        //Scaling needs to be used for different dpi's

    //Calculate the positions
    int xPos = (canvas.getWidth() / 2) - 2;     //-2 is for regulating the x position offset

    //"- ((paint.descent() + paint.ascent()) /2)" is the distance from the baseline to the center.
    int yPos = (int) ((canvas.getHeight() / 2) - ((paint.descent() + paint.ascent()) / 2)) ;  

    canvas.drawText(text, xPos, yPos, paint);

    return new BitmapDrawable(getResources(), bm);
}



public static int convertToPixels(Context context, int nDP)
{
    final float conversionScale = context.getResources().getDisplayMetrics().density;

    return (int) ((nDP * conversionScale) + 0.5f) ;

}
    • Wie fügen Sie ein Fett gedruckter text auf bitmap ? gibt es eine Optionen? plz guide me.
    • deine Methode funktioniert für mich, außer für die text-Größe. Ich hatte den text festlegen, Größe (x5) Ihren Wert lesbar in meinem drawable-Symbol. dies könnte durch die Umwandlung Maßstab für mein Gerät. danke!
    • was ich die mContext hier?
    • George ich oben genannten code in mein Projekt. Es arbeitete. Aber ein kleines problem ist, dass die Größe einer bitmap-Bild ist sehr groß, bis zu 4MB gespeichert wird auf SD-Karte, nachdem Sie diese Funktion verwenden. Aber ich muss bis zu 1 MB oder weniger als das. Werden Sie bitte guide mich für diese. Und vielen Dank für obigen code
    • immer NullPointerException bei Bitmap.copy-Methode. Bitte vorschlagen
    • hier ist KOTLIN-version von diesem code

    InformationsquelleAutor Arun George
  3. 2

    I m erfolgreich umgesetzt solches problem, das hinzufügen von text auf das Bild. Schauen Sie sich nur folgenden code. Zuerst nehmen Sie einen Blick als Relativ-layout in diesem layout nehmen Bildansicht nach, dass EditText und danach-Taste. Geben Sie jedem eine id. Schreiben Sie eine loadBitmapFromView-Funktion unten.

    public Bitmap loadBitmapFromView(View v) {
        Bitmap b = Bitmap.createBitmap(v.getWidth(), v.getHeight(), Config.ARGB_8888);
        Canvas c = new Canvas(b);
        v.layout(v.getLeft(), v.getTop(), v.getRight(), v.getBottom());
        v.draw(c);
        return b;
    }

    und klicken Sie auf die Taste.

                   Bitmap bitmap = loadBitmapFromView(relativeLayout);
                File dir = new File(Environment.getExternalStorageDirectory().getAbsolutePath(),         "folderName");
                if (!dir.exists())
                    dir.mkdirs();

                File file = new File(dir, "capture.jpg");
                try {
                    FileOutputStream fos = new FileOutputStream(file);
                    bitmap.compress(Bitmap.CompressFormat.JPEG, 100, fos);
                    imageView.setImageBitmap(bitmap);    
                } catch (Exception e) {
                    Log.e("ExpressionEditImageActivity", "Error, " + e);
                }

    Genießen...

    Weitere Referenz, siehe folgenden screenshot:
    Hinzufügen von text zu Bild in der android-programmgesteuert

    • vielen Dank für diese nette Lösung. helfen Sie bitte mit der code-Zeile ` Bitmap bitmap = loadBitmapFromView(relativeLayout), " ich bin nicht in der Lage, eine reference zu relativeLayout ... wenn ich ID von RelativeLayout es nicht akzeptieren. Können Sie bitte erklären, ein wenig. Dank
    • Übergeben Sie Ihre Eltern anzeigen, In meinem Fall, es ist relative layout.
    • naja.. ich m nicht in der Lage, diese sichtbar zu machen. könnten Sie bitte erklären, ein wenig mehr mit einigen Beispiel-code.. danke!
    • ok, Siehe aktualisierte Antwort mit screenshot.
    InformationsquelleAutor Ganesh Katikar
  4. 0

    Hier ist Kotlin version Arun ist Lösung:

    import org.jetbrains.anko.dip

fun Context.writeTextOnDrawable(drawableId: Int, text: String) =
        DrawableUtil.writeTextOnDrawableInternal(this, drawableId, text, 25, -2, 0)

object DrawableUtil {

    fun writeTextOnDrawableInternal(context: Context, drawableId: Int, text: String,
            textSizeDp: Int, horizontalOffset: Int, verticalOffset: Int): BitmapDrawable {

        val bm = BitmapFactory.decodeResource(context.resources, drawableId)
                .copy(Bitmap.Config.ARGB_8888, true)

        val tf = Typeface.create("Helvetica", Typeface.BOLD)

        val paint = Paint()
        paint.style = Paint.Style.FILL
        paint.color = Color.WHITE
        paint.typeface = tf
        paint.textAlign = Paint.Align.LEFT
        paint.textSize = context.dip(textSizeDp).toFloat()

        val textRect = Rect()
        paint.getTextBounds(text, 0, text.length, textRect)

        val canvas = Canvas(bm)

        //If the text is bigger than the canvas , reduce the font size
        if (textRect.width() >= canvas.getWidth() - 4)
            //the padding on either sides is considered as 4, so as to appropriately fit in the text
            paint.textSize = context.dip(12).toFloat()

        //Calculate the positions
        val xPos = canvas.width.toFloat()/2 + horizontalOffset  

        //"- ((paint.descent() + paint.ascent()) /2)" is the distance from the baseline to the center.
        val yPos = (canvas.height / 2 - (paint.descent() + paint.ascent()) / 2) + verticalOffset

        canvas.drawText(text, xPos, yPos, paint)

        return BitmapDrawable(context.resources, bm)
    }
}
    InformationsquelleAutor kosiara - Bartosz Kosarzycki
Schreibe einen Kommentar