Would need formatted text to know a maximum width even when not splitting or truncating, so the best way to make this happen would probably be to add an optional width param to Realign and throw if it's not passed when the text alignment is justified

Hello,

I'm using MLEM.Ui to make a personal game project, and so far it's been great, however I'm having a small issue with the viewport system interacting with the BoxingViewportAdapter from MonoGame.Extended. When my window resizes to a resolution that is not exactly 16:9 (which is my target aspect ratio using the BoxingViewportAdapter, which has it's virtual resolution set to 1280x720), I was initially updating the viewport of the system like so:

uiSystem.Viewport = ViewportAdapter.Viewport.Bounds;

However, this resulted in the UI being offset by (x, y) from the top left of the viewport, where the amount was equal to Viewport.Bounds.Location (image below), clipping the UI into the bottom of the screen, however at this stage the input handler was detecting hovering over the buttons at the correct locations (viewport indicated in red here, although it extends past the bottom of the clipped region).

To fix this visual offset, I have tried both setting the viewport's Location to (0, 0), and also creating a translation matrix applied to all top level elements (eg. Matrix translate = Matrix.CreateTranslation(-newVP.X, -newVP.Y, 0)). Both of these approaches do work, however this results in the input handling for the UI being offset incorrectly by the amount of the translation.

What is the correct way to implement this viewport adjustment without either compromising the input handler or the GUI's visual location?

Hi. I'm using MLEM in my upcoming remake of MultiMachineBuilder.
I'll want to make an inventory list, but there are no list controls.
Please add a scrollable list with customizable rendering and model types

This would make them be in line with normal sprite batch string rendering

Environment: MacOS Ventura / M1 (arm64)

Repro steps:

1. Build and Run the Demo. Note that it runs just fine.
2. In MlemGame.LoadContent(), modify the initialization of this.InputHandler to set the optional handleX parameters as follows:

this.InputHandler = new InputHandler(this, true, true, false, false); // everything true but handleTouch

3. Build and Run again. Note the following runtime error:

"/path/to/mlem/clone/MLEM/Demos.DesktopGL/bin/Debug/net7.0/MLEM Desktop Demos"
Unhandled exception. System.NullReferenceException: Object reference not set to an instance of an object.
   at MLEM.Ui.UiControls.Update() in /path/to/mlem/clone/MLEM/MLEM.Ui/UiControls.cs:line 226
   at MLEM.Ui.UiSystem.Update(GameTime time) in /path/to/mlem/clone/MLEM/MLEM.Ui/UiSystem.cs:line 274
   at Microsoft.Xna.Framework.Game.<>c.<.cctor>b__116_1(IUpdateable updateable, GameTime gameTime)
   at Microsoft.Xna.Framework.Game.SortingFilteringCollection`1.ForEachFilteredItem[TUserData](Action`2 action, TUserData userData)
   at Microsoft.Xna.Framework.Game.Update(GameTime gameTime)
   at MLEM.Startup.MlemGame.DoUpdate(GameTime gameTime) in /path/to/mlem/clone/MLEM/MLEM.Startup/MlemGame.cs:line 144
   at Demos.GameImpl.DoUpdate(GameTime gameTime) in /path/to/mlem/clone/MLEM/Demos/GameImpl.cs:line 117
   at MLEM.Startup.MlemGame.Update(GameTime gameTime) in /path/to/mlem/clone/MLEM/MLEM.Startup/MlemGame.cs:line 102
   at Microsoft.Xna.Framework.Game.DoUpdate(GameTime gameTime)
   at Microsoft.Xna.Framework.Game.Run(GameRunBehavior runBehavior)
   at Microsoft.Xna.Framework.Game.Run()
   at Demos.DesktopGL.Program.Main() in /path/to/mlem/clone/MLEM/Demos.DesktopGL/Program.cs:line 19

UiSystem.Draw throws

