https://github.com/felipebaltazar/Xamarin.Forms.NeoControls

Controls for Xamarin Forms based on neumorphism tendency
https://github.com/felipebaltazar/Xamarin.Forms.NeoControls

controls customcontrol hacktoberfest hacktoberfest2020 neomorphic neomorphic-controls neomorphism neumorphic-design neumorphic-elements neumorphic-ui neumorphism neumorphism-tendency plugin xamarin xamarin-android xamarin-forms xamarin-ios xamarin-library xamarin-plugin xamarinforms

Last synced: 3 months ago
JSON representation

Controls for Xamarin Forms based on neumorphism tendency

• Host: GitHub
• URL: https://github.com/felipebaltazar/Xamarin.Forms.NeoControls
• Owner: felipebaltazar
• License: mit
• Created: 2020-04-25T17:08:28.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-01-28T20:34:44.000Z (9 months ago)
• Last Synced: 2024-05-14T00:54:39.142Z (6 months ago)
• Topics: controls, customcontrol, hacktoberfest, hacktoberfest2020, neomorphic, neomorphic-controls, neomorphism, neumorphic-design, neumorphic-elements, neumorphic-ui, neumorphism, neumorphism-tendency, plugin, xamarin, xamarin-android, xamarin-forms, xamarin-ios, xamarin-library, xamarin-plugin, xamarinforms
• Language: C#
• Homepage: https://github.com/felipebaltazar/NeomorphismSmartHomeApp
• Size: 941 KB
• Stars: 73
• Watchers: 8
• Forks: 15
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-xamarin-forms - Xamarin.Forms.NeoControls ★72

README

        
# 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

    

```

- You can also insert any view inside the neo controls

```xml

        

            

            

                

                

            

            

        

```

- Background with gradient

```xml

    

        

            

                

                

            

        

        

            

            

        

    

```

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