Fix for group background color.

Author: ceryle

library/src/main/java/co/ceryle/radiorealbutton/library/RadioRealButton.java

@@ -192,6 +192,12 @@ else if (hasPaddingBottom || hasPaddingTop || hasPaddingLeft || hasPaddingRight)
             container.setBackgroundColor(backgroundColor);
     }
 
+    public void setButtonBackgroundColor(int backgroundColor){
+        this.backgroundColor = backgroundColor;
+        if (hasRipple)
+            RippleHelper.setRipple(container, backgroundColor, rippleColor);
+    }
+
     private boolean hasRipple = false;
     private int backgroundColor, rippleColor;
 
@@ -347,10 +353,6 @@ public int getButtonBackgroundColor() {
         return buttonBackgroundColor;
     }
 
-    public void setButtonBackgroundColor(int buttonBackgroundColor) {
-        this.buttonBackgroundColor = buttonBackgroundColor;
-    }
-
     public int getButtonRippleColor() {
         return buttonRippleColor;
     }

library/src/main/java/co/ceryle/radiorealbutton/library/RadioRealButtonGroup.java

@@ -218,11 +218,6 @@ private void setContainerAttrs() {
         }
     }
 
-    public void setGroupBackgroundColor() {
-        if (hasGroupBackgroundColor)
-            container.setBackgroundColor(groupBackgroundColor);
-    }
-
     private RelativeLayout.LayoutParams borderParams;
 
     private void setBorderAttrs() {
@@ -243,15 +238,15 @@ private void setBorderAttrs() {
     private int borderSize, borderColor, dividerColor, bottomLineColor, selectorColor, animateImages, animateTexts,
             animateImagesDuration, animateTextsDuration, animateSelector, animateSelectorDuration, animateImagesExit,
             animateImagesExitDuration, animateTextsExit, animateTextsExitDuration, lastPosition, buttonPadding,
-            buttonPaddingLeft, buttonPaddingRight, buttonPaddingTop, buttonPaddingBottom, groupBackgroundColor;
+            buttonPaddingLeft, buttonPaddingRight, buttonPaddingTop, buttonPaddingBottom, groupBackgroundColor, dividerBackgroundColor;
 
     private float bottomLineSize, dividerSize, dividerRadius, dividerPadding, shadowElevation, selectorSize,
             shadowMargin, shadowMarginTop, shadowMarginBottom, shadowMarginLeft, shadowMarginRight, radius,
             bottomLineRadius, selectorRadius, animateImagesScale, animateTextsScale;
 
     private boolean shadow, bottomLineBringToFront, selectorBringToFront, selectorAboveOfBottomLine, selectorTop, selectorBottom,
             hasPadding, hasPaddingLeft, hasPaddingRight, hasPaddingTop, hasPaddingBottom, hasGroupBackgroundColor, hasAnimation,
-            clickable, enabled;
+            clickable, enabled, hasDividerBackgroundColor;
 
     private void getAttributes(AttributeSet attrs) {
         TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.RadioRealButtonGroup);
@@ -273,6 +268,8 @@ private void getAttributes(AttributeSet attrs) {
         dividerRadius = typedArray.getDimension(R.styleable.RadioRealButtonGroup_rrbg_dividerRadius, 0);
         dividerPadding = typedArray.getDimension(R.styleable.RadioRealButtonGroup_rrbg_dividerPadding, 30);
         dividerColor = typedArray.getColor(R.styleable.RadioRealButtonGroup_rrbg_dividerColor, Color.GRAY);
+        dividerBackgroundColor = typedArray.getColor(R.styleable.RadioRealButtonGroup_rrbg_dividerBackgroundColor, Color.WHITE);
+        hasDividerBackgroundColor = typedArray.hasValue(R.styleable.RadioRealButtonGroup_rrbg_dividerBackgroundColor);
 
         shadow = typedArray.getBoolean(R.styleable.RadioRealButtonGroup_rrbg_shadow, false);
         shadowElevation = typedArray.getDimension(R.styleable.RadioRealButtonGroup_rrbg_shadowElevation, 0);
@@ -353,6 +350,10 @@ public void onClick(View v) {
                 }
             });
 
+            if (hasGroupBackgroundColor) {
+                button.setButtonBackgroundColor(groupBackgroundColor);
+            }
+
             setButtonPadding(button);
 
             LinearLayout.LayoutParams param = new LinearLayout.LayoutParams(0, LayoutParams.MATCH_PARENT, 1);
@@ -858,6 +859,11 @@ public void deselect() {
         lastPosition = -1;
     }
 
+
+    public void setGroupBackgroundColor() {
+        container.setBackgroundColor(hasDividerBackgroundColor ? dividerBackgroundColor : groupBackgroundColor);
+    }
+
     private void setRippleState(boolean state) {
         for (RadioRealButton b : buttons) {
             b.setRipple(state);

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

@@ -56,6 +56,7 @@
         <attr name="rrbg_dividerPadding" format="dimension"/>
         <attr name="rrbg_dividerColor" format="color"/>
         <attr name="rrbg_dividerRadius" format="dimension"/>
+        <attr name="rrbg_dividerBackgroundColor" format="color"/>
 
         <attr name="rrbg_shadow" format="boolean"/>
         <attr name="rrbg_shadowElevation" format="dimension"/>

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

@@ -28,7 +28,6 @@
             android:layout_height="wrap_content"
             app:rrbg_animateTexts_enter="overshoot"
             app:rrbg_animateTexts_enterDuration="500"
-            app:rrbg_backgroundColor="@color/white"
             app:rrbg_bottomLineColor="@color/grey_600"
             app:rrbg_bottomLineSize="2dp"
             app:rrbg_dividerColor="@color/grey_500"
@@ -85,18 +84,18 @@
         app:rrbg_animateImages_exitDuration="500"
         app:rrbg_animateTexts_enter="overshoot"
         app:rrbg_animateTexts_enterDuration="500"
-        app:rrbg_backgroundColor="#FFF"
+        app:rrbg_backgroundColor="@color/red_500"
         app:rrbg_bottomLineBringToFront="true"
         app:rrbg_bottomLineColor="@color/blue_300"
         app:rrbg_bottomLineRadius="2dp"
         app:rrbg_bottomLineSize="0dp"
         app:rrbg_buttonsPaddingBottom="8dp"
         app:rrbg_buttonsPaddingTop="8dp"
-        app:rrbg_position="0"
         app:rrbg_dividerColor="@color/black"
         app:rrbg_dividerPadding="10dp"
         app:rrbg_dividerRadius="2dp"
         app:rrbg_dividerSize="1dp"
+        app:rrbg_position="0"
         app:rrbg_radius="2dp"
         app:rrbg_selectorAboveOfBottomLine="false"
         app:rrbg_selectorBringToFront="true"
@@ -158,9 +157,9 @@
             app:rrbg_borderSize="1dp"
             app:rrbg_bottomLineSize="0dp"
             app:rrbg_dividerColor="@color/black"
-            app:rrbg_position="0"
             app:rrbg_dividerPadding="0dp"
             app:rrbg_dividerSize="1dp"
+            app:rrbg_position="0"
             app:rrbg_radius="28dp"
             app:rrbg_selectorColor="@color/yellow_600"
             app:rrbg_selectorSize="6dp"
@@ -252,8 +251,8 @@
             app:rrbg_dividerPadding="10dp"
             app:rrbg_dividerRadius="0dp"
             app:rrbg_dividerSize="1dp"
-            app:rrbg_radius="2dp"
             app:rrbg_position="0"
+            app:rrbg_radius="2dp"
             app:rrbg_selectorAboveOfBottomLine="true"
             app:rrbg_selectorBringToFront="true"
             app:rrbg_selectorColor="@color/green_400"
@@ -316,11 +315,11 @@
         app:rrbg_animateImages_exit="overshoot"
         app:rrbg_animateImages_exitDuration="1500"
         app:rrbg_animateSelector="bounce"
-        app:rrbg_position="0"
         app:rrbg_bottomLineColor="@color/white"
         app:rrbg_buttonsPadding="8dp"
         app:rrbg_dividerColor="@color/white"
         app:rrbg_dividerSize="0dp"
+        app:rrbg_position="0"
         app:rrbg_radius="4dp"
         app:rrbg_selectorAboveOfBottomLine="true"
         app:rrbg_selectorColor="@color/white"