felipebaltazar / xamarin.forms.neocontrols Goto Github PK

View Code? Open in Web Editor NEW

73.0 8.0 15.0 964 KB

Controls for Xamarin Forms based on neumorphism tendency

Home Page: https://github.com/felipebaltazar/NeomorphismSmartHomeApp

License: MIT License

C# 100.00%

neomorphism neomorphic xamarin xamarinforms controls customcontrol xamarin-forms xamarin-library xamarin-android plugin

xamarin.forms.neocontrols's Introduction

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

xamarin.forms.neocontrols's People

Contributors

Stargazers

Watchers

Forkers

shuheydev iemanuel pabloprogramador alexrojasb andrewbezerra bardasoft youtoofan ag-csharp mrclan sumit2668 cryptoferms rookiejava yply simix-brunowelausen felipexpi

xamarin.forms.neocontrols's Issues

[Spec] Override default BackgroundColor behavior

Overview

We need to provide a way to use neocontrol`s background color with gradients and keep contentview (root layout) transparent.

Actual behavior:

Expected behavior:

Suggestion:

Hide the inherited background-color

[Browsable(false)]
[Bindable(false)]
[DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)]
[EditorBrowsable(EditorBrowsableState.Never)]
[Obsolete("This BackgroundColor does not work on neocontrol", true)]
public new Color BackgroundColor { get; set; }

public static readonly new BindableProperty BackgroundColorProperty =
        BindableProperty.Create(nameof(BackgroundColor), typeof(Color), typeof(NeoView), Color.Transparent)

Provide one new BackgroundColor that can be used with multiple colors, like MagicGradients

Usage

<neo:NeoButton Background ="Color.Red" />

<neo:NeoButton >
    <neo:NeoButton.Background >
      <neo:LinearGradient Angle="45">
            <neo:GradientStop Color="Red" Offset="0" />
            <neo:GradientStop Color="Yellow" Offset="1" />
        </neo:LinearGradient>
    <neo:NeoButton.Background >
</neo:NeoButton >

MAUI port

Hey there!

Great job with this package, I wanted to know, are you planning on creating a .NET MAUI port of this package. it would be neat, wouldn't it? 😁

If you need some help to do it I might be able to give you some 😉

ChangeCanExecute via the Xamarin Form Command Interface

Hi there,

Firstly thanks so much for the library! Its really great!

However, converting from Syncfusion buttons to this, I am having issues with ChangeCanExecute... triggering this no longer calls the Func<object, bool> canExecute for the specific Command. I am using this to enable/disable the button as well as change the background colors.

[NeoButton]Animate twice when `toggle mode` button tapped.

Thanks for your great work, your NeoControls are beautiful! I love this one.

Look into NeoButton control, When I set ClickMode property as Toggle and tapped it, I found the tapped animation looks like occurred twice.

So I would like to propose like below.

         private static async Task PerformIsCheckedAnimationAsync(NeoButton neoButton)
         {
             await neoButton.AnimateClick(neoButton.ShadowDistance * -1);
             //await neoButton.AnimateClick(neoButton.ShadowDistance);
         }

Result :

Please consider about this if you like.

Thank you.

NeoControls playground

Overview

Provides a XamarinForms application with all NeoControl`s that we can change the properties at runtime

Like this (magic gradients):

felipebaltazar / xamarin.forms.neocontrols Goto Github PK

xamarin.forms.neocontrols's Introduction

Xamarin.Forms.NeoControls

FOR MAUI MIGRATION

Examples

Getting started

Property reference

Contributors

xamarin.forms.neocontrols's People

Contributors

Stargazers

Watchers

Forkers

xamarin.forms.neocontrols's Issues

Overview

Actual behavior:

Expected behavior:

Suggestion:

Usage

Overview

Recommend Projects

Recommend Topics

Recommend Org