New Era of UI development

[wieslawsoltes]

📜 Preamble

Take advantage of features from revolutionary v11 version of Avalonia release.

📖 TL;DR - Too Long, Didn't Read

Make UI design leverage new composition renderer, advanced text rendering and layout, automated testing to be beautiful, fast and stable.

🌟 Specification, Scope, and Features

• Use new composition renderer for fluid a animations.
• Use advanced text rendering and layout.
• Use automated headless testing.
• Use control themes.

⚔️ Motivation

Current Wasabi animations, text rendering aren't using modern api, we need to adapt and be beautiful.

📜 Rationale

It makes user love the UI, it make feel them better, it makes UI a moving art form.

🌌 Backward Compatibility

Not problems here.

📚 Reference Implementation (optional)

Welcome to the New Era of App Development: Introducing Avalonia v11

Based on Fluent design principles.

🧑‍🏫 Team involvement

Lead: @wieslawsoltes UI team

💪 Subtasks

• [ ] Use new composition renderer for fluid a animations. @wieslawsoltes 🕐 3 weeks

  • Analyze all Animations from styles for migration to composition rendering
  • Implement animations using composition rendering
  • Implement animation for search bar using composition rendering
  • Implement implicit animations for list (if applicable)
  • Research and implement (if viable) connected animation for transitions

• [ ] Use advanced text rendering and layout @wieslawsoltes 🕐 3 weeks

  • Implement new text rendering (using inline) for about dialog
  • Implement new text rendering for legal docs

• [ ] Use automated headless testing @wieslawsoltes 🕐 5 weeks

  • Create headless unit testing infrastructure
  • Create initial unit tests for all custom Controls/* (depends on decoupling)
  • Create initial unit tests for all Views/* (depends on decoupling)
  • Implement verify (image and xaml tree) for custom Controls

• [ ] Use control themes. @wieslawsoltes 🕐 2 weeks

  • Migrate TagsBox control to control themes
  • Analyze all styles from Style/* directory and refactor the remaining styles as control themes

[molnard]

Noble Author,

Your Quest has been selected for further progress! The devil is in the details - so you need to elaborate and show your quest is not evil. We only embrace quests that are leading us to the light! To prove that you will need to add the following Sections to the Quest description above:

⚠️ Sections to add to the Quest descriptions

• Team involvement: [ui / code / integrations / marketing ] can be one or more.
• Subtasks. Try to break it down as much as possible. Think about teams and jobs that can be done in parallel. Phrase it like a Todo list with elements. If something is not clear yet do not forget to add a task - "research this or that"...

ℹ️ Tips

• Try to break down the task to Teams and then to Subtasks.
• Try to be as detailed as possible.
• Do your best to estimate or to get an estimation from the right ppl. If required you can arrange a meeting and invite team leaders or ppl you believe could be involved or have something to add.

🕐 Please make this the utmost importance - we do not have much time left!

[molnard]

Thank you for the plan! Awesome. However, you will have 14 weeks instead of 16. So either cut the last Subtask or you might be able to speed up.

[wieslawsoltes]

Thank you for the plan! Awesome. However, you will have 14 weeks instead of 16. So either cut the last Subtask or you might be able to speed up.

Updated

[Pule08]

estimated duration is ~13 weeks