2017-02-13 27 views
-1

我試圖爲微調器做一個自定義設計,但沒有運氣,我只通過edittext。如何使圖像自定義微調器?

我想要這樣的東西。

enter image description here

在我的EditText使用drawableleft,有人可以幫助我,我怎麼能定製我的微調?

在XML

 <EditText 
     android:id="@+id/etBusinessKeywor" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@drawable/bg_spinner" 
     android:cursorVisible="false" 
     android:drawableRight="@drawable/ic_keyboard_arrow_down_white_24dp" 
     android:hint="SERVICE" 
     android:padding="@dimen/_12sdp" 
     android:textColorHint="@color/pbr_lightgray" 
     android:textSize="@dimen/fontsize_title" 
     android:textStyle="bold" /> 

bg_spinner:

<item> 
    <shape> 
     <corners android:radius="3dp" /> 
     <solid android:color="@android:color/white" /> 
    </shape> 
</item> 
<item> 
    <shape> 
     <corners android:radius="3dp" /> 
     <solid android:color="@color/colorPrimary" /> 

    </shape> 
</item> 
<item android:right="50dp"> 
    <shape> 
     <solid android:color="@android:color/white" /> 
     <corners 
      android:bottomLeftRadius="3dp" 
      android:topLeftRadius="3dp" /> 
    </shape> 
</item> 
<item> 
    <shape> 

     <solid android:color="@android:color/transparent" /> 
    </shape> 
</item> 

+0

嗨,我重新討論這個問題。 Thankyou – JAC

回答

0

試試這個,

<Spinner 
     android:id="@+id/spn" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:background="@drawable/selector_spinner" 
     android:popupBackground="#fff" 
     android:spinnerMode="dropdown" 
     /> 

selector_spinner.xml

<?xml version="1.0" encoding="utf-8"?> 
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > 

     <item> 
      <shape android:shape="rectangle" > 
       <solid android:color="#000000" /> 

       <corners 
        android:radius="2dp" /> 
      </shape> 
     </item> 
     <item 
      android:bottom="1dip" 
      android:left="1dip" 
      android:right="1dip" 
      android:top="1dip"> 
      <shape android:shape="rectangle" > 
       <solid android:color="#FFFFFF" > 
       </solid> 

       <corners 
        android:radius="2dp" /> 

       <padding 
        android:right="5dp" 
        android:top="2dp" /> 
      </shape> 
     </item> 
     <item> 
      <bitmap 
       android:gravity="right|center_vertical" 
       android:src="@drawable/ic_down_arrow" /> 
     </item> 

    </layer-list> 
0

試試這個:在您的ImageView包裹微調RelativeLayout

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_margin="10dp" 
    android:background="@drawable/spinner_border" 
    android:orientation="horizontal"> 

    <Spinner 
     android:id="@+id/spinner2" 
     android:layout_width="match_parent" 
     android:layout_height="60dp" 
     android:layout_centerVertical="true" 
     android:background="@android:color/transparent" 
     android:gravity="center" 
     android:spinnerMode="dropdown" /> 

    <FrameLayout 
     android:layout_width="50dp" 
     android:layout_height="60dp" 
     android:layout_alignParentRight="true" 
     android:layout_centerVertical="true" 
     android:background="@color/colorPrimary" 
     android:padding="3dp"> 

     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:src="@drawable/dropdown_bar" /> 
    </FrameLayout> 

</RelativeLayout> 

在res /繪製/ spinner_border使用:

<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
    <solid android:color="@android:color/transparent" /> 
    <corners android:radius="5dp" /> 
    <stroke 
     android:width="1dp" 
     android:color="@color/colorPrimary" /> 
</shape> 

enter image description here

+0

與我的問題是,我的圖像是從藍色背景本身分開。 – JAC