Android Question How i can add border to text?

[Alhootti]

I want to add border around the text .
How I can do that?

 

[Alhootti]

Label1.text = "12345"
I want to make border with black colour around 12345

 

[mangojack]

Declare the Label as B4XView and set the Width to -2 (autosize depending on text)

adjusting label width according to text

Hello, I found out that via string utils i can mesaue the height but is there any way to set the label's width according to text's length ( for example if label is hello the width will be shorter but if its hello world than it will be longer ) TY

www.b4x.com

    Label1.Width = -2    'Can be done in Designer also ..
    Label1.Text = "12345"
    Label1.SetColorAndBorder(xui.Color_White, 2dip, xui.Color_Black, 0)

 

[Alhootti]

I mean border a round the text (1234) only not around the label

 

[Alhootti]

outline of the text

 

[mangojack]

The above code results in the following ...

If this is not the desired result , possibly this thread might help.

[B4X] [XUI] Accurate Text Measurement and Drawing

(It took me 7 years to get this one right.) XUI v1.60 includes a new method named B4XCanvas.MeasureText. This method accurately measures single line strings. It returns a B4XRect object with the width and height of the measured string. The Top field returns the highest point relative to...

www.b4x.com

 

[Sagenut]

I think he mean

having the text with a coloured border around every character.

 

[Alhootti]

I think he mean
View attachment 156865
having the text with a coloured border around every character.

Yes you are right

 

[mangojack]

I think he mean

Ahhhh... I think you are right ? , I missed the "Outline of the text" bit

@Alhootti .. please disregard all of my posts.

 

[mangojack]

Haven' go time to test it , but possibly download the correct / wanted font from a free font site and load it from assets using xui.CreateFont() maybe ?

 

[Sagenut]

Check this
https://www.b4x.com/android/forum/t...-outline-text-code-for-b4a.141342/post-895761

 

[Alhootti]

Thanks @Sagenut
there are Errors

 

[mangojack]

there are Errors

You should post your error messages as text ...


Upload your project as a .zip file.

Non B4XPages project : File Menu > Export as Zip

B4XPages project :

 

[Sagenut]

Thanks @Sagenut
there are Errors

You was missing to add the panel (pnlDraw) in your layout.

 

[Alhootti]

Thank you @Sagenut
it is working now
i want display text to Label1.text
how i can do that?

 

[TILogistic]

other simple.
You can move the outline wherever you want, the trick is in the x,y position.

DrawTextWithOutline("Hello, World!", 100, 100, xui.Color_White, xui.Color_Black, 48)

Sub DrawTextWithOutline(text As String, x As Float, y As Float, textColor As Int, outlineColor As Int, textSize As Float)
    Dim xFont As B4XFont = xui.CreateDefaultFont(textSize)
    xCanvas.DrawText(text, x - 1, y, xFont, outlineColor, "LEFT")
    xCanvas.DrawText(text, x + 1, y, xFont, outlineColor, "LEFT")
    xCanvas.DrawText(text, x, y - 1, xFont, outlineColor, "LEFT")
    xCanvas.DrawText(text, x, y + 1, xFont, outlineColor, "LEFT")
    xCanvas.DrawText(text, x, y, xFont, textColor, "LEFT")
    xCanvas.Invalidate
End Sub

 

[TILogistic]

other Thickness and color

DrawTextWithOutline("Hello, World!", 100, 100, 3, 0xB5FFFFFF, xui.Color_Yellow, 48)

Sub DrawTextWithOutline(text As String, x As Float, y As Float, Thickness As Int, textColor As Int, outlineColor As Int, textSize As Float)
    Dim xFont As B4XFont = xui.CreateDefaultFont(textSize)
    xCanvas.DrawText(text, x - Thickness, y, xFont, outlineColor, "LEFT")
    xCanvas.DrawText(text, x + Thickness, y, xFont, outlineColor, "LEFT")
    xCanvas.DrawText(text, x, y - Thickness, xFont, outlineColor, "LEFT")
    xCanvas.DrawText(text, x, y + Thickness, xFont, outlineColor, "LEFT")
    xCanvas.DrawText(text, x, y, xFont, textColor, "LEFT")
    xCanvas.Invalidate
End Sub

 

[Alhootti]

Thank you @TILogistic
im getting this eror

Unknown type: b4xmainpage
Are you missing a library reference?

What is the wrong?

 

[LucaMs]

A fast and "flexible" method:

https://www.1001fonts.com/digital-fonts.html

 

[TILogistic]

Thank you @TILogistic
im getting this eror

Unknown type: b4xmainpage
Are you missing a library reference?

What is the wrong?

see

[B4X] Using custom fonts on labels and canvases

Using custom fonts on labels and canvases. Demo code attached.

www.b4x.com