2016-03-07 55 views
0

Stepper buttons有沒有簡單的方法來創建這些步進按鈕?

我需要像圖像中的月份和年份按鈕這樣的按鈕。名爲Ystepperview的庫可用於ios,但未在android中找到。如果任何人實現這些按鈕讓我知道什麼是創建此視圖的簡單方法。

+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」更改爲正確的半徑,並將背景顏色固定爲android:color =「#999a97」,您將看到示例視圖。

+1

很好的實現 –

相關問題