Day 18 - ShowcaseView

1
dependencies {
2
    compile ('com.fortysevendeg.swipelistview:swipelistview:1.0-SNAPSHOT@aar') {
3
        transitive = true
4
    }
5
}

1
repositories {
2
     mavenCentral()
3
}

1
include ':libs:showcaseview:library'

1
new ShowcaseView.Builder(this)
2
    .setTarget(new ActionViewTarget(this, ActionViewTarget.Type.HOME))
3
    .setContentTitle("ShowcaseView")
4
    .setContentText("This is highlighting the Home button")
5
    .setOnClickListener(this)
6
    .build();

1
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
2
                android:orientation="vertical" android:layout_width="match_parent"
3
                android:layout_height="match_parent">
4

5
    <ImageView
6
        android:layout_width="match_parent"
7
        android:layout_height="match_parent"
8
        android:layout_centerInParent="true"
9
        android:scaleType="centerCrop"
10
        android:src="@drawable/guitar" />
11

12
    <RelativeLayout
13
        android:layout_width="match_parent"
14
        android:layout_height="match_parent"
15
        android:background="#8831415a"
16
        android:id="@+id/relative_layout"
17
        android:padding="16dp">
18
        <TextView
19
            android:layout_width="wrap_content"
20
            android:layout_height="wrap_content"
21
            android:textSize="24sp"
22
            android:textColor="@color/white"
23
            android:text="@string/step1"
24
            android:id="@+id/step1"
25
            android:layout_marginTop="32dp"
26
            android:layout_alignParentTop="true"
27
            android:layout_alignParentLeft="true" />
28

29
        <TextView
30
            android:layout_width="wrap_content"
31
            android:layout_height="wrap_content"
32
            android:textSize="24sp"
33
            android:textColor="@color/white"
34
            android:text="@string/step2"
35
            android:id="@+id/step2"
36
            android:layout_alignParentBottom="false"
37
            android:layout_alignParentRight="false"
38
            android:layout_centerInParent="true" />
39

40
        <TextView
41
            android:layout_width="wrap_content"
42
            android:layout_height="wrap_content"
43
            android:textSize="20sp"
44
            android:textColor="@color/white"
45
            android:text="@string/step3"
46
            android:id="@+id/step3"
47
            android:layout_alignLeft="@+id/step1"
48
            android:layout_marginBottom="36dp"
49
            android:singleLine="false"
50
            android:layout_alignParentBottom="true" />
51
    </RelativeLayout>
52

53
</RelativeLayout>

1
<resources>
2
    <string name="step1">Step 1 : Learn Android</string>
3
    <string name="step2">Step 2 : Make First App</string>
4
    <string name="step3">Step 3 : Practice, Practice and Practice</string>
5
    <string name="help">Help</string>
6
</resources>

1
public class ShowcaseViewActivity extends ActionBarActivity {
2

3
    private TextView mStep1, mStep2, mStep3;
4
    private ShowcaseView mShowcaseView;
5
    private int mState = 0;
6

7
    @Override
8
    protected void onCreate(Bundle savedInstanceState) {
9
        super.onCreate(savedInstanceState);
10
        setContentView(R.layout.day18_activity_showcaseview);
11

12
        mStep1 = (TextView) findViewById(R.id.step1);
13
        mStep2 = (TextView) findViewById(R.id.step2);
14
        mStep3 = (TextView) findViewById(R.id.step3);
15
    }
16
}

1
mShowcaseView = new ShowcaseView.Builder(this)
2
        .setTarget(new ViewTarget(mStep1))
3
        .build();
4
mShowcaseView.setButtonText("Next Step");

1
.setTarget(new ViewTarget(mStep2))

1
mShowcaseView = new ShowcaseView.Builder(this)
2
        .setTarget(new ViewTarget(mStep1))
3
        .setOnClickListener(ShowcaseViewOnClick)
4
        .build();
5
mShowcaseView.setButtonText("Next Step");

1
View.OnClickListener ShowcaseViewOnClick = new View.OnClickListener() {
2
    @Override
3
    public void onClick(View v) {
4
        switch (mState) {
5
            case 0:
6
                mShowcaseView.setShowcase(new ViewTarget(mStep2), true);
7
                // mShowcaseView.setTarget(new ViewTarget(mStep2));
8
                break;
9
            case 1:
10
                mShowcaseView.setShowcase(new ViewTarget(mStep3), true);
11
                // mShowcaseView.setTarget(new ViewTarget(mStep3));
12
                break;
13
            case 2:
14
                ActionViewTarget target = new ActionViewTarget(ShowcaseViewActivity.this,
15
                        ActionViewTarget.Type.OVERFLOW);
16
                mShowcaseView.setTarget(target);
17
                break;
18
            default:
19
                mShowcaseView.hide();
20
                mLayout.setBackgroundColor(Color.TRANSPARENT);
21
                setVisible(true);
22
                break;
23
        }
24
        mState += 1;
25
    }
26
};

