blocks|key|312419|text|使用微调器的自定义布局创建自定义适配器。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|312420|Spinner+spinner+=+(Spinner)+findViewById(R.id.pioedittxt5);
ArrayAdapter<CharSequence>+adapter+=+ArrayAdapter.createFromResource(this,
++++++++R.array.travelreasons,+R.layout.simple_spinner_item);
adapter.setDropDownViewResource(R.layout.simple_spinner_dropdown_item);
spinner.setAdapter(adapter);|code-block|syntax|javascript|312421|R.layout.simple_spinner_item|312422|<TextView+xmlns:android="http://schemas.android.com/apk/res/android"+
++++android:id="@android:id/text1"
++++style="@style/spinnerItemStyle"
++++android:maxLines="1"
++++android:layout_width="match_parent"
++++android:layout_height="wrap_content"
++++android:ellipsize="marquee"+/>|312423|R.layout.simple_spinner_dropdown_item|312424|<CheckedTextView+xmlns:android="http://schemas.android.com/apk/res/android"+
++++android:id="@android:id/text1"
++++style="@style/spinnerDropDownItemStyle"
++++android:maxLines="1"
++++android:layout_width="match_parent"
++++android:layout_height="?android:attr/dropdownListPreferredItemHeight"
++++android:ellipsize="marquee"+/>|312425|在样式中，根据需要添加自定义尺寸和高度。|312426|+<style+name="spinnerItemStyle"+parent="android:Widget.TextView.SpinnerItem">

++</style>

++<style+name="spinnerDropDownItemStyle"+parent="android:TextAppearance.Widget.TextView.SpinnerItem">

++</style>|312427|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

Create a custom adapter with a custom layout for your spinner.

<pre><code>Spinner spinner = (Spinner) findViewById(R.id.pioedittxt5);
ArrayAdapter&lt;CharSequence&gt; adapter = ArrayAdapter.createFromResource(this,
 R.array.travelreasons, R.layout.simple_spinner_item);
adapter.setDropDownViewResource(R.layout.simple_spinner_dropdown_item);
spinner.setAdapter(adapter);
</code></pre>

R.layout.simple_spinner_item

<pre><code>&lt;TextView xmlns:android="http://schemas.android.com/apk/res/android" 
 android:id="@android:id/text1"
 style="@style/spinnerItemStyle"
 android:maxLines="1"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:ellipsize="marquee" /&gt;
</code></pre>

R.layout.simple_spinner_dropdown_item

<pre><code>&lt;CheckedTextView xmlns:android="http://schemas.android.com/apk/res/android" 
 android:id="@android:id/text1"
 style="@style/spinnerDropDownItemStyle"
 android:maxLines="1"
 android:layout_width="match_parent"
 android:layout_height="?android:attr/dropdownListPreferredItemHeight"
 android:ellipsize="marquee" /&gt;
</code></pre>

In styles add your custom dimensions and height as per your requirement.

<pre><code> &lt;style name="spinnerItemStyle" parent="android:Widget.TextView.SpinnerItem"&gt;

 &lt;/style&gt;

 &lt;style name="spinnerDropDownItemStyle" parent="android:TextAppearance.Widget.TextView.SpinnerItem"&gt;

 &lt;/style&gt;
</code></pre>

blocks|key|312472|text|这对我很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|312473|ArrayAdapter<String>+adapter+=+new+ArrayAdapter<String>(getActivity(),R.layout.simple_spinner_item,areas);
++++++++++++Spinner+areasSpinner+=+(Spinner)+view.findViewById(R.id.area_spinner);
++++++++++++areasSpinner.setAdapter(adapter);|code-block|syntax|javascript|312474|在我的布局文件夹中，我创建了simple_spinner_item：|offset|length|style|CODE|312475|<TextView+xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/text1"
android:layout_width="match_parent"
//+add+custom+fields+here+
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceListItemSmall"
android:gravity="center_vertical"
android:paddingStart="?android:attr/listPreferredItemPaddingStart"
android:paddingEnd="?android:attr/listPreferredItemPaddingEnd"
android:minHeight="?android:attr/listPreferredItemHeightSmall"
android:paddingLeft="?android:attr/listPreferredItemPaddingLeft"
android:paddingRight="?android:attr/listPreferredItemPaddingRight"+/>|312476|entityMap^0|0|0|E|J|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

