B4A Library MSShowTips

Based on: https://github.com/fredericojssilva/ShowTipsView

This library is able to highlight or showcase views in your activity. This is extremely useful for on-boarding tutorials and explaining what things do.

lTgEaZh.png


http://i.imgur.com/m8SpBiq.png
http://i.imgur.com/y5fAezU.png


MSShowTips
Version:
0.9
  • MSShowTipsBuilder
    Events:
    • Click
    Methods:
    • Initialize (EventName As String)
    • IsInitialized As Boolean
    • build As BuilderWrapper
    • displayOneTime (showtipId As Int) As BuilderWrapper
    • setBackgroundColor (color As Int) As BuilderWrapper
    • setCircleColor (color As Int) As BuilderWrapper
    • setDelay (delay As Int) As BuilderWrapper
    • setDescription (text As String) As BuilderWrapper
    • setDescriptionColor (color As Int) As BuilderWrapper
    • setTarget (v As View) As BuilderWrapper
    • setTitle (text As String) As BuilderWrapper
    • setTitleColor (color As Int) As BuilderWrapper
    • show


Very simple to use:
B4X:
Dim Tips As MSShowTipsBuilder
    Tips.Initialize("Tips")
    Tips.setTarget(Button1).setTitle("Button").setDescription("This is a button").build
    Tips.setDelay(1000)
    Tips.show

Setup:
Make sure to point your additional res to the extracted location:
B4X:
#AdditionalRes: H:\MyProjects\Github_masters\ShowTipsView-master\ShowTipsView-master\res

ToDo:
Add method Button.setText or expose the Text property.
Add Right-to-left text. Dont know how to do it.
Add setTarget(v,x,y,r) method.
 

Attachments

  • MSShowTips.zip
    15.3 KB · Views: 394
  • MSShowTipsSample.zip
    7.7 KB · Views: 354
  • res.zip
    51.3 KB · Views: 431
  • MSShowTips-Eclipse.zip
    25.5 KB · Views: 297
  • MSShowTips-jotaele.zip
    15.5 KB · Views: 298
Last edited:

thedesolatesoul

Expert
Licensed User
Longtime User
Ok.

I have attached the eclipse project to the first post. Anyone who would like to use it is free to take it. The only condition is that you must promise to pass down the name of 'thedesolatesoul' through your generations and never let the name die.

I have forsaken this project because:
1. I'm not interested in it. I only ported it to remain productive.
2. It didnt meet my expectations in user experience and design.

Always remember @jotaele owes me a VPS or a tutorial to fix graphics issues on a Ubuntu VM.

Thank you and good luck.

tds tips fedora and bows out...
 

jotaele

Member
Licensed User
Longtime User
Ok.

I have attached the eclipse project to the first post. Anyone who would like to use it is free to take it. The only condition is that you must promise to pass down the name of 'thedesolatesoul' through your generations and never let the name die.

I have forsaken this project because:
1. I'm not interested in it. I only ported it to remain productive.
2. It didnt meet my expectations in user experience and design.

Always remember @jotaele owes me a VPS or a tutorial to fix graphics issues on a Ubuntu VM.

Thank you and good luck.

tds tips fedora and bows out...

Here is the Library with the methods

-setTarget2 (View v , int x, int y , int radius )
-setButtonText(String str)

If you want, you can put it in the first post.

Thousands of thanks for the source code.
 

Attachments

  • MSShowTips.zip
    15.5 KB · Views: 247

thedesolatesoul

Expert
Licensed User
Longtime User
Here is the Library with the methods

-setTarget2 (View v , int x, int y , int radius )
-setButtonText(String str)

If you want, you can put it in the first post.

Thousands of thanks for the source code.
Thanks :)
Uploaded to the first post.
Also, if you make any more changes you can also change the Version annotation at the top of the file, that would make it easier to track.
 

shashkiranr

Active Member
Licensed User
Longtime User
Hi All,

Is it possible to add method to define where the got it button is to be placed. Currently when i want to show the Floating action Button, the Got it Button is coming right on the top of it.

Regards,
SK
 

DonManfred

Expert
Licensed User
Longtime User
Is it possible to add method to define where the got it button is to be placed. Currently when i want to show the Floating action Button, the Got it Button is coming right on the top of it.
The source of the java it in post #1. Just change the values like you wish and recompile the library.
You need to change line 271-274 of ShowTipsView.java
B4X:
        params.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);
        params.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);
        params.rightMargin = 50;
        params.bottomMargin = 50;

    btn_close.setLayoutParams(params);
 

Dave O

Well-Known Member
Licensed User
Longtime User
I tried this library but it didn't quite do what I wanted, so I created my own class to do much the same thing, but with a bit more control over the positioning of the text and buttons.

Finishing it up this week, but it really needs testing on more apps, so I'll post an alpha version if people are interested.
 

Dave O

Well-Known Member
Licensed User
Longtime User
I've posted version 1.0 of my free tips class (DOTips).

Feel free to try it out and use it in your apps.

If you have any questions, suggestions, or bug reports, please reply in that thread, not here.

Thanks!
 
Top