Highligth specific points of interest of your app

Related tags

UI/UX ShowTipsView
Overview

ShowTipsView

ShowTipsView let you highligth specific points of interest of your app.

Usage

ShowTipsView showtips = new ShowTipsBuilder(this)
	.setTarget(btn_test)
	.setTitle("A magnific button")
	.setDescription("This button do nothing so good")
	.setDelay(1000)
	.build();
	
showtips.show(this);

Customization

//TEXT
setButtonText(String text)

//COLORS
setTitleColor(int color)
setDescriptionColor(int color)
setBackgroundColor(int color)
setBackgroundAlpha(int alpha)
setCircleColor(int color)
setCloseButtonColor(int color)
setCloseButtonTextColor

setButtonBackground(Drawable drawable)

By default the circle will adjust to the passed view, if you want a custom radius and position use:

setTarget(View v, int x, int y, int radius)

There is a listener for the "Got it" button. You can use it for example to create consecutive tips, just set the callback and create a new ShowTip, like this:

showtips.setCallback(new ShowTipsInterface(){
    @Override
    public void gotItClicked() {
    //Lunch new showtip
    }
});

To only display the tip one time just call displayOneTime(int showtipId) on the Builder.

showtipId is a unique id for that tip.

Android Arsenal

##Download Gradle:

compile 'net.fredericosilva:showTipsView:1.0.4'

License

Copyright (c) 2014 Frederico Silva

Licensed under the Apache License, Version 2.0

