AppoMobi.Maui.DrawnUi.Demo Save

Draw everything with skia using C# and Xaml in .NET MAUI

Project README

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

Scroll, navigate and switch virtual views

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!

Open Source Agenda is not affiliated with "AppoMobi.Maui.DrawnUi.Demo" Project. README Source: taublast/DrawnUi.Maui.Demo
Stars
70
Open Issues
0
Last Commit
3 weeks ago
License
MIT

Open Source Agenda Badge

Open Source Agenda Rating