This worked for me : 

<pre><code>ArrayAdapter&lt;String&gt; adapter = new ArrayAdapter&lt;String&gt;(getActivity(),R.layout.simple_spinner_item,areas);
 Spinner areasSpinner = (Spinner) view.findViewById(R.id.area_spinner);
 areasSpinner.setAdapter(adapter);
</code></pre>

and in my layout folder I created <code>simple_spinner_item</code>: 

<pre><code>&lt;TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/text1"
android:layout_width="match_parent"
// add custom fields here 
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceListItemSmall"
android:gravity="center_vertical"
android:paddingStart="?android:attr/listPreferredItemPaddingStart"
android:paddingEnd="?android:attr/listPreferredItemPaddingEnd"
android:minHeight="?android:attr/listPreferredItemHeightSmall"
android:paddingLeft="?android:attr/listPreferredItemPaddingLeft"
android:paddingRight="?android:attr/listPreferredItemPaddingRight" /&gt;
</code></pre>

blocks|key|312564|text|您可以创建完全自定义的微调器设计，如下所示|type|unstyled|depth|inlineStyleRanges|entityRanges|data|312565|Step1:在可绘制文件夹中，为微调器的边框创建background.xml。|312566|<?xml+version="1.0"+encoding="utf-8"?>
<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="@android:color/darker_gray"+/>
</shape>|code-block|syntax|javascript|312567|Step2:对于微调器的布局设计，请使用此下拉图标或任何图像drop.png|312568|📷|atomic|offset|length|312569|​|312570|+<RelativeLayout
++++android:layout_width="match_parent"
++++android:layout_height="wrap_content"
++++android:layout_marginRight="3dp"
++++android:layout_weight=".28"
++++android:background="@drawable/spinner_border"
++++android:orientation="horizontal">

++++<Spinner
++++++++android:id="@%2Bid/spinner2"
++++++++android:layout_width="match_parent"
++++++++android:layout_height="wrap_content"
++++++++android:layout_centerVertical="true"
++++++++android:layout_gravity="center"
++++++++android:background="@android:color/transparent"
++++++++android:gravity="center"
++++++++android:layout_marginLeft="5dp"
++++++++android:spinnerMode="dropdown"+/>

++++<ImageView
++++++++android:layout_width="wrap_content"
++++++++android:layout_height="wrap_content"
++++++++android:layout_alignParentRight="true"
++++++++android:layout_centerVertical="true"
++++++++android:layout_gravity="center"
++++++++android:src="@mipmap/drop"+/>

</RelativeLayout>|312571|最后看起来像下图，它是到处都可以点击，在圆形区域，而不需要写点击列表器为imageView。|312572|312573|312574|312575|Step3:对于下拉设计，从Dropdown+ListView中删除行并更改背景颜色，创建自定义适配器，如下所示|312576|Spinner+spinner+=+(Spinner)+findViewById(R.id.spinner1);
String[]+years+=+{"1996","1997","1998","1998"};
ArrayAdapter<CharSequence>+langAdapter+=+new+ArrayAdapter<CharSequence>(getActivity(),+R.layout.spinner_text,+years+);
langAdapter.setDropDownViewResource(R.layout.simple_spinner_dropdown);
mSpinner5.setAdapter(langAdapter);|312577|在布局文件夹中创建R.layout.spinner_text.xml|312578|<?xml+version="1.0"+encoding="utf-8"?>
<TextView+xmlns:android="http://schemas.android.com/apk/res/android"
android:layoutDirection="ltr"
android:id="@android:id/text1"
style="@style/spinnerItemStyle"
android:singleLine="true"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ellipsize="marquee"
android:paddingLeft="2dp"
/>|312579|在布局文件夹中创建simple_spinner_dropdown.xml|312580|<?xml+version="1.0"+encoding="utf-8"?>
<CheckedTextView+xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/text1"
style="@style/spinnerDropDownItemStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ellipsize="marquee"
android:paddingBottom="5dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:paddingTop="5dp"
android:singleLine="true"+/>|312581|在样式中，可以根据需要添加自定义尺寸和高度。|312582|<style+name="spinnerItemStyle"+parent="android:Widget.TextView.SpinnerItem">
</style>

