一、引言
在移动应用开发中，本文讲如何在安卓应用中实现一个增加和减少选择数值的控件。
思考： 为什么需要增加和减少控件？
增加和减少控件为用户提供了一种快速、直观的方式选择一个数值，而且不需要手动输入。这种控件在许多场景中应用广泛，比如
- 购物车应用：用于选择商品的数量。
- 设置页面：如调节音量、亮度、字体大小等。
- 游戏：调节难度等级、角色属性等。
二、开发环境介绍
本文使用 Android Studio 作为开发环境，使用 XML设计UI布局，采用 Java 来实现逻辑处理，但是协议数据不提供code。
三、技术实现
（1）在XML配置
在XML布局文件，定义了一个水平方向的LinearLayout，包含两个ImageView（用于增加和减少按钮）和一个TextView（用于显示当前数值）
<LinearLayout
android:layout_width="190px"
android:layout_height="match_parent"
android:layout_marginStart="30px"
android:background="@drawable/carinfo_uniz_widget_control_bg"
android:orientation="horizontal">
<ImageView
android:id="@ id/carinfo_t2_bt_less"
android:layout_width="50px"
android:layout_height="50px"
android:layout_gravity="center"
android:src="@drawable/carinfo_t2_bt_less_selector" />
<LinearLayout
android:layout_width="75px"
android:layout_height="88px"
android:layout_gravity="center">
<TextView
android:id="@ id/carinfo_t2_bt_text"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:text="低"
android:textColor="@color/black"
android:textSize="24px" />
</LinearLayout>
<ImageView
android:id="@ id/carinfo_t2_bt_add"
android:layout_width="50px"
android:layout_height="50px"
android:layout_gravity="center"
android:src="@drawable/carinfo_t2_bt_add_selector" />
</LinearLayout>ImageView用作加号和减号按钮，分别表示增加和减少功能。TextView显示当前的数值，可以通过点击按钮进行更新。
（2）编码UI逻辑
当用户点击加号或减号时，系统会更新当前显示的数值。
设置2个ImageView按钮的点击事件监听器，更新TextView的值。
private final String[] levels = getResources().getStringArray(R.array.carinfo_climate_wind_level_array);
private int currentLevelIndex = 1;
ImageView mBtLessIv = getMainView().findViewById(R.id.carinfo_t2_bt_less);
mBtLessIv.setOnClickListener(this);
mBtLessIv.setOnClickListener(v -> {
// 当前级别索引减1
currentLevelIndex--;
// 如果级别小于1，重置为最大级别
if (currentLevelIndex < 1) {
currentLevelIndex = levels.length;
}
// 设置文本视图显示新的级别
mBtTv.setText(levels[currentLevelIndex - 1]);
// mViewManage.xxx(xx);
Log.e("Nimyears", "currentLevelIndex: " currentLevelIndex ", Text: " mBtTv.getText());
});
ImageView mBtAddIv = getMainView().findViewById(R.id.carinfo_t2_bt_add);
mBtAddIv.setOnClickListener(this);
mBtAddIv.setOnClickListener(v -> {
// 当前级别索引加1
currentLevelIndex ;
// 如果级别大于数组长度，重置为最小级别
if (currentLevelIndex > levels.length) {
currentLevelIndex = 1;
}
// 设置文本视图显示新的级别
mBtTv.setText(levels[currentLevelIndex - 1]);
// mViewManage.xxx(xxxx);
Log.e("Nimyears", "currentLevelIndex: " currentLevelIndex ", Text: " mBtTv.getText());
});
TextView mBtTv = getMainView().findViewById(R.id.carinfo_t2_bt_text);
....
（3）字符串资源定义
代码语言：xml复制<string-array name="carinfo_climate_wind_level_array">
<item>弱</item>
<item>中</item>
<item>强</item>
</string-array>（4）更新显示
为了保证每次进入页面时控件显示正确的值，可以定义一个方法，确保 TextView 在页面加载时显示当前的等级：
public void updateRegenerationEnergyRecovery() {
mBtTv.setText(levels[currentLevelIndex - 1]);
}四、效果图和视频效果图
五、结论
通过本文的介绍，详细讲解了如何在 Android 应用中实现一个增加和减少数值的控件。此类控件提升了UI的交互性，还能为用户提供直观的操作体验。在许多应用场景中，特别是涉及数量选择、等级调节或参数设置的场景。
无论是新手开发者还是有经验的开发人员，增加和减少控件的设计和实现都是提升用户体验的重要，希望通过本文的介绍，能够帮助大家在实际Demo或是实战中更好应用实现这个控件。
觉得很有用的请手动点赞，谢谢大家的阅读 ）
