ExtendedMauiControls 1.0.4

Extended MAUI Controls

Unlock the true potential of .NET MAUI development with ExtendedMauiControls, a powerful toolkit designed to extend simple controls and effortlessly create sophisticated, custom UI elements.

Built exclusively for .NET MAUI, our library seamlessly integrates with the cross-platform framework, enabling you to enhance your app's UI on iOS, Android, and Windows with a unified codebase.

Right now, the toolkit is quite new and not tested in Windows devices, so some controls or properties may be unusable for the time being.

Getting Started

First, in order to use ExtendedMauiControls you need to call in yout project's MauiProgram.cs the extension method of the dependent package CommunityToolkit.Maui and then call the extension method that initializes our toolkit.

public static MauiApp CreateMauiApp()
{
    var builder = MauiApp.CreateBuilder();

    // Initialize .NET MAUI Community Toolkit
    builder.UseMauiApp<App>().UseMauiCommunityToolkit();
    
    // Initialize Extended .NET MAUI Controls Toolkit
    builder.UseMauiApp<App>().UseExtendedMauiControls();
}

Available Extented Controls

ExtendedEntry

Bindable Properties:

• Text

Properties:

• Placeholder
• IsPassword
• HasClearButton
• PrefixIcon
• SuffixIcon
• PrimaryColor
• SecondaryColor

Important Notes

PrimaryColor and SecondaryColor are binded to the Primary and Secondary values respectively in your project's Colors.xaml, so if they are missing you need to add them as shown below:

<ResourceDictionary 
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">

    <Color x:Key="Primary">#512BD4</Color>
    <Color x:Key="Secondary">#DFD8F7</Color>
</ResourceDictionary>

If you wish to use different colors, you can simply override those values by using the PrimaryColor and SecondaryColor properties.

Usage

You can use the namespace below to use the tookit in xaml or C#

XAML

xmlns:emc="clr-namespace:ExtendedMauiControls.Controls;assembly=ExtendedMauiControls"

C#

using MauiExtendedControls.Controls;

Example

Below you can see a simple usage example on a sign-in view

<emc:ExtendedEntry Text="{Binding Username}"
                   Placeholder="Username"
                   PrefixIcon="Person"/>

<emc:ExtendedEntry Text="{Binding Password}" IsPassword="True"
                   Placeholder="Password"
                   PrefixIcon="Lock"/>

Notes

If you find the entry border in windows to be annoying, like I do, you can simply add the following code in your App.xaml file in your project's Platforms/Windows.

<maui:MauiWinUIApplication.Resources>
    <Thickness x:Key="TextControlBorderThemeThicknessFocused">0</Thickness>
</maui:MauiWinUIApplication.Resources>

This is a temporary solution until I find a nicer way to fix it for everyone!

Credits

Huge thanks to AathifMahir for his incredible work on creating MAUI Icons and making it easier to use Material Icons and many more in .NET MAUI.