微信小程序开发适配视图基础
本节介绍适配器的基本概念，结合对上海小程序开发Spinner的使用说明分别阐述数组适配器ArayAdapter、简单适配器SimpleAdapter的具体用法与展示效果。3.3.1 下拉框Spinner
Spinner是下拉框，用于从一串列表中选择某项，功能类以于单选按钮的组合。下拉列表的展示方式有两种，一种是在当前下拉框的正下方展示列表，此时把spinnerMode属性设置为dropdown;另一种是在页面中部以对话框形式展示列表，此时把spinnerMode 属性设置为dialog。另外，Spinner还可以在代码中调用下列4个方法。
setPrompt:设置小程序标题文字。
setAdapter:设置下拉列表的适配器。适配器可选择ArayAdapter或Simple. Adaptero
setSelection:设置当前选中哪项。注意该方法要在setAdapter方法后调用。setOnItemSelectedListener:设置下拉列表的选中监听器，该监听器要实现接口OnItemSelectedListener。
下面是一个自定义选中监听器的例子:
private String0] sarAray "水星”“金星”，“地球”，“火星”，“木星”，“士星”:private class MySelectedListener implements OntemSelecedListener 1
public void onlemSelectedAdaperViewe? arg0, View argl, int arg2. long arg3) {
Toast make extSinnerDialogAciythis,“您选择的是“+starAmay[arg2].ToastLENGTH LONG),show0);

publice void onNohingSeleted(AdaperViewps arg0) {
下面是使用Spinner控件的代码片段:





      AmayAdapter String starAdapter new ArrayAdaptersString-(this,

      R.layout.item sclect, starArray);

      starAdapler.setDropDownView Resoure(R ayou.iem dropdown);Spinner sp Spinmer) findViewByldR.idsp. dialog);sp.sctPrompt请选择行星"):sp.setAdapter(starAdapter):sp.setSelection(O);

      sp.sctOntemSectedL iternew Myselectedl istenerO;

      接下来看对话框模式的微信小程序下拉效果，如图3-11所示。页面中部弹出六大行星的下拉列表;点击具体行星项后自动收起下拉列表，并且下拉框中的文字变更为刚选中的行星名称。




int icomAmay R dnawable shuising. R.drnwable jinxing R dnwable diqiu.
R.dnwable.huoxing. R dnwable muxing. R.dmawable tuxing };: 
List list = new AmeyLis-MapSring. ObjecD>0;for (inti- 0, i< iconAraylengh;++){
MapsString. Object> itcm一new HashMap String. Objeet>0;itemput icon" iconAmayli]kitem put mamne", starAmayfi]);lisadiem;

SimpleAdapter starAdapter = new SimpleAdapter(this, list. R.layoutitem select,
new StringO 1 "icon", "name" I， new int[↑Ridiv_ icon, Ridtv name });sturAdapcer setDropDownVicwResourcelR.layoutitem simplek;下面是每个列表页的布局文件代码(包装盒):
android.com/apk/neslandroid"
android:layou width-"match parent"android:layout height "wrap content"androidorientation "horicontal" >

-ImageView
android:id- @+idiw_ icon"android:layou width-*0dp"androidlayout heigh="50dp"android:layou weight-"1"android;gravity-"center >

-TexiView
android:id-"@+idtv nane"android:layoul width "0dp"
android:layu height " match parent"androidlayour weight "3"android:gravity-"enter"android:textSize="17sp"
androidtexiColor-"#0000 b 敲了这么多代码，下面看一下加了图标的下拉列表的效果图，如图3-12所示。此时下拉列表左边显示行星的图片，右边显示上海小程序开发公司的名称。