A nice focus view intro for your app focus a specific view on first time launch

by androidexample

VSpot

This library allows to show intro of your app or a specific view that you want to high-light when you add new features to app.

Installation

gradle:

Add it in your root build.gradle at the end of repositories:

allprojects {
	repositories {
		...
		maven { url 'https://jitpack.io' }
	}
}

Step 2. Add the dependency

  implementation 'com.github.TutorialsAndroid:VSpot:v2.1.19'

Sample usage in your activity:

 new VSpotView.Builder(this)
         .setTitle("Spoti Title Text")
         .setContentText("Spoti Description Text\n .....Spoti Description Text\n .....Spoti Description Text .....")
         .setGravity(VSpotView.Gravity.AUTO) //optional
         .setDismissType(VSpotView.DismissType.outSide) //optional - default dismissable by TargetView
         .setTargetView(view)
         .setContentTextSize(12)//optional
         .setTitleTextSize(14)//optional
         .build()
         .show();

Change type face

 new VSpotView.Builder(this)
            .setTitle("Spoti Title Text")
            .setContentText("Spoti Description Text\n .....Spoti Description Text\n .....Spoti Description Text .....")
            .setTargetView(view)
            .setContentTypeFace(Typeface)//optional
            .setTitleTypeFace(Typeface)//optional
            .build()
            .show();

Change title and Content text size

new VSpotView.Builder(this)
            .setTitle("Spoti Title Text")
            .setContentText("Spoti Description Text\n .....Spoti Description Text\n .....Spoti Description Text .....")
            .setTargetView(view)
            .setContentTextSize(12)//optional
            .setTitleTextSize(14)//optional
            .build()
            .show();

Change Gravity

new VSpotView.Builder(this)
         .setTitle("Spoti Title Text")
         .setContentText("Spoti Description Text\n .....Spoti Description Text\n .....Spoti Description Text .....")
         .setGravity(VSpotView.Gravity.CENTER)//optional
         .setTargetView(view) 
         .build()
         .show();

use Spannable for Content

 new VSpotView.Builder(this)
            .setTitle("Spoti Title Text")
            .setTargetView(view)
            .setContentSpan((Spannable) Html.fromHtml("<font color='red'>testing spannable</p>"))
            .build()
            .show();

Set Listener

  new VSpotView.Builder(MainActivity.this)
                  .setTitle("Spoti Title Text")
                  .setContentText("Spoti Description Text\n .....Spoti Description Text\n .....Spoti Description Text .....")
                  .setGravity(VSpotView.Gravity.CENTER)
                  .setTargetView(view1)
                  .setVSpotListener(new VSpotView.VSpotListener() {
                      @Override
                      public void onDismiss(View view) {
                         //TODO ...
                      }
                   })
                   .build()
                   .show();

DismissType Attribute

Type Description
outside Dismissing with click on outside of MessageView
anywhere Dismissing with click on anywhere
targetView Dismissing with click on targetView(targetView is assigned with setTargetView method)

GitHub