Android Question [Solved] Can we modify B4J outline text code for B4A ?

AnandGupta · Jun 22, 2022

There was a B4A post request to display text with outline.
I found one old thread with some code for B4J.

Draw text with outline

Use javafx canvas to draw text with outline. Better to use CanvasExt lib from @klaus but the working principle is the same. To make fancy text you can also use Graphiclib by @stevel05. Some libs released several years ago are gems. Dim jcv As JavaObject = Cv 'canvas Dim jgd As...

www.b4x.com

Can we modify it for B4A ?

klaus · Jun 22, 2022

Here you have a B4A routine using the ABExtDrawing library.
This library exposes the all the Canvas possibilities.
The Android documentation for Canvas and Paint.
The inspiration I found HERE.

B4X:

Sub Globals
    Private pnlDraw As Panel
    Private cvsDraw As Canvas
End Sub

Sub Activity_Create(FirstTime As Boolean)
    Activity.LoadLayout("Layout")
   
    cvsDraw.Initialize(pnlDraw)
   
    DrawTextOutlined(cvsDraw, "Test", 20dip, 100dip, 70, Colors.Red, 3dip, Colors.Blue)
End Sub

Private Sub DrawTextOutlined(cvs As Canvas, Text As String, x As Int, y As Int, TextSize As Float, TextColor As Int, StrokeWidth As Int, StrokeColor As Int)
    Private ExtDraw As ABExtDrawing
    Private ExtPaint1, ExtPaint2 As...

DonManfred · Jun 22, 2022

getGraphicsContext2D and javafx.scene.paint.Color does not exists in Android. I fear the answe is NO.

AnandGupta · Jun 22, 2022

DonManfred said:
getGraphicsContext2D and javafx.scene.paint.Color does not exists in Android. I fear the answe is NO.

That's because it is B4J code. Still I have hope as now we are in B4X age
May be some mix of canvas etc. will do. I do not have much experience on canvas but experts here have.

klaus · Jun 22, 2022

Here you have a B4A routine using the ABExtDrawing library.
This library exposes the all the Canvas possibilities.
The Android documentation for Canvas and Paint.
The inspiration I found HERE.

B4X:

Sub Globals
    Private pnlDraw As Panel
    Private cvsDraw As Canvas
End Sub

Sub Activity_Create(FirstTime As Boolean)
    Activity.LoadLayout("Layout")
   
    cvsDraw.Initialize(pnlDraw)
   
    DrawTextOutlined(cvsDraw, "Test", 20dip, 100dip, 70, Colors.Red, 3dip, Colors.Blue)
End Sub

Private Sub DrawTextOutlined(cvs As Canvas, Text As String, x As Int, y As Int, TextSize As Float, TextColor As Int, StrokeWidth As Int, StrokeColor As Int)
    Private ExtDraw As ABExtDrawing
    Private ExtPaint1, ExtPaint2 As ABPaint

    ExtPaint1.Initialize
    ExtPaint1.SetTextSize(TextSize * xui.Scale) ' in Android Canvas the text size is in pixels, therefore the multiplication by xui.Scale
    ExtPaint1.SetStyle(ExtPaint1.Style_STROKE)
    ExtPaint1.SetStrokeWidth(StrokeWidth * 2) ' multiplication by two the stroke is only outsides.
    ExtPaint1.SetColor(StrokeColor)
    ExtDraw.drawText(cvs, Text, x, y, ExtPaint1)

    ExtPaint2.Initialize
    ExtPaint2.SetTextSize(TextSize * xui.Scale)
    ExtPaint2.SetColor(TextColor)
    ExtDraw.drawText(cvs, Text, x, y, ExtPaint2)
End Sub

And the result:

AnandGupta · Jun 22, 2022

klaus said:
Here you have a B4A routine using the ABExtDrawing library.

Again our Humble Expert came to rescue us. Thanks a lot @klaus ?

kimstudio · Jun 22, 2022

Basically I found Android canvas is much more convienient than java, so generally all javafx can do then android can do, just my impression.

I made this generative arts by using ABExtDrawing showing some canvas effects here https://www.b4x.com/android/forum/threads/generative-art.129851/ which may need much more effort to convert to javafx.

Android Question [Solved] Can we modify B4J outline text code for B4A ?

AnandGupta

Expert

Draw text with outline

klaus

DonManfred

Expert

AnandGupta

Expert

klaus

Expert

AnandGupta

Expert

kimstudio

Active Member

Similar Threads

Android Question [Solved] Can we modify B4J outline text code for B4A ?

Expert

Expert

Expert

Expert

Expert

Active Member

Similar Threads

Privacy & Transparency

Privacy & Transparency