OnScreenSizeMarkup

screenshot of OnScreenSizeMarkup

OnScreenSizeMarkup is a XAML markup extension for controlling UI elements (Views) based on the category a device's screen sizes fits in (Medium-sized devices, Large-sized devices, and etc).

Overview

This project is an announcement for the Maui Community Toolkit. It states that the project will be moved to the Maui Community Toolkit soon and will be published in the next release of the Toolkit. The project is called OnScreenSizeMarkup and it is a XAML markup extension for controlling UI elements based on the device screen size category.

Features

  • OnScreenSizeMarkup is compatible with Xamarin.Forms NuGet Stats and MAUI NuGet Stats.
  • It works similarly to other markup extensions like OnPlatform and OnIdiom.
  • There are six screen size categories: ExtraSmall, Small, Medium, Large, ExtraLarge, and DefaultSize.
  • The markup can be applied to various UI view elements, such as Labels, Grids, Buttons, ImageButtons, etc.
  • The markup can be used for properties like RowDefinitions and Paddings.
  • There is a DefaultFallbackHandler class that handles the categorization of screen sizes automatically.
  • There are Category Fallback Handlers that allow overriding and customizing the screen size categorization based on device model or screen measures.

Summary

The OnScreenSizeMarkup project is a XAML markup extension that allows controlling UI elements based on the device screen size category. It is compatible with Xamarin.Forms and MAUI. The project will be moved to the Maui Community Toolkit and will be published in the next release of the Toolkit. It provides an easy way to implement responsive design in your applications by allowing you to adjust UI views according to the screen sizes. The markup can be used for various properties and can be customized using Category Fallback Handlers.

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.