Comments
  • Compatibility With SherlockActionBar

    Compatibility With SherlockActionBar

    Can we use this Showcase with ABS?? And can u provide code that has Backward Compatibility to API 8 or API 10 bcoz I do require in older model also... Expecting +ve response..!! And thanx for sharing the code..

    opened by patelakshay13890 7
  • BackgroundColor with alpha / transparency

    BackgroundColor with alpha / transparency

    Hello,

    is there a way to make the backgroundColor() work with opacity ? I tried this on the ShowTipsView

    setBackgroundColor(Color.parseColor("#99000000"))
    

    but the background is still fully opaque. I am doing it wrong ?

    Thanks by advance. Adrian

    opened by fakir22 3
  • Removed all variable allocation inside the OnDraw

    Removed all variable allocation inside the OnDraw

    Removed all variable allocation inside the OnDraw to prevent the DrawAllocation issue on low memory devices as described in this link http://tools.android.com/recent/lintperformancechecks.

    opened by htcardone 0
  • NullPointerException at net.frederico.showtipsview.ShowTipsView$2.run(ShowTipsView.java:150)

    NullPointerException at net.frederico.showtipsview.ShowTipsView$2.run(ShowTipsView.java:150)

    Hi,

    The code below works fine until data is cleared from shared preferences from settings/app folder.

    Code is shown below and is executed in a fragment .: /** showtips = new ShowTipsBuilder(getActivity()) .setTarget(spinnerArrow) .setTitle("Select Connection Type to display dataLimit") .setDescription("Displays Data/Time graph for chosen connection type") .setDelay(800) .build() ; showtips.setDisplayOneTimeID(1); showtips.setDisplayOneTime(true); showtips.show(getActivity());

        showtips.setCallback(new ShowTipsViewInterface(){
            @Override
            public void gotItClicked() {
               //Lunch new showtip
                showSettingstips = new ShowTipsBuilder(getActivity())
                .setTarget(mSettings)
                .setTitle("Set Settings")
                .setDescription("Choose connection type")
                .setDelay(800)
                .build();
                showSettingstips.setDisplayOneTimeID(2);
                showSettingstips.setDisplayOneTime(true);
                showSettingstips.show(getActivity());
    
            }
        });*/
    

    ERROR:

    11-28 15:39:03.556: E/AndroidRuntime(26772): FATAL EXCEPTION: main 11-28 15:39:03.556: E/AndroidRuntime(26772): java.lang.NullPointerException 11-28 15:39:03.556: E/AndroidRuntime(26772): at net.frederico.showtipsview.ShowTipsView$2.run(ShowTipsView.java:150) 11-28 15:39:03.556: E/AndroidRuntime(26772): at android.os.Handler.handleCallback(Handler.java:730) 11-28 15:39:03.556: E/AndroidRuntime(26772): at android.os.Handler.dispatchMessage(Handler.java:92) 11-28 15:39:03.556: E/AndroidRuntime(26772): at android.os.Looper.loop(Looper.java:176) 11-28 15:39:03.556: E/AndroidRuntime(26772): at android.app.ActivityThread.main(ActivityThread.java:5419) 11-28 15:39:03.556: E/AndroidRuntime(26772): at java.lang.reflect.Method.invokeNative(Native Method) 11-28 15:39:03.556: E/AndroidRuntime(26772): at java.lang.reflect.Method.invoke(Method.java:525) 11-28 15:39:03.556: E/AndroidRuntime(26772): at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1046) 11-28 15:39:03.556: E/AndroidRuntime(26772): at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:862) 11-28 15:39:03.556: E/AndroidRuntime(26772): at dalvik.system.NativeStart.main(Native Method)

    opened by vyshas 0
  • setCallback Consecutively for third time

    setCallback Consecutively for third time

    Hi,

    It would be great if you could provide a sample where how to set callbacks if you want to show hints for more than three targets in a layout. I'm having an issue when I tried to call the third time. For Ex:

    ShowTipsView showSettingstips,showtips;

    showtips = new ShowTipsBuilder(getActivity()) .setTarget(spinnerArrow) .setTitle("Showtips1") .setDescription("ShowTips1") .setDelay(800) .build() ; showtips.show(getActivity()); showtips.setCallback(new ShowTipsViewInterface(){ @Override public void gotItClicked() { //Lunch new showtip showSettingstips = new ShowTipsBuilder(getActivity()) .setTarget(mSettings) .setTitle("showtips2") .setDescription("showtips2") .setDelay(800) .build();
    showSettingstips.show(getActivity()); /********how do i put callback for showSettingtips???? ***/
    } }); I want to show a third hint once the "showSettingstips's got it button is clicked .How do i enable a callback for showSettingstips ??????

    opened by vyshas 0
  • Fix broken headings in Markdown files

    Fix broken headings in Markdown files

    GitHub changed the way Markdown headings are parsed, so this change fixes it.

    See bryant1410/readmesfix for more information.

    Tackles bryant1410/readmesfix#1

    opened by bryant1410 0
  • setTitleColor and setCircleColor bring to unpredictable results

    setTitleColor and setCircleColor bring to unpredictable results

    Hello, I noticed that when I set titleColor and circleColor I get strange results.

    This is what I get without specifying any color:

        ShowTipsView showtips = new ShowTipsBuilder(MyActivity.this)
                .setTarget(myLayout)
                .setTitle("Completamento automatico dei nomi")
                .setDescription("Selezionando la casella \"Salva i nomi dei passeggeri\" i nominativi verranno salvati per le prossime prenotazioni")
                .setButtonText(getResources().getString(R.string.ok))
                .setCloseButtonTextColor(R.color.black)
                .setButtonBackground(ContextCompat.getDrawable(getApplicationContext(), R.color.LightGrey))
                .setBackgroundAlpha(94)
                .build();
    

    screenshot_2016-07-21-16-22-24

    If I specify a circleColor and a titleColor I'd expect to see them applied. Actually, it seems to revert back to some default.

        ShowTipsView showtips = new ShowTipsBuilder(MyActivity)
                .setTarget(myLayout)
                .setCircleColor(R.color.white)
                .setTitle("Completamento automatico dei nomi")
                .setTitleColor(R.color.hc_red)
                .setDescription("Selezionando la casella \"Salva i nomi dei passeggeri\" i nominativi verranno salvati per le prossime prenotazioni")
                .setDelay(500)
                .setButtonText(getResources().getString(R.string.ok))
                .setCloseButtonTextColor(R.color.black)
                .setButtonBackground(ContextCompat.getDrawable(getApplicationContext(), R.color.LightGrey))
                .setBackgroundAlpha(94)
                .build();
    

    screenshot_2016-07-21-16-22-07

    This happens as well if I apply some default color as R.color.common_plus_signin_btn_text_light instead of R.color.hc_red, which is customized.

    opened by MarKco 1
Owner
Frederico Silva
Frederico Silva
Bubbles for Android is an Android library to provide chat heads capabilities on your apps. With a fast way to integrate with your development.

Bubbles for Android Bubbles for Android is an Android library to provide chat heads capabilities on your apps. With a fast way to integrate with your

Txus Ballesteros 1.5k Jan 2, 2023
Make your native android Toasts Fancy. A library that takes the standard Android toast to the next level with a variety of styling options. Style your toast from code.

