Awesome

Xamarin ShowcaseView

Installation

Simply install the NuGet package into your Xamarin.Android application and use as below.

This library now supports AndroidX libraries rather than v7 support libraries so it may ask you to install these dependencies in order to carry on using this control.

Package Manager:

Install-Package Xama.JTPorts.ShowcaseView -Version 1.0.1

.NET CLI:

dotnet add package Xama.JTPorts.ShowcaseView --version 1.0.1

Namespace: Xama.JTPorts.ShowcaseView

Xamarin.Android Native showcase view. An easy-to-use customizable show case view with circular reveal animation, ported from FancyShowCaseView by Faruk Toptaş

This is a ported build, converted from Java to C# for use with the Xamarin MonoFramework. There are only a couple of new additions from the original library currently.

Features

Ported Functionality

Circular reveal animation (API Level 21+).
Custom Background colors with opaque variances.
Circle and Rounded Rectangle focus shapes.
Custom title styles and position.
Custom view inflation.
Custom enter/exit animations.
Chaining multiple Showcase view instances.
Showing only one time.

Additional Functionality

Auto move-on for showcase queues.
Auto dismiss for showcases.

Customary sample GIF

!gif

<br>

Basic usage

          ShowCaseView showcase = new ShowCaseView.Builder()
                .Context(this)
                .CloseOnTouch(true)
                .FocusOn(ControlToFocusOn)
                .BackgroundColor(Color.DarkRed)
                .FocusBorderColor(Color.White)
                .FocusBorderSize(15)
                .Title("Showcase text")
                .FocusCircleRadiusFactor(1.5)
                .Build();
                
           showcase.Show();

Contribution

More than happy for people to raise issues, or submit pull requests on adjustments, optimisations or improvements to the existing port. It's been migrated over to AndroidX support libraries so there's room to improve the ways the UI animations are created potentially.

Support 💎

If you want to support the work that I do and you find any of these libraries useful? Consider supporting it by joining stargazers for this repository. :telescope: :stars:

<br/>

or alternatively if you want to you can also buy me a coffee.

<a href="https://www.buymeacoffee.com/JTT" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-red.png" alt="Buy Me A Coffee" tyle="height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;" ></a>

You know, only if you want to.