<style+name="spinnerDropDownItemStyle"+parent="android:TextAppearance.Widget.TextView.SpinnerItem">
</style>|312583|最后看起来像这样|312584|312585|312586|312587|根据需要，您可以通过更改simple_spinner_dropdown.xml的背景颜色或文本颜色来更改下拉颜色的背景颜色和文本颜色|312588|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/888a79f87555f380c1ea5e3252be4746.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/403dd4751f7e9882d9be6a3b407e32d3.jpeg|2|https://ask.qcloudimg.com/http-save/yehe-900000/d99bdb33b2d919ca92b12cc993a58734.jpeg^0|0|0|0|0|0|1|0|0|0|0|0|0|0|1|1|0|0|0|0|0|0|0|0|0|0|0|0|0|1|2|0|0|0^^$0|@$1|2|3|4|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|20|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|21|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|22|8|@]|9|@$N|23|O|24|1|25]]|A|$]]|$1|P|3|Q|5|6|7|26|8|@]|9|@]|A|$]]|$1|R|3|S|5|F|7|27|8|@]|9|@]|A|$G|H]]|$1|T|3|U|5|6|7|28|8|@]|9|@]|A|$]]|$1|V|3|Q|5|6|7|29|8|@]|9|@]|A|$]]|$1|W|3|L|5|M|7|2A|8|@]|9|@$N|2B|O|2C|1|2D]]|A|$]]|$1|X|3|Q|5|6|7|2E|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|2F|8|@]|9|@]|A|$]]|$1|10|3|11|5|F|7|2G|8|@]|9|@]|A|$G|H]]|$1|12|3|13|5|6|7|2H|8|@]|9|@]|A|$]]|$1|14|3|15|5|F|7|2I|8|@]|9|@]|A|$G|H]]|$1|16|3|17|5|6|7|2J|8|@]|9|@]|A|$]]|$1|18|3|19|5|F|7|2K|8|@]|9|@]|A|$G|H]]|$1|1A|3|1B|5|6|7|2L|8|@]|9|@]|A|$]]|$1|1C|3|1D|5|F|7|2M|8|@]|9|@]|A|$G|H]]|$1|1E|3|1F|5|6|7|2N|8|@]|9|@]|A|$]]|$1|1G|3|Q|5|6|7|2O|8|@]|9|@]|A|$]]|$1|1H|3|L|5|M|7|2P|8|@]|9|@$N|2Q|O|2R|1|2S]]|A|$]]|$1|1I|3|Q|5|6|7|2T|8|@]|9|@]|A|$]]|$1|1J|3|1K|5|6|7|2U|8|@]|9|@]|A|$]]|$1|1L|3|-4|5|6|7|2V|8|@]|9|@]|A|$]]]|1M|$1N|$5|1O|1P|1Q|A|$1R|1S|1T|-4]]|1U|$5|1O|1P|1Q|A|$1R|1V|1T|-4]]|1W|$5|1O|1P|1Q|A|$1R|1X|1T|-4]]]]

You can create fully custom spinner design like as

Step1: In drawable folder make background.xml for a border of the spinner.

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;shape xmlns:android="http://schemas.android.com/apk/res/android"&gt;
&lt;solid android:color="@android:color/transparent" /&gt;
&lt;corners android:radius="5dp" /&gt;
&lt;stroke
android:width="1dp"
 android:color="@android:color/darker_gray" /&gt;
&lt;/shape&gt;
</code></pre>

Step2: for layout design of spinner use this drop-down icon or any image drop.png
<a href="https://i.stack.imgur.com/g0C8M.png" rel="noreferrer"><img src="https://i.stack.imgur.com/g0C8M.png" alt="enter image description here"></a>

<pre><code> &lt;RelativeLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_marginRight="3dp"
 android:layout_weight=".28"
 android:background="@drawable/spinner_border"
 android:orientation="horizontal"&gt;

 &lt;Spinner
 android:id="@+id/spinner2"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_centerVertical="true"
 android:layout_gravity="center"
 android:background="@android:color/transparent"
 android:gravity="center"
 android:layout_marginLeft="5dp"
 android:spinnerMode="dropdown" /&gt;

 &lt;ImageView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentRight="true"
 android:layout_centerVertical="true"
 android:layout_gravity="center"
 android:src="@mipmap/drop" /&gt;

&lt;/RelativeLayout&gt;
</code></pre>

Finally looks like below image and it is everywhere clickable in round area and no need to write click Lister for imageView.

