NeoControls.Maui
1.0.20
There is a newer version of this package available.
See the version list below for details.
See the version list below for details.
dotnet add package NeoControls.Maui --version 1.0.20
NuGet\Install-Package NeoControls.Maui -Version 1.0.20
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="NeoControls.Maui" Version="1.0.20" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add NeoControls.Maui --version 1.0.20
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: NeoControls.Maui, 1.0.20"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install NeoControls.Maui as a Cake Addin #addin nuget:?package=NeoControls.Maui&version=1.0.20 // Install NeoControls.Maui as a Cake Tool #tool nuget:?package=NeoControls.Maui&version=1.0.20
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
Maui.NeoControls
Controls for Maui based on neumorphism tendency
Examples
Getting started
- Install the NeoControls.Maui package
Install-Package NeoControls.Maui -Version 1.0.17
- Add UseNeoControls declaration to your MauiAppBuilder
public static class MauiProgram
{
public static MauiApp CreateMauiApp()
{
var builder = MauiApp.CreateBuilder();
builder
.UseMauiApp<App>()
.UseNeoControls()
.ConfigureFonts(fonts =>
{
fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
});
return builder.Build();
}
}
- Use the controls
<NeoButton Elevation=".25"
CornerRadius="70,20,20,20"
BackgroundColor="#e3edf7"/>
- You can also insert any view inside the neo controls
<NeoButton BackgroundColor="#e3edf7">
<StackLayout Orientation="Vertical">
<Image Source="MyImage.png "/>
<Label Text="My Button Label"/>
</StackLayout>
</NeoButton>
- Background with gradient
<NeoButton>
<NeoButton.BackgroundGradient>
<LinearGradient Angle="45">
<NeoGradientStop Color="Red" Offset="0" />
<NeoGradientStop Color="Yellow" Offset="1" />
</LinearGradient>
</NeoButton.BackgroundGradient>
<StackLayout Orientation="Vertical">
<Image Source="MyImage.png "/>
<Label Text="My Button Label"/>
</StackLayout>
</NeoButton>
Property reference
Property | What it does | Extra info |
---|---|---|
CornerRadius |
A CornerRadius object representing each individual corner's radius. |
Uses the CornerRadius struct allowing you to specify individual corners. |
Elevation |
Set this value to chenge element depth effect. | |
InnerView |
View that will be shown inside the neo control. | |
ShadowBlur |
Set this value to change shadow blur effect. | |
ShadowDistance |
Set this value to change shadow distance relative from control. | |
DarkShadowColor |
The Dark color that will be applied on draw the dark shadow. | This will be applied with Elevation property, as Alpha parameter. |
LightShadowColor |
The White color that will be applied on draw the light shadow. | |
BackgroundGradient |
Draw a gradient on background's control | When value != null, backgroundColor Property will be ignored |
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net7.0-android33.0 is compatible. net7.0-ios16.1 is compatible. net8.0-android was computed. net8.0-ios was computed. |
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.
-
net7.0-android33.0
- SkiaSharp.Views.Maui.Controls (>= 2.88.5)
-
net7.0-ios16.1
- SkiaSharp.Views.Maui.Controls (>= 2.88.5)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.