Android组合式自定义控件实现购物车加减商品操作

我会详细讲解 "Android 组合式自定义控件实现购物车加减商品操作" 的攻略。

1. 什么是组合式自定义控件

组合式自定义控件是 Android 中自定义控件的一种方式，其中组合指的是将多个现有控件组合在一起，成为一个复合控件。常见的场景是为了实现一些复杂的功能而创建一个自定义控件。组合式自定义控件可以封装多个子控件，组合成一个新的复合控件提供给用户使用，提高代码重用性和可维护性。

2. 购物车加减商品操作实现方案

2.1 方案介绍

购物车常见的功能就是加减商品数量，如果使用默认的控件会比较单调和不够友好，因此我们可以通过组合式自定义控件来实现这种操作。

具体实现方案是：我们自定义一个组合控件，包含两个按钮和一个显示商品数量的 TextView。点击加减按钮，可以增加或者减少数量，并将结果显示在 TextView 上。

2.2 实现步骤

步骤如下：

2.2.1 创建自定义控件

首先，我们需要创建自定义控件 ShoppingCartView，在布局文件 shopping_cart_view.xml 中添加以下代码：

<merge xmlns:android="http://schemas.android.com/apk/res/android">
    <Button
        android:id="@+id/btn_minus"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="-" />

    <TextView
        android:id="@+id/tv_count"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="0"
        android:gravity="center"
        android:textSize="16sp" />

    <Button
        android:id="@+id/btn_add"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="+" />
</merge>

这里用了 merge 标签来合并控件的布局，可以让我们的自定义控件更加简洁。

2.2.2 定义自定义属性

由于我们要用这个控件来实现购物车的加减功能，因此我们需要定义两个自定义属性来设置商品数量的最大值和最小值。

在 attrs.xml 文件中添加以下代码：

<declare-styleable name="ShoppingCartView">
    <attr name="max_quantity" format="integer" />
    <attr name="min_quantity" format="integer" />
</declare-styleable>

2.2.3 获取自定义属性

在 ShoppingCartView 的构造方法中获取自定义属性，代码如下：

public ShoppingCartView(Context context, AttributeSet attrs) {
    super(context, attrs);

    LayoutInflater.from(context).inflate(R.layout.shopping_cart_view, this);

    // 获取自定义属性
    TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.ShoppingCartView);
    maxQuantity = typedArray.getInt(R.styleable.ShoppingCartView_max_quantity, DEFAULT_MAX_QUANTITY);
    minQuantity = typedArray.getInt(R.styleable.ShoppingCartView_min_quantity, DEFAULT_MIN_QUANTITY);
    typedArray.recycle();

    initView();
}

在这段代码中，我们首先用 LayoutInflater 把布局文件 shopping_cart_view.xml 加载到 ShoppingCartView 中。然后，我们使用 obtainStyledAttributes 获取自定义属性的值。在获取完值之后要记得使用 recycle 来回收 TypedArray。

2.2.4 初始化视图控件

在 ShoppingCartView 中，我们可以找到两个按钮和一个 TextView，我们需要在代码中初始化，代码如下：

private void initView() {
    btnMinus = findViewById(R.id.btn_minus);
    btnAdd = findViewById(R.id.btn_add);
    tvCount = findViewById(R.id.tv_count);

    btnMinus.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            // 点击减号按钮的操作
        }
    });

    btnAdd.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            // 点击加号按钮的操作
        }
    });

    setCount(DEFAULT_COUNT);
}

在这段代码中，我们在 initView 方法中初始化了按钮和 TextView，并设置了按钮的点击事件监听器。注意，在这里我们设置了一个默认的商品数量值 DEFAULT_COUNT。

2.2.5 实现点击按钮的操作

在 ShoppingCartView 中，我们需要实现点击加号/减号按钮的操作，并把修改后的商品数量回调回去。在这里，我们会用到 OnCountChangeListener 接口来回调商品数量的变化，代码如下：

public interface OnCountChangeListener {
    void onCountChange(int count);
}

private OnCountChangeListener mOnCountChangeListener;

public void setOnCountChangeListener(OnCountChangeListener listener) {
    mOnCountChangeListener = listener;
}

private void notifyOnCountChange(int count) {
    if (mOnCountChangeListener != null) {
        mOnCountChangeListener.onCountChange(count);
    }
}

// 判断当前数量是否达到了最大值或最小值
private boolean checkQuantity(boolean isAdd) {
    if (isAdd) {
        return quantity < maxQuantity;
    } else {
        return quantity > minQuantity;
    }
}

// “-”按钮的点击事件
private void onMinusClick() {
    if (checkQuantity(false)) {
        quantity--;
        setCount(quantity);
        notifyOnCountChange(quantity);
    } else {
        Toast.makeText(getContext(), "已达到最小值", Toast.LENGTH_SHORT).show();
    }
}

// “+”按钮的点击事件
private void onAddClick() {
    if (checkQuantity(true)) {
        quantity++;
        setCount(quantity);
        notifyOnCountChange(quantity);
    } else {
        Toast.makeText(getContext(), "已达到最大值", Toast.LENGTH_SHORT).show();
    }
}

在这段代码中，我们首先定义了一个 OnCountChangeListener 接口，并定义了一个 setOnCountChangeListener 方法来设置监听器。然后，在 onMinusClick 和 onAddClick 方法中，我们用 checkQuantity 方法判断当前商品数量是否达到了最大值或最小值，如果没有就修改数量，使用 setCount 方法更新 TextView 的值，并通过 notifyOnCountChange 方法将修改后的数量回调回去。

2.2.6 对外提供的方法

我们还需要提供一些方法让外部可以修改当前的商品数量，代码如下：

// 获取当前商品数量
public int getCount() {
    return quantity;
}

// 设置当前商品数量
public void setCount(int count) {
    quantity = count;
    tvCount.setText(String.valueOf(quantity));
}

这里提供了两个方法，getCount 可以获得当前商品数量，setCount 可以设置当前商品数量。

2.3 示例

现在，我们尝试在 MainActivity 中使用 ShoppingCartView。首先，在布局文件 activity_main.xml 中添加以下代码：

<com.example.test.ShoppingCartView
    android:id="@+id/shopping_cart_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="16dp"
    android:layout_gravity="center"
    app:max_quantity="10"
    app:min_quantity="0" />

在这段代码中，我们将自定义控件 ShoppingCartView 添加到了布局文件中，并设置了两个自定义属性：max_quantity 和 min_quantity。

然后，在 MainActivity 中添加以下代码：

public class MainActivity extends AppCompatActivity {

    private ShoppingCartView mShoppingCartView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mShoppingCartView = findViewById(R.id.shopping_cart_view);

        mShoppingCartView.setOnCountChangeListener(new ShoppingCartView.OnCountChangeListener() {
            @Override
            public void onCountChange(int count) {
                Log.d("MainActivity", "当前商品数量为：" + count);
            }
        });
    }
}

在这段代码中，我们首先获取布局文件中的 ShoppingCartView，然后设置了一个 OnCountChangeListener，在监听器回调时，通过 Log 打印当前商品数量。

现在运行应用，点击加减按钮，可以看到当前商品数量的变化，并且可以看到 Log 打印的监听器结果。