一个背景图实现自定义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>

最后附上背景图

posted @ 2014-04-02 10:22  有梦想的小人物  阅读(22474)  评论(0编辑  收藏  举报