- fixed "Failed to find style 'ms_stepperStyle' in current theme" error when rendering StepperLayout in Android Studio preview (issue #60)

- fixed rendering of internal layouts in Android Studio preview
- Added sample data in Edit Mode for StepperLayout

Author: Piotr Zawadzki

material-stepper/src/main/java/com/stepstone/stepper/StepperLayout.java

@@ -246,7 +246,9 @@ public StepperLayout(Context context) {
     }
 
     public StepperLayout(Context context, AttributeSet attrs) {
-        this(context, attrs, R.attr.ms_stepperStyle);
+        super(context, attrs);
+        //Fix for issue #60 with AS Preview editor
+        init(attrs, isInEditMode() ? 0 : R.attr.ms_stepperStyle);
     }
 
     public StepperLayout(Context context, AttributeSet attrs, int defStyleAttr) {

material-stepper/src/main/java/com/stepstone/stepper/internal/StepTab.java

@@ -21,7 +21,6 @@
 import android.graphics.drawable.Drawable;
 import android.support.annotation.ColorInt;
 import android.support.v4.content.ContextCompat;
-import android.support.v7.widget.AppCompatImageView;
 import android.util.AttributeSet;
 import android.view.LayoutInflater;
 import android.view.View;
@@ -62,7 +61,7 @@ public class StepTab extends RelativeLayout {
 
     private final ImageView mStepDoneIndicator;
 
-    private final AppCompatImageView mStepErrorIndicator;
+    private final ImageView mStepErrorIndicator;
 
     private int mDividerWidth = StepperLayout.DEFAULT_TAB_DIVIDER_WIDTH;
 
@@ -90,7 +89,7 @@ public StepTab(Context context, AttributeSet attrs, int defStyleAttr) {
 
         mStepNumber = (TextView) findViewById(R.id.ms_stepNumber);
         mStepDoneIndicator = (ImageView) findViewById(R.id.ms_stepDoneIndicator);
-        mStepErrorIndicator = (AppCompatImageView) findViewById(R.id.ms_stepErrorIndicator);
+        mStepErrorIndicator = (ImageView) findViewById(R.id.ms_stepErrorIndicator);
         mStepDivider = findViewById(R.id.ms_stepDivider);
         mStepTitle = ((TextView) findViewById(R.id.ms_stepTitle));
 

material-stepper/src/main/java/com/stepstone/stepper/internal/TabsContainer.java

@@ -73,7 +73,7 @@ public void onTabClicked(int position) {
 
     private int mDividerWidth = StepperLayout.DEFAULT_TAB_DIVIDER_WIDTH;
 
-    private final int mContainerLateralPadding;
+    private int mContainerLateralPadding;
 
     private HorizontalScrollView mTabsScrollView;
 

material-stepper/src/main/java/com/stepstone/stepper/type/DotsStepperType.java

@@ -29,6 +29,8 @@
  */
 public class DotsStepperType extends AbstractStepperType {
 
+    private static final int EDIT_MODE_DOT_COUNT = 3;
+
     private final DottedProgressBar mDottedProgressBar;
 
     public DotsStepperType(StepperLayout stepperLayout) {
@@ -37,6 +39,11 @@ public DotsStepperType(StepperLayout stepperLayout) {
 
         mDottedProgressBar.setSelectedColor(getSelectedColor());
         mDottedProgressBar.setUnselectedColor(getUnselectedColor());
+
+        if (stepperLayout.isInEditMode()) {
+            mDottedProgressBar.setDotCount(EDIT_MODE_DOT_COUNT);
+            mDottedProgressBar.setVisibility(View.VISIBLE);
+        }
     }
 
     /**

material-stepper/src/main/java/com/stepstone/stepper/type/TabsStepperType.java

@@ -26,13 +26,16 @@
 import com.stepstone.stepper.viewmodel.StepViewModel;
 
 import java.util.ArrayList;
+import java.util.Arrays;
 import java.util.List;
 
 /**
  * Stepper type which displays horizontal stepper with tabs.
  */
 public class TabsStepperType extends AbstractStepperType {
 
+    private static final List<CharSequence> EDIT_MODE_STEP_TITLES = Arrays.<CharSequence>asList("Step 1", "Step 2");
+
     private final TabsContainer mTabsContainer;
 
     public TabsStepperType(StepperLayout stepperLayout) {
@@ -44,6 +47,11 @@ public TabsStepperType(StepperLayout stepperLayout) {
         mTabsContainer.setErrorColor(stepperLayout.getErrorColor());
         mTabsContainer.setDividerWidth(stepperLayout.getTabStepDividerWidth());
         mTabsContainer.setListener(stepperLayout);
+
+        if (stepperLayout.isInEditMode()) {
+            mTabsContainer.setSteps(EDIT_MODE_STEP_TITLES);
+            mTabsContainer.setVisibility(View.VISIBLE);
+        }
     }
 
     /**

material-stepper/src/main/res/layout/ms_step_tab.xml

@@ -1,6 +1,11 @@
 <?xml version="1.0" encoding="utf-8"?>
 <merge xmlns:android="http://schemas.android.com/apk/res/android"
-    android:orientation="vertical">
+    xmlns:tools="http://schemas.android.com/tools"
+    android:orientation="vertical"
+    tools:layout_height="wrap_content"
+    tools:layout_width="wrap_content"
+    tools:parentTag="RelativeLayout"
+    tools:theme="@style/MSDefaultStepperLayoutTheme">
 
     <FrameLayout
         android:id="@+id/ms_iconContainer"
@@ -12,12 +17,12 @@
             android:id="@+id/ms_stepNumber"
             style="?attr/ms_stepTabNumberStyle" />
 
-        <android.support.v7.widget.AppCompatImageView
+        <ImageView
             android:id="@+id/ms_stepDoneIndicator"
             style="?attr/ms_stepTabDoneIndicatorStyle"
             android:visibility="gone" />
 
-        <android.support.v7.widget.AppCompatImageView
+        <ImageView
             android:id="@+id/ms_stepErrorIndicator"
             style="?attr/ms_stepTabErrorIndicatorStyle"
             android:visibility="gone" />

material-stepper/src/main/res/layout/ms_step_tab_container.xml

@@ -1,2 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
-<com.stepstone.stepper.internal.StepTab style="?attr/ms_stepTabContainerStyle" />
+<!--suppress XmlUnusedNamespaceDeclaration -->
+<com.stepstone.stepper.internal.StepTab xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    style="?attr/ms_stepTabContainerStyle"
+    tools:layout_height="@dimen/ms_step_tab_height"
+    tools:layout_width="wrap_content"
+    tools:theme="@style/MSDefaultStepperLayoutTheme" />

material-stepper/src/main/res/layout/ms_stepper_layout.xml

@@ -1,7 +1,11 @@
 <?xml version="1.0" encoding="utf-8"?>
 <merge xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
-    android:orientation="vertical">
+    android:orientation="vertical"
+    tools:layout_height="match_parent"
+    tools:layout_width="match_parent"
+    tools:parentTag="LinearLayout"
+    tools:theme="@style/MSDefaultStepperLayoutTheme">
 
     <com.stepstone.stepper.internal.TabsContainer
         android:id="@+id/ms_stepTabsContainer"
@@ -27,6 +31,7 @@
             android:layout_centerVertical="true"
             android:drawableLeft="@drawable/ic_chevron_start"
             android:drawableStart="@drawable/ic_chevron_start"
+            tools:drawableTint="@color/ms_material_grey_400"
             tools:text="@string/ms_back"
             tools:textColor="@color/ms_bottomNavigationButtonTextColor" />
 
@@ -46,8 +51,8 @@
                 android:id="@+id/ms_stepProgressBar"
                 style="?attr/ms_colorableProgressBarStyle"
                 android:indeterminate="false"
-                android:progress="1"
                 android:visibility="gone"
+                tools:progress="33"
                 tools:visibility="visible" />
 
         </FrameLayout>
@@ -60,9 +65,10 @@
             android:layout_centerVertical="true"
             tools:drawableEnd="@drawable/ic_chevron_end"
             tools:drawableRight="@drawable/ic_chevron_end"
+            tools:drawableTint="@color/ms_material_grey_400"
             tools:text="@string/ms_next"
             tools:textColor="@color/ms_bottomNavigationButtonTextColor"
-            tools:visibility="gone" />
+            tools:visibility="visible" />
 
         <com.stepstone.stepper.internal.RightNavigationButton
             android:id="@+id/ms_stepCompleteButton"
@@ -73,8 +79,7 @@
             android:alpha="0"
             android:visibility="gone"
             tools:text="@string/ms_complete"
-            tools:textColor="@color/ms_bottomNavigationButtonTextColor"
-            tools:visibility="visible" />
+            tools:textColor="@color/ms_bottomNavigationButtonTextColor" />
 
     </RelativeLayout>
 

material-stepper/src/main/res/layout/ms_tabs_container.xml

@@ -1,5 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
-<merge xmlns:android="http://schemas.android.com/apk/res/android">
+<merge xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    tools:layout_height="wrap_content"
+    tools:layout_width="match_parent"
+    tools:parentTag="FrameLayout"
+    tools:theme="@style/MSDefaultStepperLayoutTheme">
 
     <HorizontalScrollView
         android:id="@+id/ms_stepTabsScrollView"

material-stepper/src/main/res/values/attrs.xml

@@ -91,10 +91,8 @@ limitations under the License.
     <declare-styleable name="RightNavigationButton">
         <attr name="state_verification_failed" format="boolean" />
     </declare-styleable>
-    
-    <declare-styleable name="Theme">
-        <attr name="ms_stepperStyle" format="reference" />
-    </declare-styleable>
+
+    <attr name="ms_stepperStyle" format="reference" />
 
     <declare-styleable name="StepperLayoutTheme">