Realtime UI Updates (Around 60 FPS)

[1wurmi]

Hello,

i am currently buildig a SimRacing tool and want to implement a bar where the user can see how much throttle he gives at the moment. I can't get it running fast enough to make it realtime. Maybe I am just using the wrong control which is currently a Border where I set the Height all the time.

Hope you guys have some ideas or can help me out with realtime updates in UI with Avalonia.
If you need further informations, feel free to ask!

Thank you!

[LaurentInSeattle]

I would create a custom control that handles its own rendering code.
You will need to avoid bindings and property changed stuff for best performance.
You may wish to look at this example:
https://github.com/AvaloniaUI/Avalonia/blob/master/samples/RenderDemo/Controls/LineBoundsDemoControl.cs

All that said, Avalonia, WPF, UNO, etc are all designed for UI stuff and not for real time rendering.

[1wurmi]

thanks for your answer.

I found a solution where I use Custom Behaviors or what its called, it seems like to work for now.
Just curios how I would render a List of items the best way. Updating every 10ms is not needed for that, but I think just setting the ObservableCollection onto a new ObservableCollection is the most inefficent way to do?

[maxkatz6]

The most efficient way to update collection, is to add items only when needed. This way Avalonia can do as little work as it can.
You also can throttle collection changes on your side, if you need.

That is unless you need to reset whole collection at once - in this case, yes, replacing new collection makes sense.

[1wurmi]

Alright, thank you.

I solved it by just telling my List to only update every 0.5 seconds instead of the 60 FPS and my algorithm looks for changes as well instead of setting the whole list again and again. Works perfectly now.