Android Question Monospace text problem

D

davemorris

Active Member
Licensed User
Longtime User
Hi, Guys

I can't get monospace working, the number widths are changing

I have a simple countdown timer showing minutes and seconds i.e. simple MM:SS format and so it looks like a standard clock the numbers all need to be the same width.

I am using a started Label view and setting its Text Property to MONOSPACE , Horizontal alignment = CENTER_HORIZONTAL.

However, as it counts down the MM:SS jumps about slightly as the number width changes. Its not a big deal but it does not look good..

Can anyone give me a few pointers what I am doing wrong.

Kind regards
Dave Morris
 
Sort by date Sort by votes

William Lancee

Well-Known Member
Licensed User
Longtime User
If you haven't set the alignment to "RIGHT', the default is center and when the number of characters goes from 5 to 4 the position shifts.
(Hint: caste the label to B4XView and use lblx.SetTextAlignment("CENTER", "RIGHT"))
 
Upvote 0

William Lancee

Well-Known Member
Licensed User
Longtime User
Otherwise it works fine for me with code below


B4X: 
Private Sub B4XPage_Created (Root1 As B4XView)
    Root = Root1
    Dim lbl As Label
    lbl.initialize("")   
    Dim lblx As B4XView = lbl
    lblx.Font = xui.CreateFont(Typeface.MONOSPACE, 25)
    lblx.SetColorAndBorder(xui.Color_White, 1dip, xui.Color_Black, 5dip)
    lblx.SetTextAlignment("CENTER", "RIGHT")

    Dim fw As Float = 500dip
    Dim fh As Float = 100dip
    Root.AddView(lblx, Root.Width / 2 - fw /2, Root.Height / 2 - fh / 2, fw, fh)
    
    For i = 0 To 10000
        Dim mins As Int = Rnd(0, 60)
        Dim secs As Int = Rnd(0, 60)
        lblx.Text = NumberFormat2(mins, 0, 0 ,0, False) & ":" & NumberFormat2(secs, 2, 0 ,0, False) & "             "               'note padding to right
        Sleep(1000)
    Next

End Sub
 
Upvote 0
D

davemorris

Active Member
Licensed User
Longtime User
Hi William

Thanks for your input.

However, I tend to prefer Designer for my forms and the MonoSpace is insert there - I did try Casting the label view to B4XView in the B4XPage_Created and switching fonts but could not get it to work.

However, my concern is the Monospace font - I assume it is all the same spacing (i.e. '1' is the same width as '8'), However the WYSIWYG Designer shows it as proportionally spaced.

Show I use another font or should I build the text on-the-fly as you have shown in your example.

Kind regards
Dave
 
Upvote 0

klaus

Expert
Licensed User
Longtime User
How and where does it jump ?
How do you setup the text in the Label ?
Can you post a small project showing the problem ?

I made a small test program and it looks OK for me.
 

Attachments

  • TestCountDown.zip
    9 KB · Views: 17
Last edited:
Upvote 0

William Lancee

Well-Known Member
Licensed User
Longtime User
It makes no difference whether you use the designer or code generated labels. They both work as expected (see @klaus example)

In designer you changed alignment to center. You have to change it to RIGHT,
otherwise single digit minutes will make the display jump. If you use designer you don't need to use the B4XView casting.

You said...
I am using a started Label view and setting its Text Property to MONOSPACE , Horizontal alignment = CENTER_HORIZONTAL.
Click to expand...
 
Last edited:
Upvote 0
D

davemorris

Active Member
Licensed User
Longtime User
Hi
I tried Klaus's code and the number still jumps about the centre point - (I did have to adjust the SDK version to 35 - if that makes a difference).

I did make a short video (MP4 format) but I cannot see how to insert it in the Post. I see William inserted a video, so there must be a way.

Regards
Dave
 
Upvote 0
You must log in or register to reply here.

Similar Threads

  • Question
Android Question BCTextEngine with Monospace letters. They don't have the same width!
2
Replies
20
Views
3K
vecino
  • Locked
  • Article
B4A Library [B4X] BCTextEngine / BBCodeView - Text engine + BBCode parser + Rich Text View
7 8 9
Replies
165
Views
109K
Erel
  • Question
Android Question TextSize of a monospaced label.
Replies
1
Views
1K
stevel05
  • Question
Android Question Monospace font on the Widget
Replies
1
Views
1K
peacemaker
  • Question
Android Question Typeface Monospace Style_Italic
2
Replies
25
Views
6K
Robert Valentino
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…