https://github.com/DevsDNA/GradientBoxView

An empowered Xamarin.Forms' BoxView with 2-color gradients.
https://github.com/DevsDNA/GradientBoxView

Last synced: about 2 months ago
JSON representation

An empowered Xamarin.Forms' BoxView with 2-color gradients.

• Host: GitHub
• URL: https://github.com/DevsDNA/GradientBoxView
• Owner: DevsDNA
• License: mit
• Created: 2017-12-07T12:25:42.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-01-11T11:32:20.000Z (over 6 years ago)
• Last Synced: 2024-06-29T14:03:44.213Z (3 months ago)
• Language: C#
• Homepage:
• Size: 860 KB
• Stars: 18
• Watchers: 5
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-xamarin-forms - GradientBoxView ★19

README

        
# GradientBoxView

An empowered Xamarin.Forms' BoxView with 2-color gradients. [![NuGet](https://img.shields.io/nuget/v/DevsDNA.GradientBoxView.svg?label=NuGet)](https://www.nuget.org/packages/DevsDNA.GradientBoxView)

(Inspired on [this Xamarin Forums thread](https://forums.xamarin.com/discussion/comment/240777/#Comment_240777).)

![Android & iOS](Screenshots/Screenshots.png)

## How to use it

Just three easy steps:

1. Add [DevsDNA.GradientBoxView](https://www.nuget.org/packages/DevsDNA.GradientBoxView) NuGet to both your PCL and platform projects;

2. In your XAML file, add the following namespace –usually at the `ContentPage` root element:

```xaml

xmlns:devsdna="clr-namespace:DevsDNA;assembly=DevsDNA.GradientBoxView"

```

3. Place beautiful gradients there where you want!

```xaml

```

(If you're looking for more complex gradients –more than 2 colors, for instance– [XFGloss](https://github.com/tbaggett/xfgloss) may fit your needs.)

*Pst!* Have a look to the [Examples](Examples/) folder to get some inspiration!