资 讯

网站建设、app开发、微信开发、网络营销知识汇聚

We provide professional and all-round information services to enterprises from all levels and angles

微信小程序开发适配视图基础
admin 2018-09-04

微信小程序开发适配视图基础
本节介绍适配器的基本概念,结合对上海小程序开发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所示。此时下拉列表左边显示行星的图片,右边显示上海小程序开发公司的名称。

  • 上一篇:渐变类型的取值说明小程序开发渐变类型
  • 下一篇:已经没有了
  • © 2011-2018 www.keyrey.com 上海科睿网络科技有限公司 © 版权所有 沪ICP备12032097号-1
    友情链接 : 上海app开发 app开发公司 app制作 手机软件开发 手机软件开发公司 小程序开发 上海网站制作公司
    QQ在线咨询

    上海app开发QQ在线咨询 上海app开发QQ在线咨询
    电话咨询
    400-877-9280 app开发公司电话咨询
    即时在线咨询 手机软件开发即时在线咨询
    微信扫一扫
    添加app制作微信 上海网站制作公司微信
    科睿网络-互联网开发营销专家

    凡事有交代 件件有着落 事事有回应

    立即获取为您量身定制的开发营销方案

    咨询热线 400-877-9280