Android 加减框

最近项目中用到了很多对元素(商品,物件)的加减框的需求,在此做个笔记以后用到了,直接拿来用.废话不多说直接进入正题.

需求:

1. 框中默认数字为"1",最大"99",可增删减;
2. 最小单位为"1"时,减号-变为灰色,点击减号-框中数字不变仍然为"1";
3. 最大单位为"99"时,加号+变为灰色,点击加号+框中数字不变仍然为"99".

 布局文件如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    tools:context=".MainActivity">


    <LinearLayout
        android:id="@+id/ll_element_count"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/iv_element_sub"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="8dp"
            android:layout_gravity="center_vertical"
            android:src="@mipmap/icon_element_un_sub" />

        <EditText
            android:id="@+id/et_element_count"
            android:layout_width="70dp"
            android:layout_height="30dp"
            android:gravity="center"
            android:layout_gravity="center_vertical"
            android:inputType="number"
            android:textSize="12sp"
            android:maxLength="2"
            android:background="@drawable/shape_single_element_count_bg"
            android:text="1" />

        <ImageView
            android:id="@+id/iv_element_add"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="8dp"
            android:layout_gravity="center_vertical"
            android:src="@mipmap/icon_element_add" />

    </LinearLayout>

</LinearLayout>

drawable配置文件如下:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 表示shape的四个角的角度。只适用于矩形shape，这里的角度是指圆角的程度 -->
    <corners android:bottomLeftRadius="5dp"
        android:bottomRightRadius="5dp"
        android:topLeftRadius="5dp"
        android:topRightRadius="5dp" />

    <!-- 这个标签表示纯色填充，通过android:color即可指定shape中填充的颜色 -->
    <solid android:color="#EFF0F1" />


</shape>

icon资源文件需要小伙伴自己搞一套

 主要逻辑功能如下:

private void initView() {

        binding.ivElementSub.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                String numStr = binding.etElementCount.getText().toString().trim();
                if (numStr.isEmpty()) {
                    numStr = "1";
                }
                int num = Integer.parseInt(numStr);
                num--;
                if (num <= 1) {
                    num = 1;
                }
                binding.etElementCount.setText(Integer.toString(num));
            }
        });

        binding.ivElementAdd.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                String numStr = binding.etElementCount.getText().toString().trim();
                if (numStr.isEmpty()) {
                    numStr = "1";
                }
                int num = Integer.parseInt(numStr);
                num++;
                if (num >= 99) {
                    num = 99;
                }
                binding.etElementCount.setText(Integer.toString(num));
            }
        });

        binding.etElementCount.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

            }

            @Override
            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {

            }

            @Override
            public void afterTextChanged(Editable editable) {
                String countStr = editable.toString().trim();
                if (countStr.isEmpty()) {
                    countStr = "1";
                }
                int elementCount = Integer.parseInt(countStr);
                if (elementCount <= 1 ) {
                    binding.ivElementSub.setImageResource(R.mipmap.icon_element_un_sub);
                    binding.ivElementAdd.setImageResource(R.mipmap.icon_element_add);
                } else if (elementCount >= 99) {
                    binding.ivElementSub.setImageResource(R.mipmap.icon_element_sub);
                    binding.ivElementAdd.setImageResource(R.mipmap.icon_element_un_add);
                } else {
                    binding.ivElementSub.setImageResource(R.mipmap.icon_element_sub);
                    binding.ivElementAdd.setImageResource(R.mipmap.icon_element_add);
                }
            }
        });
    }

完.