MojoX : How to change the font?

[RatchetParticipant]

I simply want to change the font of a TextView at runtime. But it doesn’t work.

Monkey

#import "<std>" #import "<mojo>" #import "<mojox>" #Import "calibri.ttf" Using std.. Using mojo.. Using mojox.. Class TestApp Extends Window Method New() Super.New("TestApp", 640, 480, WindowFlags.Resizable) Local inputView := New TextView("Hello World!") ' CHANGING THE FONT inputView.Style.Font.Load("asset::calibri.ttf", 20) inputView.ValidateStyle() inputView.RequestRender() ContentView = inputView inputView.MakeKeyView() End End Function Main() New AppInstance New TestApp App.Run() End

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

#import "<std>" #import "<mojo>" #import "<mojox>"   #Import "calibri.ttf"   Using std.. Using mojo.. Using mojox..   Class TestApp Extends Window   Method New() Super.New("TestApp", 640, 480, WindowFlags.Resizable) Local inputView := New TextView("Hello World!")   ' CHANGING THE FONT inputView.Style.Font.Load("asset::calibri.ttf", 20) inputView.ValidateStyle() inputView.RequestRender() ContentView = inputView inputView.MakeKeyView() End End   Function Main()   New AppInstance New TestApp App.Run() End

[nerobotParticipant]

You didn’t assign loaded font, so it didn’t changed.

Correct way:

inputView.Style.Font = Font.Load("asset::calibri.ttf", 20)

[RatchetParticipant]

This loads the font but it’s messed up. Also the input caret is on the wrong position. Seems like the TextView has to be updated or something…

 

EDIT: Ok, InvalidateStyle does the trick.

Monkey

inputView.Style.Font = Font.Load("asset::calibri.ttf", 20) inputView.InvalidateStyle()

1 2	inputView.Style.Font = Font.Load("asset::calibri.ttf", 20) inputView.InvalidateStyle()

[nerobotParticipant]

You can use theme file to setup fonts and other views related stuff in json format, similar to css, look at assets/themes/ folder of you compiled app to see what theme file is, default.json.

But you need to create and set your own theme file based on that default given from mojox.

Your screen looks like there are two intersected labels.

[RatchetParticipant]

No, it’s really just the one TextView messed up the font. Solution in my post above.

Btw: I just want to change the font of one TextView to a very special font. So the theme file won’t work because it changes all of them

[nerobotParticipant]

Good.

Also note, that all your TextView now will have such font.

To separate them, use inputView.Style = inputView.Style.Copy().

[RatchetParticipant]

Great, thanks.

[Author]

Posts