Swipe

Author: Beppi Menozzi

.idea/misc.xml

@@ -12,6 +12,7 @@ Can act with three independent states, or with two states like a standard checkb
 * Can become a 2.5-state toggle: on/off and an unselectable mid button
 * Can be enabled / disabled
 * Can be programmatically controlled
+* Works both with clicks and with swipes
 
 <img src="images/tstb.gif"><br>
 
@@ -89,6 +90,25 @@ To have a two-states toggle button, with an undefined starting value:
 Browse the full example here:
 <a href="https://github.com/BeppiMenozzi/TriStateToggleButton/tree/master/tristatetogglebutton_sample/src/main">Example</a>
 
+### Attributes description
+List of attributes with description:
+<tr><td>tbBorderWidth</td><td>Width of the border of the widget</td></tr>
+<tr><td>tdOffBorderColor</td><td>Color of the width that appears with the button in state off. Used also for animations.</td></tr>
+<tr><td>tbOffColor</td><td>Color of the background of the toggle when off</td></tr>
+<tr><td>tbMidColor</td><td>Color of the background of the toggle with in mid position</td></tr>
+<tr><td>tbOnColor</td><td>Color of the background of the toggle when on</td></tr>
+<tr><td>tbSpotColor</td><td>Color of the handle of the toggle</td></tr>
+<tr><td>tbAnimate</td><td>True for animation</td></tr>
+<tr><td>tbDefaultStatus</td><td>Starting value for the toggle</td></tr>
+<tr><td>tbIsMidSelectable</td><td>If false, the toggle becomes a standard two-states toggle, but can still assume the mid value if forced programmatically or set as default</td></tr>
+<tr><td>tbSwipeSensitivityPixels</td><td>Number of pixels a swipe must travel to fire a toggle event. Default is 200. If set to zero, swipes are disabled</td></tr>
+
+
+### new in 1.1.0
+* Added swipe gesture management together with normal click
+* Gradle update
+* More documentation
+
 ### New in 1.0.5
 * Fixed: added super in setEnabled()
 

README.md

