Xamarin.Forms.NeoControls

KO | EN

gitlite — search

#python #javascript #kotlin #react #typescript #api #ios #html #nodejs #library #swift5 #dotnet

Xamarin.Forms.NeoControls

★ 72 Open GitHub ↗

Controls for Xamarin Forms based on neumorphism tendency

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Xamarin.Forms.NeoControls

Controls for Xamarin Forms based on neumorphism tendency

[![NuGet](https://img.shields.io/nuget/v/Xamarin.Forms.NeoControls.svg)](https://www.nuget.org/packages/Xamarin.Forms.NeoControls/)

### FOR MAUI MIGRATION
https://github.com/felipebaltazar/Maui.NeoControls

## Examples

https://github.com/felipebaltazar/NeomorphismSmartHomeApp

![example](https://user-images.githubusercontent.com/19656249/80289178-62cdbc00-8713-11ea-9333-5e13ad8bc7fc.gif)

## 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

```xml
    <NeoButton Elevation=".25"
               CornerRadius="70,20,20,20"
               BackgroundColor="#e3edf7"/>
```

- You can also insert any view inside the neo controls

```xml
        <NeoButton BackgroundColor="#e3edf7">
            
            <StackLayout Orientation="Vertical">
                <Image Source="MyImage.png "/>
                <Label Text="My Button Label"/>
            </StackLayout>
            
        </NeoButton>
```

- Background with gradient

```xml
    <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](https://github.com/pabloprogramador) - Contributor

Xamarin.Forms.NeoControls

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README