FancyToast-Android Prerequisites Add this in your root build.gradle file (not your module build.gradle file): allprojects { repositories { ... ma

Shashank Singhal 1.2k Dec 26, 2022
Make your native android Dialog Fancy. A library that takes the standard Android Dialog to the next level with a variety of styling options. Style your dialog from code.

FancyAlertDialog-Android Prerequisites Add this in your root build.gradle file (not your module build.gradle file): allprojects { repositories { ..

Shashank Singhal 350 Dec 9, 2022
A tiny window overlay to log app internal on top of your android app

DebugOverlay A logcat alike overlay to display log messages in your app as independent overlay. Typically in android you would log some app internals

Hannes Dorfmann 150 Nov 29, 2022
Useful library to use custom fonts in your android app

EasyFonts A simple and useful android library to use custom fonts in android apps without adding fonts into asset/resource folder.Also by using this l

Vijay Vankhede 419 Sep 9, 2022
Make a cool intro for your Android app.

AppIntro AppIntro is an Android Library that helps you build a cool carousel intro for your App. AppIntro has support for requesting permissions and h

AppIntro Team 10.3k Dec 30, 2022
StandOut lets you easily create floating windows in your Android app.

Coming Soon Meanwhile, checkout the demo video at http://www.youtube.com/watch?v=S3vHjxonOeg Join the conversation at http://forum.xda-developers.com/

Mark Wei 1.2k Dec 12, 2022
[Archived] Highlight the best bits of your app to users quickly, simply, and cool...ly

ShowcaseView The ShowcaseView (SCV) library is designed to highlight and showcase specific parts of apps to the user with a distinctive and attractive

Alex Curran 5.6k Dec 16, 2022
Android Material Json Form Wizard is a library for creating beautiful form based wizards within your app just by defining json in a particular format.

Android Json Wizard Android Json Wizard is a library for creating beautiful form based wizards within your app just by defining json in a particular f

Vijay Rawat 355 Nov 11, 2022
Make a cool intro for your Android app.

AppIntro AppIntro is an Android Library that helps you build a cool carousel intro for your App. AppIntro has support for requesting permissions and h

AppIntro Team 40 Jan 3, 2023
A simple screen that is shown when your app gets crashed instead of the normal crash dialog. It's very similar to the one in Flutter.

Red Screen Of Death What A simple screen that is shown when your app gets crashed instead of the normal crash dialog. It's very similar to the one in

Ahmad Melegy 178 Dec 9, 2022
AcaryaApp - An App made for Changing your lifestyle

AcaryaApp: An App made for Changing your lifestyle Problem Statement People nowa

Yash Grover 3 Jan 11, 2022
[] Define and render UI specs on top of your Android UI

dspec A simple way to define and render UI specs on top of your Android UI. Usage Enclose the target UI with a DesignSpecFrameLayout, usually the root

Lucas Rocha 561 Dec 16, 2022
This library provides a simple way to add a draggable sliding up panel (popularized by Google Music and Google Maps) to your Android application. Brought to you by Umano.

Note: we are not actively responding to issues right now. If you find a bug, please submit a PR. Android Sliding Up Panel This library provides a simp

Umano: News Read To You 9.4k Dec 31, 2022
An elegant way to show your menu or messages.

Android View Hover In my opinion, jumping to a new activity to show your menu is a kind of wasting time and life. So, I think, we need a hover view, t

代码家 3.2k Jan 2, 2023
:bread: Make your native android Toasts Tasty

TastyToast Make your native android toast look beautiful. Preview About Refer Here Wiki Grab the above demo app from here : Dependency Add dependency

Rahul Yadav 2k Dec 29, 2022
This library offers a simple method to add a small badge icon to your ActionBar-MenuItem

Android-ActionItemBadge ActionItemBadge is a library which offers a simple and easy to use method to add a badge to your action item! Screenshots Incl

Mike Penz 1.3k Jan 1, 2023
A simple library to add Emoji support to your Android Application

Emoji A library to add Emoji support to your Android app. Emojis can be picked in a PopupWindow. In order to edit and display text with Emojis this li

Niklas Baudy 1.4k Jan 4, 2023
Add some depth to your Android scrolling.

Parallax Pager Add some depth to your Android scrolling using the parallax effect! Installation Step 1. Add the JitPack repository to your build file

Prolific Interactive 782 Dec 29, 2022