DrawnUI For .NET MAUI Demo
Demo of a rendering engine to draw your UI on a Skia canvas, with gestures and animations, designed to draw pixel-perfect custom controls instead of using native ones.
Supports iOS, MacCatalyst, Android, Windows.
- To use inside a usual Maui app, consume drawn controls here and there inside
Canvas
views.
- Create a totally drawn app with just one
Canvas
as root view, SkiaShell
is provided for navigation.
- Drawn controls are totally virtual, these are commands for the engine on what and how to draw on a skia canvas.
- Free to use under the MIT license, a nuget package is available.
What's New
Using SkiaSharp3 preview nuget with new features. Full change log here.
Screenshots
Draw your recycled cells on a canvas
https://github.com/taublast/AppoMobi.Maui.DrawnUi.Demo/assets/25801194/f562e126-1586-4a4f-a08c-fb6437c0df27
https://github.com/taublast/AppoMobi.Maui.DrawnUi.Demo/assets/25801194/e86200de-16ba-4e24-a7f5-ec7ba944a9a9
Create your drawn controls
https://github.com/taublast/AppoMobi.Maui.DrawnUi.Demo/assets/25801194/2182de51-929e-47f6-a560-e9d97ad16e52
Draw rich and tappable text
https://github.com/taublast/AppoMobi.Maui.DrawnUi.Demo/assets/25801194/a2efa080-f234-4d04-a7f5-aab8af462fb2
Play with the Canvas
https://github.com/taublast/AppoMobi.Maui.DrawnUi.Demo/assets/25801194/00e9c876-c529-40d2-b67d-6bbc39794109
https://github.com/taublast/AppoMobi.Maui.DrawnUi.SpaceShooter
Features
-
Draw your UI using SkiaSharp with hardware acceleration
-
Easily create your controls and animations
-
Design in Xaml or code-behind
-
2D and 3D Transforms
-
Animations and transforms targeting max fps
-
Gestures support for panning, scrolling and zooming (rotation on the roadmap)
-
Caching system for elements and images
-
Optimized for performance, rendering only visible elements, recycling templates etc
-
Navigate on canvas using MAUI familiar Shell techniques
Engine repo
https://github.com/taublast/DrawnUi.Maui
Please star ⭐ if you like it helps very much!