@@ -5,7 +5,7 @@ buildscript {
         jcenter()
     }
     dependencies {
-        classpath 'com.android.tools.build:gradle:2.2.2'
+        classpath 'com.android.tools.build:gradle:2.2.3'
 
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files

build.gradle

@@ -7,8 +7,8 @@ android {
     defaultConfig {
         minSdkVersion 9
         targetSdkVersion 25
-        versionCode 4
-        versionName "1.0.5"
+        versionCode 5
+        versionName "1.1.0"
 
         testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
 

tristatetogglebutton_library/build.gradle

@@ -11,6 +11,7 @@
 import android.graphics.RectF;
 import android.util.AttributeSet;
 import android.util.TypedValue;
+import android.view.MotionEvent;
 import android.view.View;
 
 import com.facebook.rebound.SimpleSpringListener;
@@ -19,8 +20,8 @@
 import com.facebook.rebound.SpringSystem;
 import com.facebook.rebound.SpringUtil;
 
-import static it.beppi.tristatetogglebutton_library.TriStateToggleButton.ToggleStatus.off;
 import static it.beppi.tristatetogglebutton_library.TriStateToggleButton.ToggleStatus.mid;
+import static it.beppi.tristatetogglebutton_library.TriStateToggleButton.ToggleStatus.off;
 import static it.beppi.tristatetogglebutton_library.TriStateToggleButton.ToggleStatus.on;
 
 
@@ -120,6 +121,10 @@ public static ToggleStatus intToToggleStatus(int toggleIntValue) {
 	// Beppi: added midSelectable
 	private boolean midSelectable = true;
 
+	// Beppi: swipe management
+	private int swipeSensitivityPixels = 200;
+	private int swipeX = 0;
+
 	/** 是否默认处于打开状态*/	// Whether it is on by default
 	// Beppi: changed the type of isDefaultOn from boolean to ToggleStatus
 	// Beppi: refactored the variable name from isDefaultOn to defaultStatus
@@ -129,6 +134,8 @@ public static ToggleStatus intToToggleStatus(int toggleIntValue) {
 	private boolean enabled = true;
 	private int disabledColor = Color.parseColor("#bdbdbd");   // grey 400
 
+	private boolean swipeing = false;
+
 	private OnToggleChanged listener;
 
 	private TriStateToggleButton(Context context) {
@@ -162,13 +169,48 @@ public void setup(AttributeSet attrs) {
 		springSystem = SpringSystem.create();
 		spring = springSystem.createSpring();
 		spring.setSpringConfig(SpringConfig.fromOrigamiTensionAndFriction(50, 7));
-		
+
+		/*   with onTouch this has become useless
 		this.setOnClickListener(new OnClickListener() {
 			@Override
 			public void onClick(View arg0) {
 				toggle(defaultAnimate);
 			}
 		});
+		*/
+
+		// Beppi: swipe management
+		this.setOnTouchListener(new OnTouchListener() {
+			@Override
+			public boolean onTouch(View view, MotionEvent motionEvent) {
+				int x = (int) motionEvent.getX();
+				int action = motionEvent.getAction();
+				if (action == MotionEvent.ACTION_DOWN) {
+					swipeX = x;
+					swipeing = false;
+				}
+				else if (action == MotionEvent.ACTION_MOVE) {
+					if (swipeSensitivityPixels == 0) return false;
+					else if (x - swipeX > swipeSensitivityPixels) {
+						swipeX = x;
+						swipeing = true;
+						increaseValue();
+						return true;
+					}
+					else if (swipeX - x > swipeSensitivityPixels) {
+						swipeX = x;
+						swipeing = true;
+						decreaseValue();
+						return true;
+					}
+				}
+				else if (action == MotionEvent.ACTION_UP) {
+					if (!swipeing) toggle(defaultAnimate);    // here simple clicks are managed.
+					return true;
+				}
+				return false;
+			}
+		});
 
 		TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.TriStateToggleButton);
 		offBorderColor = typedArray.getColor(R.styleable.TriStateToggleButton_tbOffBorderColor, offBorderColor);
@@ -187,6 +229,10 @@ public void onClick(View arg0) {
 		// Beppi: added enabled
 		enabled = typedArray.getBoolean(R.styleable.TriStateToggleButton_enabled, enabled);
 		typedArray.recycle();
+
+		// Beppi: swipe
+		swipeSensitivityPixels = typedArray.getInt(R.styleable.TriStateToggleButton_tbSwipeSensitivityPixels, swipeSensitivityPixels);
+		// 0 == off
 
 		borderColor = offBorderColor;
 
@@ -224,7 +270,7 @@ public void toggle(boolean animate) {
 			listener.onToggle(toggleStatus, toggleStatusToBoolean(toggleStatus), toggleStatusToInt(toggleStatus));
 		}
 	}
-	
+
 	public void toggleOn() {
 		setToggleOn();
 		if(listener != null){
@@ -316,6 +362,35 @@ public void setToggleStatus(int toggleIntValue, boolean animate) {
 		setToggleStatus(intToToggleStatus(toggleIntValue), animate);
 	}
 
+	public void increaseValue(boolean animate) {  // same as toggle, but after on does not rewind to off
+		switch (toggleStatus) {
+			case off: if (midSelectable) putValueInToggleStatus(mid); else putValueInToggleStatus(on); break;
+			case mid: putValueInToggleStatus(on); break;
+			case on: break;
+			}
+		takeEffect(animate);
+		if(listener != null){
+			listener.onToggle(toggleStatus, toggleStatusToBoolean(toggleStatus), toggleStatusToInt(toggleStatus));
+		}
+	}
+	public void increaseValue() {
+		increaseValue(true);
+	}
+	public void decreaseValue(boolean animate) {
+		switch (toggleStatus) {
+			case on: if (midSelectable) putValueInToggleStatus(mid); else putValueInToggleStatus(off); break;
+			case mid: putValueInToggleStatus(off); break;
+			case off: break;
+		}
+		takeEffect(animate);
+		if(listener != null){
+			listener.onToggle(toggleStatus, toggleStatusToBoolean(toggleStatus), toggleStatusToInt(toggleStatus));
+		}
+	}
+	public void decreaseValue() {
+		decreaseValue(true);
+	}
+
 	// Beppi: rewritten takeEffect() method to manage 3 states
 /*
 	private void takeEffect(boolean animate) {
@@ -371,8 +446,7 @@ protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 
 
 	@Override
-	protected void onLayout(boolean changed, int left, int top, int right,
-			int bottom) {
+	protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
 		super.onLayout(changed, left, top, right, bottom);
 
 		final int width = getWidth();
@@ -414,7 +488,7 @@ public void draw(Canvas canvas) {
 		if(offLineWidth > 0){
 			final float cy = offLineWidth * 0.5f;
 			rect.set(spotX - cy, centerY - cy, endX + cy, centerY + cy);
-			paint.setColor(enabled ? offColor : disabledColor);
+			paint.setColor(enabled ? (toggleStatus == mid ? midColor : offColor) : disabledColor);
 			canvas.drawRoundRect(rect, cy, cy, paint);
 		}
 
@@ -478,7 +552,11 @@ private void calculateEffect(final double value) {
 		} else
 		if (previousToggleStatus == on && toggleStatus == off) {
 			toColor = offBorderColor; fromColor = onColor;
-		} else {
+		} else
+		if (previousToggleStatus == on && toggleStatus == mid) {
+			toColor = midColor; fromColor = onColor;
+		} else
+		{
 			toColor = offBorderColor; fromColor = onColor;
 		}
 

tristatetogglebutton_library/src/main/java/it/beppi/tristatetogglebutton_library/TriStateToggleButton.java

@@ -15,6 +15,7 @@
         </attr>
         <attr name="tbIsMidSelectable" format="reference|boolean"/>
         <attr name="enabled" format="reference|boolean"/>
+        <attr name="tbSwipeSensitivityPixels" format="integer" />
     </declare-styleable>
 </resources>