1
import android.view.View.OnClickListener;

1
<menu xmlns:android="http://schemas.android.com/apk/res/android"
2
    xmlns:app="http://schemas.android.com/apk/res-auto">
3
    <item android:id="@+id/menu_item"
4
          android:title="@string/help"
5
          app:showAsAction="never"/>
6
</menu>

1
package com.devahoy.learn30androidlibraries.day18;
2

3
import android.graphics.Color;
4
import android.os.Bundle;
5
import android.support.v7.app.ActionBarActivity;
6
import android.view.Menu;
7
import android.view.MenuItem;
8
import android.view.View;
9
import android.widget.RelativeLayout;
10
import android.widget.TextView;
11

12
import com.devahoy.learn30androidlibraries.R;
13
import com.github.amlcurran.showcaseview.ShowcaseView;
14
import com.github.amlcurran.showcaseview.targets.ActionViewTarget;
15
import com.github.amlcurran.showcaseview.targets.Target;
16
import com.github.amlcurran.showcaseview.targets.ViewTarget;
17

18
public class ShowcaseViewActivity extends ActionBarActivity {
19

20
    private TextView mStep1, mStep2, mStep3;
21
    private ShowcaseView mShowcaseView;
22
    private RelativeLayout mLayout;
23
    private int mState = 0;
24

25
    @Override
26
    protected void onCreate(Bundle savedInstanceState) {
27
        super.onCreate(savedInstanceState);
28
        setContentView(R.layout.day18_activity_showcaseview);
29

30
        mStep1 = (TextView) findViewById(R.id.step1);
31
        mStep2 = (TextView) findViewById(R.id.step2);
32
        mStep3 = (TextView) findViewById(R.id.step3);
33
        mLayout = (RelativeLayout) findViewById(R.id.relative_layout);
34
    }
35

36
    View.OnClickListener ShowcaseViewOnClick = new View.OnClickListener() {
37
        @Override
38
        public void onClick(View v) {
39
            switch (mState) {
40
                case 0:
41
                    mShowcaseView.setShowcase(new ViewTarget(mStep2), true);
42
//                    mShowcaseView.setTarget(new ViewTarget(mStep2));
43

44
                    break;
45
                case 1:
46
                    mShowcaseView.setShowcase(new ViewTarget(mStep3), true);
47
//                    mShowcaseView.setTarget(new ViewTarget(mStep3));
48
                    break;
49
                case 2:
50
                    ActionViewTarget target = new ActionViewTarget(ShowcaseViewActivity.this,
51
                            ActionViewTarget.Type.OVERFLOW);
52
//                    mShowcaseView.setTarget(target);
53
                    mShowcaseView.setTarget(target);
54
                    mLayout.setBackgroundColor(Color.parseColor("#FF31415A"));
55
                    mShowcaseView.setContentTitle("This is Help Menu");
56
                    setVisible(false);
57
                    mShowcaseView.setButtonText("OK");
58
                    break;
59
                default:
60
                    mShowcaseView.hide();
61
                    mLayout.setBackgroundColor(Color.TRANSPARENT);
62
                    setVisible(true);
63
                    break;
64
            }
65
            mState += 1;
66
        }
67
    };
68

69
    public void setVisible(boolean isVisible) {
70
        if(isVisible) {
71
            mStep1.setVisibility(View.VISIBLE);
72
            mStep2.setVisibility(View.VISIBLE);
73
            mStep3.setVisibility(View.VISIBLE);
74
        } else {
75
            mStep1.setVisibility(View.GONE);
76
            mStep2.setVisibility(View.GONE);
77
            mStep3.setVisibility(View.GONE);
78
        }
79
    }
80

81
    @Override
82
    public boolean onCreateOptionsMenu(Menu menu) {
83
        getMenuInflater().inflate(R.menu.menu, menu);
84

85
        mShowcaseView = new ShowcaseView.Builder(this)
86
                .setTarget(new ViewTarget(mStep1))
87
                .setOnClickListener(ShowcaseViewOnClick)
88
                .build();
89

90
        mShowcaseView.setButtonText("Next Step");
91

92
        return super.onCreateOptionsMenu(menu);
93
    }
94

95
    @Override
96
    public boolean onOptionsItemSelected(MenuItem item) {
97
        return true;
98
    }
99
}