color span via databinding

Author: Joao Rutkoski

app/src/main/java/com/opencraft/android/gradienttextview/sample/MainViewModel.kt

@@ -6,5 +6,6 @@ import com.opencraft.android.gradienttextview.R
 
 class MainViewModel(context: Context) {
     val text = ObservableField<String>("aaaaaaaaaa\naaaaaaaaaa\naaaaaaaaaa\naaaaaaaaaa\naaaaaaaaaa")
-    val colors = context.resources.getIntArray(R.array.gradient_default)
+    val colors = context.resources.getIntArray(R.array.gradient_2)
+    val colorsSpan = context.resources.getIntArray(R.array.gradient_color_span_2)
 }

app/src/main/res/layout/activity_main.xml

@@ -24,10 +24,10 @@
             android:text="aaaaaaaaaaaaa\naaaaaaaaaaaaa\naaaaaaaaaaaaa\naaaaaaaaaaaaaa"
             android:textSize="22sp"
             android:textStyle="bold"
-            app:gradient_end="BOTTOM_RIGHT"
-            app:gradient_start="TOP_LEFT"
+            app:gradientColorsSpan="@{vm.colorsSpan}"
             app:gradientColors="@{vm.colors}"
-            />
+            app:gradient_end="BOTTOM_RIGHT"
+            app:gradient_start="TOP_LEFT" />
 
         <com.opencraft.library.GradientTextView
             android:id="@+id/gradient"
@@ -38,8 +38,8 @@
             android:textSize="22sp"
             android:textStyle="bold"
             app:angle="-45"
-            app:gradientColors="@array/gradient_default"
-            app:color_span_array="@array/gradient_color_span_default" />
+            app:color_span_array="@array/gradient_color_span_default"
+            app:gradientColors="@array/gradient_default" />
 
     </LinearLayout>
 </layout>

library/src/main/java/com/opencraft/library/GradientTextView.kt

@@ -24,6 +24,13 @@ class GradientTextView constructor(context: Context, attrs: AttributeSet?, defSt
             invalidate()
         }
 
+    var gradientColorsSpan = intArrayOf(1, 1)
+        set(value) {
+            field = value
+            changedColors = true
+            invalidate()
+        }
+
     init {
         attrs?.let {
 
@@ -42,6 +49,7 @@ class GradientTextView constructor(context: Context, attrs: AttributeSet?, defSt
     }
 
     private fun getLinearGradient(): LinearGradient {
+        calcColorPos()
         val gradientStartPoint = getStartPoint()
         val gradientEndPoint = getEndPoint()
         return LinearGradient(gradientStartPoint.x.toFloat(),
@@ -63,9 +71,12 @@ class GradientTextView constructor(context: Context, attrs: AttributeSet?, defSt
     }
 
     private fun loadColorsSpan(typedArray: TypedArray) {
-        val colorsSpan = resources.getIntArray(typedArray
+        gradientColorsSpan = resources.getIntArray(typedArray
                 .getResourceId(R.styleable.GradientTextView_color_span_array, R.array.gradient_color_span_default))
-        colorsSpan?.let {
+    }
+
+    private fun calcColorPos() {
+        gradientColorsSpan.let {
             gradientColorPos = FloatArray(it.size)
             gradientColorPos[0] = 0f //first color must be at the start
             val sum = it.sum().toFloat()
@@ -77,7 +88,7 @@ class GradientTextView constructor(context: Context, attrs: AttributeSet?, defSt
     }
 
     private fun loadColors(typedArray: TypedArray) {
-        gradientColors  = resources.getIntArray(typedArray
+        gradientColors = resources.getIntArray(typedArray
                 .getResourceId(R.styleable.GradientTextView_gradientColors, R.array.gradient_default))
     }
 

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

@@ -4,9 +4,20 @@
         <item>@android:color/holo_red_dark</item>
         <item>@android:color/holo_blue_bright</item>
     </integer-array>
-    
+    <integer-array name="gradient_2">
+        <item>@android:color/holo_red_dark</item>
+        <item>@android:color/white</item>
+        <item>@android:color/holo_blue_bright</item>
+    </integer-array>
+
     <integer-array name="gradient_color_span_default">
         <item>1</item>
         <item>1</item>
     </integer-array>
+
+    <integer-array name="gradient_color_span_2">
+        <item>1</item>
+        <item>1</item>
+        <item>1</item>
+    </integer-array>
 </resources>

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

@@ -3,6 +3,7 @@
     <declare-styleable name="GradientTextView">
         <attr name="color_array" format="reference" />
         <attr name="gradientColors" format="reference" />
+        <attr name="gradientColorsSpan" format="reference" />
         <attr name="color_span_array" format="reference" />
         <attr name="angle" format="integer" />
         <attr name="gradient_start" format="enum">