Awesome Open Source
Awesome Open Source

Xamarin.Forms.NeoControls

Controls for Xamarin Forms based on neumorphism tendency

NuGet

Examples

https://awesomeopensource.com/project/felipebaltazar/NeomorphismSmartHomeApp

example

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


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
C Sharp (279,034
Hacktoberfest (35,366
Plugin (9,952
Hacktoberfest2020 (2,936
Xamarin (1,775
Xamarin Forms (1,251
Control (943
Xamarin Android (470
Xamarin Ios (330
Related Projects