Spec: Title & Line Style

Signed-off-by: Fung <[email protected]>

Author: fython

.readme/vertical.gif

@@ -33,9 +33,9 @@ There will be more styles in the future.
 
 ### Vertical Stepper View
 
-[![Vertical Stepper View Demo](.readme/vertical.gif)](https://youtu.be/NCalAAP0y4o)
+[![Vertical Stepper View Demo](.readme/vertical.gif)](https://www.youtube.com/watch?v=y9gSwHKwxVM)
 
-Instructions will be add later. You can read demo source code to learn how to use.
+Instructions will be added later. You can read demo source code to learn how to use.
 
 ## Support me
 

README.md

@@ -25,5 +25,5 @@ ext {
     targetSdkVersion = 26
     buildToolsVersion = "26.0.1"
     versionCode = 1
-    versionName = '0.1.0'
+    versionName = '0.1.1'
 }

build.gradle

@@ -74,7 +74,7 @@ public VerticalStepperItemView(Context context, AttributeSet attrs, int defStyle
 
 		prepareViews(context);
 
-		mNormalColor = getResources().getColor(R.color.material_grey_500);
+		mNormalColor = ViewUtils.getColorFromAttr(context, android.R.attr.textColorSecondary);
 		mActivatedColor = ViewUtils.getColorFromAttr(context, R.attr.colorPrimary);
 		mDoneIcon = getResources().getDrawable(R.drawable.ic_done_white_16dp);
 		mAnimationDuration = getResources().getInteger(android.R.integer.config_shortAnimTime);
@@ -196,6 +196,14 @@ public void setState(@State int state) {
 			mPointNumber.setAlpha(state == STATE_DONE ? 0f : 1f);
 		}
 
+		// Set title style
+		mTitleText.setTextAppearance(getContext(), state == STATE_DONE ?
+				R.style.TextAppearance_Widget_Stepper_Done : (
+						state == STATE_NORMAL ?
+								R.style.TextAppearance_Widget_Stepper_Normal :
+								R.style.TextAppearance_Widget_Stepper_Selected
+				));
+
 		// Set the visibility of views
 		mSummaryText.setVisibility(state != STATE_SELECTED && !TextUtils.isEmpty(mSummary) ? View.VISIBLE : View.GONE);
 		mCustomView.setVisibility(state == STATE_SELECTED ? View.VISIBLE : View.GONE);

library/src/main/java/moe/feng/common/stepperview/VerticalStepperItemView.java

@@ -50,11 +50,11 @@
 		<!-- Vertical Stepper Line -->
 		<View
 				android:id="@+id/stepper_line"
-				android:layout_width="0.5dp"
+				android:layout_width="@dimen/vertical_stepper_line_width"
 				android:layout_height="0dp"
 				android:layout_weight="1"
 				android:layout_marginTop="@dimen/vertical_stepper_line_margin_top"
-				android:background="@color/material_grey_500"/>
+				android:background="@color/material_grey_400"/>
 
 	</LinearLayout>
 

library/src/main/res/layout/vertical_stepper_item_view_layout.xml

@@ -2,5 +2,6 @@
 <resources>
 
 	<color name="material_grey_500">#9E9E9E</color>
+	<color name="material_grey_400">#BDBDBD</color>
 
 </resources>

library/src/main/res/values/colors.xml

@@ -10,6 +10,7 @@
 	<dimen name="vertical_stepper_point_margin_start">24dp</dimen>
 	<dimen name="vertical_stepper_point_margin_end">12dp</dimen>
 	<dimen name="vertical_stepper_line_margin_top">8dp</dimen>
+	<dimen name="vertical_stepper_line_width">1dp</dimen>
 	<dimen name="vertical_stepper_item_space_height">8dp</dimen>
 
 </resources>

library/src/main/res/values/dimens.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+	<style name="TextAppearance.Widget.Stepper.Done" parent="TextAppearance.AppCompat.Body1">
+
+	</style>
+
+	<style name="TextAppearance.Widget.Stepper.Selected" parent="TextAppearance.AppCompat.Body2">
+
+	</style>
+
+	<style name="TextAppearance.Widget.Stepper.Normal" parent="TextAppearance.AppCompat.Body1">
+		<item name="android:textColor">?android:textColorSecondary</item>
+	</style>
+
+</resources>