indcator design changed

Author: msayan

app/src/main/java/com/hololo/tutorial/sample/MainActivity.java

@@ -1,7 +1,6 @@
 package com.hololo.tutorial.sample;
 
 import android.graphics.Color;
-import android.support.v7.app.AppCompatActivity;
 import android.os.Bundle;
 
 import com.hololo.tutorial.library.Step;
@@ -13,7 +12,7 @@ public class MainActivity extends TutorialActivity {
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
 
-        addFragment(new Step.Builder().setTitle("Otomatik Veri").setContent("GM Müzik Çalar şarkıcı/albüm resimlerini, tarzlarını otomatik olarak bulur ve gösterir*. \n\n\n(*)Bu özelliğin doğru çalışabilmesi için şarkı bilgilerinin düzgün olması gereklidir").setBackgroundColor(Color.parseColor("#FF0957")).setDrawable(R.drawable.ss_1).setSummary("Devam ederek nasıl yapacağınızı öğrenin").build());
+        addFragment(new Step.Builder().setTitle("Otomatik Veri").setContent("GM Müzik Çalar şarkıcı/albüm resimlerini, tarzlarını otomatik olarak bulur ve gösterir.* \n\n(*) Bu özelliğin doğru çalışabilmesi için şarkı bilgilerinin düzgün olması gereklidir").setBackgroundColor(Color.parseColor("#FF0957")).setDrawable(R.drawable.ss_1).setSummary("Devam ederek nasıl yapacağınızı öğrenin").build());
 
         addFragment(new Step.Builder().setTitle("Şarkıyı Seç").setContent("Şarkılarınızın listelendiği ana sekmeye geçin her şarkının yanındaki (⋮) dokunun ve açılan menüden Veri Düzenle'yi seçin").setBackgroundColor(Color.parseColor("#00D4BA")).setDrawable(R.drawable.ss_2).setSummary("Devam ederek nasıl güncelleyeceğinizi öğrenin").build());
 

app/src/main/res/drawable/ss_1.png

@@ -1,13 +1,9 @@
 package com.hololo.tutorial.library;
 
-import android.annotation.TargetApi;
 import android.os.Build;
 import android.os.Bundle;
-import android.os.PersistableBundle;
 import android.support.annotation.Nullable;
 import android.support.annotation.RequiresApi;
-import android.support.annotation.StringDef;
-import android.support.v4.app.Fragment;
 import android.support.v4.view.ViewPager;
 import android.support.v7.app.AppCompatActivity;
 import android.view.View;
@@ -87,6 +83,7 @@ private void changeStatusBarColor(int backgroundColor) {
     }
 
     private void controlPosition(int position) {
+        notifyIndicator();
         if (position == steps.size() - 1) {
             next.setText(finishText);
             prev.setText(backText);
@@ -135,7 +132,12 @@ public void notifyIndicator() {
 
         for (int i = 0; i < steps.size(); i++) {
             ImageView imageView = new ImageView(this);
-            imageView.setImageResource(R.drawable.ic_brightness_1_black_24dp);
+            imageView.setPadding(8, 8, 8, 8);
+            int drawable = R.drawable.circle_black;
+            if (i == currentItem)
+                drawable = R.drawable.circle_white;
+
+            imageView.setImageResource(drawable);
 
             final int finalI = i;
             imageView.setOnClickListener(new View.OnClickListener() {

app/src/main/res/drawable/ss_2.png

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+    <size
+        android:width="12dp"
+        android:height="12dp" />
+
+    <solid android:color="#80000000" />
+
+</shape>

app/src/main/res/drawable/ss_3.png

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+    <size
+        android:width="12dp"
+        android:height="12dp" />
+
+    <solid android:color="#FFF" />
+
+</shape>

app/src/main/res/drawable/ss_4.png

@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="utf-8"?>
 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/containerLayout"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:id="@+id/containerLayout"
-    android:fitsSystemWindows="true"
     android:background="#FFF"
     android:clipToPadding="false"
+    android:fitsSystemWindows="true"
     android:orientation="vertical">
 
     <android.support.v4.view.ViewPager
@@ -14,19 +14,19 @@
         android:layout_height="match_parent" />
 
 
-<!--    <View
-        android:layout_width="match_parent"
-        android:layout_height="24dp"
-        android:background="#20000000" />-->
+    <!--    <View
+            android:layout_width="match_parent"
+            android:layout_height="24dp"
+            android:background="#20000000" />-->
 
     <RelativeLayout
         android:id="@+id/buttonContainer"
         android:layout_width="match_parent"
-        android:layout_height="80dp"
+        android:layout_height="60dp"
         android:layout_gravity="bottom"
         android:background="@android:color/white"
         android:clipToPadding="false"
-        android:elevation="16dp">
+        android:elevation="24dp">
 
         <Button
             android:id="@+id/prev"