Search in sources :

Example 1 with TapTargetSequence

use of com.getkeepsafe.taptargetview.TapTargetSequence in project TapTargetView by KeepSafe.

the class MainActivity method onCreate.

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    final Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    toolbar.inflateMenu(R.menu.menu_main);
    toolbar.setNavigationIcon(ContextCompat.getDrawable(this, R.drawable.ic_arrow_back_white_24dp));
    // We load a drawable and create a location to show a tap target here
    // We need the display to get the width and height at this point in time
    final Display display = getWindowManager().getDefaultDisplay();
    // Load our little droid guy
    final Drawable droid = ContextCompat.getDrawable(this, R.drawable.ic_android_black_24dp);
    // Tell our droid buddy where we want him to appear
    final Rect droidTarget = new Rect(0, 0, droid.getIntrinsicWidth() * 2, droid.getIntrinsicHeight() * 2);
    // Using deprecated methods makes you look way cool
    droidTarget.offset(display.getWidth() / 2, display.getHeight() / 2);
    final SpannableString sassyDesc = new SpannableString("It allows you to go back, sometimes");
    sassyDesc.setSpan(new StyleSpan(Typeface.ITALIC), sassyDesc.length() - "somtimes".length(), sassyDesc.length(), 0);
    // We have a sequence of targets, so lets build it!
    final TapTargetSequence sequence = new TapTargetSequence(this).targets(// This tap target will target the back button, we just need to pass its containing toolbar
    TapTarget.forToolbarNavigationIcon(toolbar, "This is the back button", sassyDesc).id(1), // Likewise, this tap target will target the search button
    TapTarget.forToolbarMenuItem(toolbar, R.id.search, "This is a search icon", "As you can see, it has gotten pretty dark around here...").dimColor(android.R.color.black).outerCircleColor(R.color.colorAccent).targetCircleColor(android.R.color.black).transparentTarget(true).textColor(android.R.color.black).id(2), // You can also target the overflow button in your toolbar
    TapTarget.forToolbarOverflow(toolbar, "This will show more options", "But they're not useful :(").id(3), // This tap target will target our droid buddy at the given target rect
    TapTarget.forBounds(droidTarget, "Oh look!", "You can point to any part of the screen. You also can't cancel this one!").cancelable(false).icon(droid).id(4)).listener(new TapTargetSequence.Listener() {

        // This listener will tell us when interesting(tm) events happen in regards
        // to the sequence
        @Override
        public void onSequenceFinish() {
            ((TextView) findViewById(R.id.educated)).setText("Congratulations! You're educated now!");
        }

        @Override
        public void onSequenceStep(TapTarget lastTarget, boolean targetClicked) {
            Log.d("TapTargetView", "Clicked on " + lastTarget.id());
        }

        @Override
        public void onSequenceCanceled(TapTarget lastTarget) {
            final AlertDialog dialog = new AlertDialog.Builder(MainActivity.this).setTitle("Uh oh").setMessage("You canceled the sequence").setPositiveButton("Oops", null).show();
            TapTargetView.showFor(dialog, TapTarget.forView(dialog.getButton(DialogInterface.BUTTON_POSITIVE), "Uh oh!", "You canceled the sequence at step " + lastTarget.id()).cancelable(false).tintTarget(false), new TapTargetView.Listener() {

                @Override
                public void onTargetClick(TapTargetView view) {
                    super.onTargetClick(view);
                    dialog.dismiss();
                }
            });
        }
    });
    // You don't always need a sequence, and for that there's a single time tap target
    final SpannableString spannedDesc = new SpannableString("This is the sample app for TapTargetView");
    spannedDesc.setSpan(new UnderlineSpan(), spannedDesc.length() - "TapTargetView".length(), spannedDesc.length(), 0);
    TapTargetView.showFor(this, TapTarget.forView(findViewById(R.id.fab), "Hello, world!", spannedDesc).cancelable(false).drawShadow(true).tintTarget(false), new TapTargetView.Listener() {

        @Override
        public void onTargetClick(TapTargetView view) {
            super.onTargetClick(view);
            // .. which evidently starts the sequence we defined earlier
            sequence.start();
        }

        @Override
        public void onOuterCircleClick(TapTargetView view) {
            super.onOuterCircleClick(view);
            Toast.makeText(view.getContext(), "You clicked the outer circle!", Toast.LENGTH_SHORT).show();
        }

        @Override
        public void onTargetDismissed(TapTargetView view, boolean userInitiated) {
            Log.d("TapTargetViewSample", "You dismissed me :(");
        }
    });
}
Also used : AlertDialog(android.support.v7.app.AlertDialog) Rect(android.graphics.Rect) TapTargetSequence(com.getkeepsafe.taptargetview.TapTargetSequence) Drawable(android.graphics.drawable.Drawable) UnderlineSpan(android.text.style.UnderlineSpan) SpannableString(android.text.SpannableString) TapTargetView(com.getkeepsafe.taptargetview.TapTargetView) StyleSpan(android.text.style.StyleSpan) TapTarget(com.getkeepsafe.taptargetview.TapTarget) Toolbar(android.support.v7.widget.Toolbar) Display(android.view.Display)

Aggregations

Rect (android.graphics.Rect)1 Drawable (android.graphics.drawable.Drawable)1 AlertDialog (android.support.v7.app.AlertDialog)1 Toolbar (android.support.v7.widget.Toolbar)1 SpannableString (android.text.SpannableString)1 StyleSpan (android.text.style.StyleSpan)1 UnderlineSpan (android.text.style.UnderlineSpan)1 Display (android.view.Display)1 TapTarget (com.getkeepsafe.taptargetview.TapTarget)1 TapTargetSequence (com.getkeepsafe.taptargetview.TapTargetSequence)1 TapTargetView (com.getkeepsafe.taptargetview.TapTargetView)1