System.MissingMethodException: 'Method not found: 'Single FontStashSharp.SpriteFontBase.DrawText(Microsoft.Xna.Framework.Graphics.SpriteBatch, System.String, Microsoft.Xna.Framework.Vector2, Microsoft.Xna.Framework.Color, System.Nullable`1<Microsoft.Xna.Framework.Vector2>, Single, Microsoft.Xna.Framework.Vector2, Single, Single, Single, FontStashSharp.TextStyle, FontStashSharp.FontSystemEffect, Int32)'.'

What I did:

• Create a new Monogame 3.8.1 WindowsDX project
• Add the following nuget packages:
  • MLEM (6.2.0)
  • MLEM.UI (6.2.0)
  • MLEM.Extended (6.2.0)
  • FontStashSharp.MonoGame (1.3.6)
• Add a ttf font file
• Add the following code to LoadContent (mostly from https://mlem.ellpeck.de/articles/ui.html#adding-elements):

_fontSystem = new FontSystem();
_fontSystem.AddFont(File.ReadAllBytes(@"Content/Fonts/12-post-antiqua-roman-05554.ttf"));

var style = new UntexturedStyle(_spriteBatch)
{
    Font = new GenericStashFont(_fontSystem.GetFont(18))
};
MlemPlatform.Current = new MlemPlatform.DesktopGl<TextInputEventArgs>((w, c) => w.TextInput += c);
_uiSystem = new UiSystem(this, style);
var box = new Panel(Anchor.Center, new Vector2(100, 1), Vector2.Zero, setHeightBasedOnChildren: true);
box.AddChild(new Paragraph(Anchor.AutoLeft, 1, "This is some example text!"));
box.AddChild(new Button(Anchor.AutoCenter, new Vector2(0.5F, 20), "Okay")
{
    OnPressed = element => _uiSystem.Remove("InfoBox"),
    PositionOffset = new Vector2(0, 1)
});
_uiSystem.Add("InfoBox", box);

The following code to Update:

_uiSystem.Update(gameTime);

And the following to Draw:

_uiSystem.Draw(gameTime, _spriteBatch);

FontStashSharp seems to be working on its own, I can do .DrawText and it works.

Currently, the DrawCharacter function in Code has the following function signature:

bool DrawCharacter(GameTime time, SpriteBatch batch, char c, string cString, int indexInToken, ref Vector2 pos, GenericFont font, ref Color color, ref float scale, float depth)

I'm trying to implement a system which slowly reveals text over time, and since the token index provided as a parameter here (indexInToken) resets at the start of every new token, which can be caused by any number of other codes, there doesn't seem to be a way to discern what index within the entire scope that the Code applies to the character is at, and I need this information to determine whether enough time has passed to reveal this character or not.

For example; if I have the following text passed into the formatter:

<reveal 0.5>This is some text <u>that's being revealed!</u></reveal>

There doesn't seem to be a way for me to discern the first "T" character from "This" (real index 0) and the lowercase "t" from "that's" (real index 19) within the DrawCharacter function, as they both have a token index of 0, since the underline starts a new token. If the class had access to the raw index/index of the token that was being rendered at the time this would be fine, but I don't see any way to access that information.

Am I misjudging how the system works here? Is there a way for me to calculate the literal index of the character being drawn?
Apologies for the long issue.

Hi!

You have written that coder can use DisplayArea for mouse input handle.

I don't set size vector for image exactly, and have got this:

Red rectangle - DisplayArea
Blue rectangle - what I mean real DisplayArea.

So, if i try to check mouse events I can't see real image area. If I will use scaleToImage, it makes image too big, because asset is hi-res.

Similar to dragging a panel on a mobile device with your finger but using the mouse on say Linux or Windows.

It should outline all UI elements in a unique color (based on path or hash code?) and display their width and height in pixels (as well as potentially their anchor position) in the corner. This should use the default font and default font size from the UI style.

See this discussion on the MonoGame Discord:

This will run fine:
PaperBorderPatch = new NinePatch(new TextureRegion(UITextureAtlas, 128, 0, 64, 64), 16, NinePatchMode.Tile);
Where the region is 64x64

But when this is passed
PaperBorderPatch = new NinePatch(new TextureRegion(UITextureAtlas, 128, 0, 64, 32), 16, NinePatchMode.Tile);
Where the region is 64x32, MG freezes