<a href="https://i.stack.imgur.com/BMiJc.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/BMiJc.jpg" alt="enter image description here"></a>

Step3: For drop-down design, remove the line from Dropdown ListView and change the background color, 
Create custom adapter like as

<pre><code>Spinner spinner = (Spinner) findViewById(R.id.spinner1);
String[] years = {"1996","1997","1998","1998"};
ArrayAdapter&lt;CharSequence&gt; langAdapter = new ArrayAdapter&lt;CharSequence&gt;(getActivity(), R.layout.spinner_text, years );
langAdapter.setDropDownViewResource(R.layout.simple_spinner_dropdown);
mSpinner5.setAdapter(langAdapter);
</code></pre>

In layout folder create R.layout.spinner_text.xml

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:layoutDirection="ltr"
android:id="@android:id/text1"
style="@style/spinnerItemStyle"
android:singleLine="true"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ellipsize="marquee"
android:paddingLeft="2dp"
/&gt;
</code></pre>

In layout folder create simple_spinner_dropdown.xml

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;CheckedTextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/text1"
style="@style/spinnerDropDownItemStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ellipsize="marquee"
android:paddingBottom="5dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:paddingTop="5dp"
android:singleLine="true" /&gt;
</code></pre>

In styles, you can add custom dimensions and height as per your requirement.

<pre><code>&lt;style name="spinnerItemStyle" parent="android:Widget.TextView.SpinnerItem"&gt;
&lt;/style&gt;

&lt;style name="spinnerDropDownItemStyle" parent="android:TextAppearance.Widget.TextView.SpinnerItem"&gt;
&lt;/style&gt;
</code></pre>

Finally looks like as

<a href="https://i.stack.imgur.com/29qYc.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/29qYc.jpg" alt="enter image description here"></a>

According to the requirement, you can change background color and text of drop-down color by changing the background color or text color of simple_spinner_dropdown.xml

blocks|key|312601|text|我已经建立了一个小的演示项目，你可以看看它Link+to+project|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|312602|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/Barai-Vivek/CustomizedSpinner^0|L|F|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I have build a small demo project on this you could have a look to it
<a href="https://github.com/Barai-Vivek/CustomizedSpinner" rel="nofollow noreferrer">Link to project</a>

I want to add a custom height to the dropdown of a <code>Spinner</code>, say 30dp, and I want to hide the dividers of the dropdown list of <code>Spinner</code>.

So far I tried to implement following style to the <code>Spinner</code>:

<pre><code>&lt;style name="spinner_style"&gt;
 &lt;item name="android:paddingLeft"&gt;0dp&lt;/item&gt;
 &lt;item name="android:dropDownWidth"&gt;533dp&lt;/item&gt;
 &lt;item name="android:showDividers"&gt;none&lt;/item&gt;
 &lt;item name="android:dividerHeight"&gt;0dp&lt;/item&gt;
 &lt;item name="android:popupBackground"&gt;@drawable/new_bg&lt;/item&gt;
 &lt;item name="android:dropDownHeight"&gt;70dp&lt;/item&gt;
 &lt;item name="android:scrollbarAlwaysDrawVerticalTrack"&gt;true&lt;/item&gt;
 &lt;item name="android:dropDownSelector"&gt;@android:color/white&lt;/item&gt;
 &lt;/style&gt;
</code></pre>

and the code of my spinner is :

<pre><code>&lt;Spinner
 android:id="@+id/pioedittxt5"
 android:layout_width="543dp"
 android:layout_height="63dp"
 android:layout_toRightOf="@+id/piotxt5"
 android:background="@drawable/spinner"
 style="@style/spinner_style"
 android:dropDownVerticalOffset="-53dp"
 android:spinnerMode="dropdown"
 android:drawSelectorOnTop="true"
 android:entries="@array/travelreasons"
 android:prompt="@string/prompt" /&gt;
</code></pre>

But nothing seems to be working.

How to customize a Spinner in Android

我想在Spinner的下拉列表中添加一个自定义高度，比如30dp，并且我想隐藏Spinner下拉列表中的分隔符。到目前为止，我尝试在Spinner中实现以下样式<style name="spinner_style"> <item name="android:paddingLeft">0dp</item> ...

问如何在Android中自定义微调器
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Android中自定义微调器EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Android中自定义微调器
EN