CODEWITHSUNDEEP
javaandroidgithubshowcaseviewimport-libraries
mehmet
mehmet

Reputation: 1588

Android Showcase View how to use?

Well For Showcase View

enter image description here

I using this:

https://github.com/amlcurran/ShowcaseView

After importing files it gives error. this is my errors and improted .jar files

enter image description here

Errors says

in java

R cannot be resolved to a variable

in style

error: Error retrieving parent for item: No resource found that matches the given name 'Theme.Sherlock.Light'.

again, in style

error: Error: No resource found that matches the given name: attr 'android:fontFamily'.

Also Are there any tutorial to use Showcase view in my project. I can not find and I didnt understant from github project. it is not clear.

Upvotes: 5

Views: 25292

Answers (5)

SopCam
SopCam

Reputation: 21

I usually use another library for showcase views. It creates bubbles instead of concentric circles but it works really well. Maybe it is also useful for your requirements and with this one you don't have importing problems.

You just have to add 'implementation 'com.elconfidencial.bubbleshowcase:bubbleshowcase:1.3.0' in your build.gradle file of your app and synchronize your project.

It works similar to ShowCaseView library:

BubbleShowCaseBuilder(this) //Activity instance
            .title("foo") //Any title for the bubble view
            .targetView(view) //View to point out
            .show() //Display the ShowCase

Source https://github.com/ECLaboratorio/BubbleShowCase-Android

Upvotes: 2

Sanjay Hadiya
Sanjay Hadiya

Reputation: 945

This library works Awesome for all. How it works?? i want to highlight a toolbar option. Now just add the library and write code like this.

show my toolbar highlight

another toolbar

you can use multiple showCaseView using this code

1 add Library in our Gradle.build implementation 'com.github.mreram:ShowCaseView:1.0.5'

simple call this method with pass title, Description Text, view or view Id and Type

  ShowIntro("SetTheme", "Select Theme and Apply on your video", R.id.button_tool_theme, 1);

method create like this

 private void ShowIntro(String title, String text, int viewId, final int type) {

    new GuideView.Builder(this)
            .setTitle(title)
            .setContentText(text)
            .setTargetView((LinearLayout)findViewById(viewId))
            .setContentTextSize(12)//optional
            .setTitleTextSize(14)//optional
            .setDismissType(GuideView.DismissType.targetView) //optional - default dismissible by TargetView
            .setGuideListener(new GuideView.GuideListener() {
                    @Override
                    public void onDismiss(View view) {
                        if (type == 1) {
                            ShowIntro("Editor", "Edit any photo from selected photos than Apply on your video", R.id.button_tool_editor, 6);
                        } else if (type == 6) {
                            ShowIntro("Duration", "Set duration between photos", R.id.button_tool_duration, 2);
                        } else if (type == 2) {
                            ShowIntro("Filter", "Add filter to video ", R.id.button_tool_effect, 4);
                        } else if (type == 4) {
                            ShowIntro("Add Song", "Add your selected song on your video ", R.id.button_tool_music, 3);
                        } else if (type == 3) {
                            ShowIntro("Overlay", "Add your selected overlay effect on your video ", R.id.button_tool_overlay, 5);
                        } else if (type == 5) {
                            SharePrefUtils.putBoolean("showcase", false);
                        }
                    }
                })
            .build()
            .show();
}

Upvotes: 14

pavel
pavel

Reputation: 1681

Here for this I am using this library

https://github.com/amlcurran/ShowcaseView

This library works really great. How it works?? Suppose i want to highlight a menu option. Now just add the library and white this code.

    Toolbar toolbar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    toolbar = (Toolbar) findViewById(R.id.toolbar);
    toolbar.inflateMenu(R.menu.menu_main);
    setSupportActionBar(toolbar);

    ViewTarget target = new ViewTarget(toolbar.findViewById(R.id.menu_id_launcher));

    new ShowcaseView.Builder(this)
            .setContentTitle("Its My Navigation Drawer")
            .setContentText("Click here and you will get options to navigate to other sections.")
            .useDecorViewAsParent() //this is the difference
            .setTarget(target)
            .build();
}

and finally you have to make your menu show always like this 

    <item
      android:id="@+id/menu_id_launcher"
      android:orderInCategory="100"
      android:icon="@mipmap/ic_launcher"
      android:title="@string/action_settings"
      app:showAsAction="always" />

Now just run the app i think this will works perfectly.

Upvotes: 2

vuhung3990
vuhung3990

Reputation: 6829

  • import, add actionbarsherlock library
  • android:fontFamily minSDK is 16, or delete this
  • project -> clean all

Upvotes: 0

Julia Hexen
Julia Hexen

Reputation: 695

The sample you use needs the ActionBarSherlock Library, you can read it in the instructions from the github page: "To use the sample download ActionBarSherlock and add it as a dependency to the library project. Use point 1 on the "Including in your project" instructions at the link."

  • download ActionBarSherlock and import it (only the library, you don't need the samples)
  • right click to your SampleActivity project and choose Properties
  • choose Android, click Add and include the ActionBarSherlock project

Then the style errors will go away and R can be built.

Upvotes: 0

Related Questions