1. 程式人生 > >一個背景圖實現自定義spinner樣式

一個背景圖實現自定義spinner樣式


如下介面:由一個spinner兩個EditText一個Button實現,為了保持介面的統一性,需要把預設的spinner樣式改成類似下面的樣式。

xml檔案佈局如下圖

這裡用一個LinerLayout 實現horizintal佈局,並使用了一個9.的圖片,跟Button背景圖片一樣。通過layout_weight 權重佈局,權重越大,在佈局內佔得控制元件越小,如上圖。下拉按鈕則是用了一個text的特殊字元實現。

複製程式碼
 <LinearLayout
                android:layout_width="match_parent"
                android:layout_height
="wrap_content" android:layout_margin="20dp" android:background="@drawable/corner_list_bg" android:orientation="horizontal" > <Spinner android:id="@+id/spinnerbumen" android:layout_width
="fill_parent" android:layout_height="50dp" android:layout_gravity="center_vertical" android:layout_weight="1" android:layout_marginLeft="20dp" android:background="@null" /> <TextView android:id
="@+id/text" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="▼" android:layout_gravity="center_vertical" android:layout_weight="4" android:gravity="right" android:layout_marginRight="20dp" /> </LinearLayout>
複製程式碼

最後附上背景圖