android Custom Addition and Subtraction Buttons

In this article, we share the specific code of android custom addition and subtraction button for your reference. The specific contents are as follows

1. Define two shapes:

my_button_shape_normal. xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle" >

 <stroke
 android:width="1dp"
 android:color="#007FFF" />

 <corners android:radius="5dip" />

 <padding
 android:bottom="1dp"
 android:left="10dp"
 android:right="10dp"
 android:top="1dp" />

</shape>

my_button_shape_pressed. xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle" >

 <stroke
 android:width="1dp"
 android:color="#007FFF" />

 <corners android:radius="5dip" />

 <padding
 android:bottom="1dp"
 android:left="10dp"
 android:right="10dp"
 android:top="1dp" />

</shape>

2. Define an drawable: my_button_style. xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

 <item android:drawable="@drawable/my_button_shape_normal" android:state_focused="false" android:state_pressed="false"></item>
 <item android:drawable="@drawable/my_button_shape_pressed" android:state_focused="false" android:state_pressed="true"></item>

</selector>

3. Define the button layout (mybutton. xml):

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:orientation="horizontal" >

 <Button
 android:id="@+id/reduce"
 android:layout_width="50dp"
 android:layout_height="30dp"
 android:background="@drawable/my_button_style"
 android:gravity="center"
 android:paddingBottom="10dp"
 android:text="-"
 android:textColor="#007FFF" />

 <Button
 android:id="@+id/add"
 android:layout_width="50dp"
 android:layout_height="30dp"
 android:layout_toRightOf="@+id/reduce"
 android:background="@drawable/my_button_style"
 android:gravity="center"
 android:paddingBottom="10dp"
 android:text="+"
 android:textColor="#007FFF" />

</RelativeLayout>

4. Define the MyButton class:

public class MyButton extends RelativeLayout {
 private View view;
 private Button add, reduce;

 private OnAddReduceChangeStatusListener mAddReduceChangeStatusListener;

 public MyButton(Context context, AttributeSet attrs, int defStyle) {
 super(context, attrs, defStyle);
 // TODO Auto-generated constructor stub
 }

 public MyButton(Context context, AttributeSet attrs) {
 super(context, attrs);
 // TODO Auto-generated constructor stub
 view = LayoutInflater.from(context).inflate(R.layout.mybutton, this, true);

 init();
 }

 public MyButton(Context context) {
 super(context);
 // TODO Auto-generated constructor stub
 }

 private void init() {
 add = (Button) view.findViewById(R.id.add);
 reduce = (Button) view.findViewById(R.id.reduce);

 add.setOnTouchListener(new ComponentOnTouch());
 reduce.setOnTouchListener(new ComponentOnTouch());
 }

 class ComponentOnTouch implements OnTouchListener {

 @Override
 public boolean onTouch(View v, MotionEvent event) {
 // TODO Auto-generated method stub
 switch (v.getId()) {
 case R.id.add:
 if (mAddReduceChangeStatusListener != null) {
 mAddReduceChangeStatusListener.add(MyButton.this.getId(),event.getAction());
 }
 break;
 case R.id.reduce:
 if (mAddReduceChangeStatusListener != null) {
 mAddReduceChangeStatusListener.reduce(MyButton.this.getId(),event.getAction());
 }
 break;
 }
 return true;
 }
 }

 public void setOnAddReduceChangeStatusListener(OnAddReduceChangeStatusListener listener) {
 this.mAddReduceChangeStatusListener = listener;
 }

 public abstract interface OnAddReduceChangeStatusListener {
 public abstract boolean add(int viewId,int eventAction);

 public abstract boolean reduce(int viewId,int eventAction);

 }
}

5. Use in layout:

<package.MyButton
  android:id="@+id/mybutton_id"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content" >
 </package.MyButton>

6. Use in the code:

a. Initialization:

mybutton = (MyButton) findViewById(R.id.mybutton_id);
 mybutton.setOnAddReduceChangeStatusListener(new OnAddReduceListener());

b. listener listening:

class OnAddReduceListener implements OnAddReduceChangeStatusListener {

 @Override
 public boolean add(int viewId, int eventAction) {
 // TODO Auto-generated method stub
 if (eventAction == MotionEvent.ACTION_DOWN) {
 onTouchChange("add");
 } else if (eventAction == MotionEvent.ACTION_UP) {
 if (plusThread != null) {
 isOnLongClick = false;
 }
 } else if (eventAction == MotionEvent.ACTION_MOVE) {
 if (plusThread != null) {
 isOnLongClick = true;
 }
 } else if (eventAction == MotionEvent.ACTION_CANCEL) {
 if (plusThread != null) {
 isOnLongClick = false;
 }
 }
 return true;
 }

 @Override
 public boolean reduce(int viewId, int eventAction) {
 // TODO Auto-generated method stub
 if (eventAction == MotionEvent.ACTION_DOWN) {
 onTouchChange("reduce");
 } else if (eventAction == MotionEvent.ACTION_UP) {
 if (miusThread != null) {
 isOnLongClick = false;
 }
 } else if (eventAction == MotionEvent.ACTION_MOVE) {
 if (miusThread != null) {
 isOnLongClick = true;
 }
 } else if (eventAction == MotionEvent.ACTION_CANCEL) {
 if (miusThread != null) {
 isOnLongClick = false;
 }
 }
 return true;
 }
 }

 private void onTouchChange(String method) {
 if (method.equals("add")) {
 plusThread = new PlusThread();
 isOnLongClick = true;
 plusThread.start();
 } else if (method.equals("reduce")) {
 miusThread = new MiusThread();
 isOnLongClick = true;
 miusThread.start();
 }
 }

c, which defines two threads for addition and subtraction:

//  Subtraction operation 
 class MiusThread extends Thread {
 @Override
 public void run() {
 while (isOnLongClick) {
 try {
 Thread.sleep(200);
 myHandler.sendEmptyMessage(1);
 } catch (InterruptedException e) {
 e.printStackTrace();
 }
 super.run();
 }
 }
 }

 //  Add operation 
 class PlusThread extends Thread {
 @Override
 public void run() {
 while (isOnLongClick) {
 try {
 Thread.sleep(200);
 myHandler.sendEmptyMessage(2);
 } catch (InterruptedException e) {
 e.printStackTrace();
 }
 super.run();
 }
 }
 }

Use Handler for processing:

Handler myHandler = new Handler() {

 @Override
 public void handleMessage(Message msg) {
 // TODO Auto-generated method stub
 if (msg.what == 1) {
 // Add operation 
 } else if (msg.what == 2) {
 // Subtraction operation 
 }
 }
 };