2017-02-13 5 views
-1

私はスピナーのためのカスタムデザインを作ろうとしていますが、幸運にも私はedittextでしか作れませんでした。画像でカスタムスピナーを作成するには?

私はこのようなものが欲しいです。私はdrawableleftを使うのEditTextで

enter image description here

、誰かが私は私のスピナーをカスタマイズすることができますどのように私を助けることができますか? 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

、これを試してみてください。ありがとう – 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

はこれを試してみてください。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> 
であなたのImageViewの持つスピナーを包みます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

0

あなたはspinner.Spinnersが選択のために作られていて、あなたがのEditText使用しないでください.Also How to customize a Spinner in Androidにスピナーをカスタマイズするための答えのトンを見つけることができます多くの選択肢から選択肢。

関連する問題