Android Question Why are EditText and Labels displayed differently?

vecino · Jun 30, 2021

Hello, several EditText and a Label that have the same height, font, size, etc. are displayed well in a Label and are displayed badly (cropped) in the EditText.
Both have a background to put rounded corners with this code.
How can I fix this?
Thanks.

B4X:

Sub Redondear ( iClrFondo As Int ) As ColorDrawable
    Dim cd As ColorDrawable
    Dim clrFondo As Int
    '
    If iClrFondo=0 Then
        clrFondo = globales.iColorCelesteMedio
    Else
        clrFondo = iClrFondo
    End If
    Dim const clrBorde As Int = globales.iColorCelesteOscuro
    '
    cd.Initialize2(clrFondo,16dip,1dip,clrBorde)
    '
    Return cd
End Sub

Mahares · Jun 30, 2021

vecino said:
How can I fix this?

When you are working with colorDrawable, you have to create a colorDrawable for each view. You cannot reuse the same. The recommended way is to use B4XView and SetColorAndBorder
for instance:

B4X:

Dim l as b4xView
l.SetColorAndBorder(xui.Color_Red, 7dip, xui.Color_Magenta, 10dip)

vecino · Jul 1, 2021

Hi, and how can I work with that B4XView as if it were an EditText? to give it focus, assign it an "InputType", etc.
Thanks.

agraham · Jul 1, 2021

vecino said:
how can I work with that B4XView as if it were an EditText?

Cast it back to an EditText using the new As psuedo-method
New feature - inline casting | Page 3 | B4X Programming Forum

Erel · Jul 1, 2021

Or cast it to B4XView:

B4X:

EditText1.As(B4XView).SetColorAndBorder(...)

Though I recommend to make B4XView the default type for most views and cast to the native type in the rare cases where it is needed.

vecino · Jul 1, 2021

It takes 100-hour days to keep up with everything new
Thanks, friends.

Erel · Jul 1, 2021

Note that it wasn't released yet. For now:

B4X:

Dim l as b4xView = EditText1
l.SetColorAndBorder(xui.Color_Red, 7dip, xui.Color_Magenta, 10dip)

vecino · Jul 1, 2021

Oh, thanks, no wonder it doesn't work for me

vecino · Jul 1, 2021

Erel said:
Note that it wasn't released yet. For now:

B4X:

Dim l as b4xView = EditText1 l.SetColorAndBorder(xui.Color_Red, 7dip, xui.Color_Magenta, 10dip)

I had not seen this message, thank you.

vecino · Jul 1, 2021

Hi, the color and border works fine, as with the previous method, but the text problem remains the same. It does not take advantage of the space there is, so I have to put a very small letter so that it is not cut.
However, the Label shows perfectly all the text.

I have used this code:

B4X:

PaintBackground2(False,edUnidades1)
PaintBackground2(False,edUnidades2)
PaintBackground2(False,edUnidades3)


Sub PaintBackground2( bFocused As Boolean, ed As EditText )
    Dim const clrFondoConFoco As Int = globales.iColorCelesteClaro
    Dim const clrFondoSinFoco As Int = globales.iColorCelesteMedio
    Dim const clrBorde        As Int = globales.iColorCelesteOscuro
    Dim clrFondo As Int
    '
    If bFocused Then
        clrFondo = clrFondoConFoco
    Else
        clrFondo = clrFondoSinFoco
    End If
    '
    Dim l As B4XView = ed
    l.SetColorAndBorder(clrFondo,1dip,clrBorde,16dip)
    '
End Sub

vecino · Jul 1, 2021

I just want to point out that the problem is not the color or the border, but the problem is the text that is cut off.
I have made several tests and apparently the problem occurs when the screen is smaller than 6" because on a 7" or larger tablet it looks fine, the text is not cut.
The above screenshots are of 5" and 6" smartphones.

Carlos Huerta · Jul 1, 2021

Hi there !.

I was in front of a similar problem when the user sets an special value for the scale of the font, in the accesibility menu on their smartphones. When I set a specific font size for my views, if the user got a higher value on their font scale, the font looks cropped.

Please take a look of this thread -> https://www.b4x.com/android/forum/threads/b4x-font-size-independent-of-os-settings.112570/ . This solution revolves on the use of the specific value of the user's font scale, and defines new font sizes for your views.

I hope you find the solution of your problem. Hang in there, you can do it!

vecino · Jul 1, 2021

Thanks friend, the only solution I have found is to increase the height of the EditText when the screen is less than 6".

I have tried the link you have indicated and it tells me that the font size is the same as the one I am trying.

What I find strange about all this is that apparently the EditText doesn't take advantage of the space, it has a lot of wasted space at the top and bottom, and only leaves a narrow space for the text.
I don't know why, but I suppose that it should have the same behavior as the labels, which do use all the space.
Thanks.

agraham · Jul 1, 2021

vecino said:
I don't know why

Probably different Padding values.

vecino · Jul 1, 2021

I don't know, the properties seem similar

agraham · Jul 1, 2021

Look at them with a bit of code. The Designer doesn't seem to show the default values but the default values are different. EditText for some reason has ridiculously large Padding values (IMHO) but Label Padding values are all 0 (I think).

Mahares · Jul 1, 2021

You have been getting a lot of suggestions on this. How about another one:
Sometimes it is much better if you comment or remove AutoScaleAll from the designer script. In some cases, it can skew views

vecino · Jul 1, 2021

agraham said:
... padding ...

I think you are right, I used this code:

B4X:

    If globales.iSizeScreenPulgadas<6 Then
        Dim aVistas() As View
        aVistas = Array As View(edCodArt,lbedDescripcionArt,lbedStockTotal,edUnidades1,edUnidades2,edUnidades3,edPrecio,edRegalo,edDcto1,edDcto2,edDcto3,edTotal)
        For Each v As View In aVistas
            If v Is EditText Then
                Dim v2 As EditText = v
                v2.Padding = Array As Int (0,0,0,0)
            End If
        Next
    End If

And the result is this:

Thank you!!!

agraham · Jul 1, 2021

vecino said:
I think you are right

<falsemodesty>? Of course I am (usually ) </falsemodesty> ?

agraham · Jul 1, 2021

vecino said:
I used this code

You can also set it in the Designer, just click the up or down arrow in the Padding box.

Android Question Why are EditText and Labels displayed differently?

Well-Known Member

Expert

Well-Known Member

Expert

B4X founder

Well-Known Member

B4X founder

Well-Known Member

Well-Known Member

Well-Known Member

Well-Known Member

Member

Well-Known Member

Expert

Well-Known Member

Expert

Expert

Well-Known Member

Expert

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency