有没有简单的方法来创建这些步进按钮?

时间:2016-03-07 13:11:19

标签: android android-layout android-view android-custom-view

Stepper buttons

我需要像图像中的月份和年份按钮这样的按钮。一个名为Ystepperview的库可用于ios但未找到这个用于android。如果有人实现了这样的按钮,请告诉我创建此视图的简便方法。

1 个答案:

答案 0 :(得分:1)

<强> XML:

  <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="55dp"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="20dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:background="@drawable/your_shape"
        android:orientation="horizontal"
        android:weightSum="2">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:layout_marginBottom="1dp"
            android:layout_marginTop="1dp"
            android:gravity="center"
            android:padding="15dp"
            android:src="@drawable/yourLeftIcon"/>


        <View
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:layout_weight="0"
            android:background="#000000" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:layout_marginBottom="1dp"
            android:layout_marginTop="1dp"
            android:background="#fbae41"
            android:gravity="center"
            android:text="JAN"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            android:textColor="@color/white"
            android:textSize="18sp" />

        <View
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:layout_weight="0"
            android:background="#000000" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:layout_marginBottom="1dp"
            android:layout_marginTop="1dp"
            android:gravity="center"
            android:padding="15dp"
            android:src="@drawable/yourRightIcon"
            />


    </LinearLayout>

SHAPE your_shape.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#999a97"/>
    <stroke android:width="1dip" android:color="#000000" />
    <corners android:radius="24dip"/>
    <padding android:left="0dip" android:top="0dip" android:right="0dip" android:bottom="0dip" />
</shape>

<强>输出:

enter image description here

将角落android:radius =“24dip”更改为正确的半径,背景颜色为solid android:color =“#999a97”,您将获得示例视图。