Awesome
Xamarin.Forms.NeoControls
Controls for Xamarin Forms based on neumorphism tendency
FOR MAUI MIGRATION
https://github.com/felipebaltazar/Maui.NeoControls
Examples
https://github.com/felipebaltazar/NeomorphismSmartHomeApp
Getting started
- Install the Xamarin.Forms.NeoControls package
Install-Package Xamarin.Forms.NeoControls -Version 1.1.0-pre
No Xaml namespace declaration is needed
- 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">
<GradientStop Color="Red" Offset="0" />
<GradientStop 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 |
Contributors
- Pablo Erick - Contributor