如何解决如何在Android中添加Plus Minus botton
我想为Android(使用Java)的版式设置一个加号/减号按钮,就像您可以在此处https://ux.stackexchange.com/questions/99253/plus-minus-button-position-for-selecting-number-of-passengers看到的那样。 Android中是否有使用此元素的原生元素?我进行了搜索,但找不到一个令我感到惊讶的东西,因为我认为这是Apps中经常使用的元素(至少比在Android Studio布局编辑器中可以看到的多个项目更频繁使用)。>
是否有使用本地组件的简单解决方案? 我会为每一个评论感到高兴。
解决方法
使用2个按钮和一个中间的EditText可以轻松实现此目的。我在酒店菜单应用中使用了此代码。
整体使用此布局。
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:paddingTop="8dp"
android:paddingBottom="8dp">
<Button
android:id="@+id/removeBtn"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_alignParentStart="true"
android:layout_centerVertical="true"
android:background="@drawable/custom_btn_remove"
android:backgroundTint="@color/grey"/>
<EditText
android:id="@+id/itemQuanEt"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:inputType="number"
android:minEms="1"
android:text="1"
android:textAllCaps="false"
android:textAlignment="center"
android:textColor="@android:color/black"
android:textSize="20sp"
android:fontFamily="@font/hanken_light"/>
<Button
android:id="@+id/addBtn"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_alignParentEnd="true"
android:layout_centerVertical="true"
android:background="@drawable/custom_btn_add"
android:backgroundTint="@color/grey"/>
</RelativeLayout>
//这些是可绘制对象
custom_btn_add.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="false" android:drawable="@drawable/ic_add_circle_outline" />
<item android:state_pressed="true" android:drawable="@drawable/ic_add_circle_full" />
</selector>
custom_btn_remove.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="false" android:drawable="@drawable/ic_remove_circle_outline" />
<item android:state_pressed="true" android:drawable="@drawable/ic_remove_circle_full" />
</selector>
ic_add_circle_full.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24.0"
android:viewportHeight="24.0">
<path
android:fillColor="#FF000000"
android:pathData="M12,2C6.48,2 2,6.48 2,12s4.48,10 10,-4.48 10,-10S17.52,2 12,2zM17,13h-4v4h-2v-4L7,13v-2h4L11,7h2v4h4v2z"/>
</vector>
ic_add_circle_outline.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24.0"
android:viewportHeight="24.0">
<path
android:fillColor="#FF000000"
android:pathData="M13,7h-2v4L7,11v2h4v4h2v-4h4v-2h-4L13,7zM12,2zM12,20c-4.41,0 -8,-3.59 -8,-8s3.59,-8 8,3.59 8,8 -3.59,8 -8,8z"/>
</vector>
ic_remove_circle_full.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24.0"
android:viewportHeight="24.0">
<path
android:fillColor="#FF000000"
android:pathData="M12,13L7,13v-2h10v2z"/>
</vector>
ic_remove_circle_outline.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24.0"
android:viewportHeight="24.0">
<path
android:fillColor="#FF000000"
android:pathData="M7,11v2h10v-2L7,11zM12,8z"/>
</vector>
修改
dimens
只是您要定义的边距,如果您想经常使用它们。您可以将其替换为静态值,例如“ 16dp”。您也可以根据需要更改此布局。重点是将2个可绘制按钮与EditText一起使用。我更改了代码以使其变得更简单。
编辑2
我不是约束布局方面的高手。我试图向您展示如何使用此示例。我仍然建议您更多地了解如何在代码中使用约束,而不仅仅是拖放。
MainActivity.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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="match_parent"
tools:context=".MainActivity">
<Button
android:id="@+id/sampleBtn"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="sample button"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.077"
tools:layout_editor_absoluteX="16dp" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="8dp"
android:paddingBottom="8dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintTop_toTopOf="@+id/sampleBtn"
app:layout_constraintVertical_bias="0.12"
tools:layout_editor_absoluteX="16dp">
<Button
android:id="@+id/removeBtn"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_alignParentStart="true"
android:layout_centerVertical="true"
android:background="@drawable/custom_btn_remove"
android:backgroundTint="#C5BCBC" />
<EditText
android:id="@+id/itemQuanEt"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:inputType="number"
android:minEms="1"
android:text="1"
android:textAlignment="center"
android:textAllCaps="false"
android:textColor="@android:color/black"
android:textSize="20sp" />
<Button
android:id="@+id/addBtn"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_alignParentEnd="true"
android:layout_centerVertical="true"
android:background="@drawable/custom_btn_add"
android:backgroundTint="#C5BCBC" />
</RelativeLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。