如何更改数字选择器以显示加号和减号按钮

Question

我有一个数字选择器 -

 <NumberPicker
                android:id="@+id/shopping_cart_holder_quantity_picker"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:fontFamily="@font/noto_sans"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintHorizontal_bias="0.5"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

我正在尝试实现如下图所示的数字选择器 -

是的，这是在 iOS 中。我想知道如何在 Android 中实现相同的功能。

Answer 1

你可以通过简单地使用一个android库来实现这个效果。我建议this 一个。

只需将以下行添加到您的 gradle 文件中：

compile 'com.github.travijuu:numberpicker:1.0.7'

然后您可以像这样在.xml 文件中实现数字选择器：

<com.travijuu.numberpicker.library.NumberPicker
    android:id="@+id/number_picker"
    android:layout_width="130dp"
    android:layout_height="40dp"
    numberpicker:min="0"
    numberpicker:max="10"
    numberpicker:value="-5"
    numberpicker:unit="1"
    numberpicker:focusable="false"
    numberpicker:custom_layout="@layout/number_picker_custom_layout" />

您可以像这样自定义您的选择器：

    NumberPicker numberPicker = (NumberPicker) findViewById(R.id.number_picker);
    numberPicker.setMax(15);
    numberPicker.setMin(5);
    numberPicker.setUnit(2);
    numberPicker.setValue(10);

Answer 2

你不需要使用任何库来在android中实现这个功能。你可以使用你的自定义视图并编写最少的代码来增加和减少数量。我有一个例子，请看看这个。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
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="wrap_content">
<android.support.constraint.ConstraintLayout
    android:id="@+id/constraint_inner"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent">

   <ImageView
    android:id="@+id/imgMinus"
    android:layout_width="30dp"
    android:layout_height="30dp"
    android:padding="5dp"
    android:src="@drawable/minus"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintStart_toStartOf="parent"/>

    <TextView
        android:id="@+id/txtNumbers"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="0"
        android:textSize="24dp"
        android:layout_marginStart="24dp"
        android:inputType="number"
        android:textColor="@android:color/black"
        app:layout_constraintTop_toTopOf="@+id/imgMinus"
        app:layout_constraintBottom_toBottomOf="@id/imgMinus"
        app:layout_constraintStart_toEndOf="@+id/imgMinus"/>

    <ImageView
        android:id="@+id/imgPlus"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_marginStart="24dp"
        android:src="@drawable/plus"
        android:padding="5dp"
        app:layout_constraintStart_toEndOf="@+id/txtNumbers"
        app:layout_constraintTop_toTopOf="parent" />
  </android.support.constraint.ConstraintLayout>
  </android.support.constraint.ConstraintLayout>

在您的类文件中获取一个全局变量，用于在 TextView 上设置新数量并设置加号和减号图标的点击事件。

int num=0;(全局变量)

1-点击加号图标=>

       num++;
      setText();

2-On 点击减号图标=>

      if(num>0){
          num--;
         }
        setText();

setText 是一个用于在 textview 中更新数量的函数

   public void setText(){
     txtNumber.setText(num+"");
}