频道栏目
首页 > 资讯 > Android > 正文

Android Spinner

16-04-28        来源:[db:作者]  
收藏   我要投稿

Android 中下拉列表选择,提供了控件Spinner,现做一个小总结,以备使用。从1.Spinner属性2.设置Spinner的adapter说起。

1.Spinner属性

首先写一个简单的Spinner

activity_main.xml



    
values/arrays中的spin001_array资源:
        中国工商银行
        中国人民银行
        中国银行
        中国建设银行
        中国农业银行
        招商银行
    

如果不需要逻辑的话,至此一个简单的下拉菜单就写完了,不需要adapter,也不需要在MainActivity中findViewById(),看效果图:

001

Spinner的具体属性

- android:entries=”@array/spin001_array”

可以直接在xml中绑定数据源。上面的例子就是这种方式实现的。

- spinnerMode: 显示形式

有dropdown和dialog两种显示模式。上面的例子就是dropdown形式的,dialog形式的为:

 

002

- spin001.setDropDownHorizontalOffset();

spinnerMode=”dropdown”时,下拉的项目选择窗口在水平方向相对于Spinner窗口的偏移量。单位为pixels像素值。

- android:dropDownSelector

用于设置列表选择器的显示效果。

- spin001.setDropDownVerticalOffset();

spinnerMode=”dropdown”时,下拉的项目选择窗口在垂直方向相对于Spinner窗口的偏移量。单位为pixels像素值。

- android:dropDownWidth=”“

设置下拉的项目选择窗口的宽度。

- android:popupBackground=”“

设置下拉的项目选择窗口的背景。

- spin001.setPopupBackgroundDrawable();

设置下拉的项目选择窗口的背景dwawable。效果图:

bg

- android:prompt=”@string/bank_prompt”

设置下拉的项目选择窗口的标题,要采用@string/格式引用数据,不然会报错的。效果图:

title

2.设置Spinner的adapter

- 采用ArrayAdapter

  ArrayAdapter adapter = ArrayAdapter.createFromResource(
                this, R.array.spin001_array, android.R.layout.simple_spinner_item);
  spin001.setAdapter(adapter);

效果图如下:

 

array

 

细心的我们会发现,为何在下拉窗口中,item之间的间距这么小,看着很不舒服,这时候就需要自定义下拉item了。在adapter中提供了一个方法setDropDownViewResource();利用它就可以实现美观的效果了。

adapter.setDropDownViewResource(R.layout.custom_spinner_item);代码如下:

效果如下:

 

custom

- 自定义BaseAdapter

当我们需要在下拉框中显示一个用户信息,比如头像,用户名,手机号时,我们就需要使用BaseAdapter了。效果图如下:

baseAdapter

代码:
activity_main.xml




    

MainActivity.java

  Spinner spin002 = (Spinner) findViewById(R.id.spin002);
        // 建立数据源
        List persons = new ArrayList();
        persons.add(new Person("小明", "153********"));
        persons.add(new Person("小亮", "136********"));
        persons.add(new Person("花花", "170********"));
        persons.add(new Person("瓜瓜", "139********"));
        //  建立Adapter绑定数据源
        MySpinnerAdapter mAdapter = new MySpinnerAdapter(this, persons);
        //绑定Adapter
        spin002.setAdapter(mAdapter);

Person.java

/**
 * @author zyc
 * created at 2016/4/27 11:28
 */
public class Person {

    private String personName;
    private String cellPhone;

    public Person(String personName, String cellPhone) {
        super();
        this.personName = personName;
        this.cellPhone = cellPhone;
    }

    public String getPersonName() {
        return personName;
    }

    public void setPersonName(String personName) {
        this.personName = personName;
    }

    public String getcellPhone() {
        return cellPhone;
    }

    public void setcellPhone(String cellPhone) {
        this.cellPhone = cellPhone;
    }

}

MySpinnerAdapter.java

/**
 * @author zyc
 * created at 2016/4/27 11:30
 */
public class MySpinnerAdapter extends BaseAdapter {

    private Context mContext;
    private List mList;
    private final LayoutInflater layoutInflater;

    public MySpinnerAdapter(Context context, List persons) {
        this.mContext = context;
        this.mList = persons;
        layoutInflater = LayoutInflater.from(mContext);
    }

    @Override
    public int getCount() {
        return mList.size();
    }

    @Override
    public Object getItem(int i) {
        return mList.get(i);
    }

    @Override
    public long getItemId(int i) {
        return 0;
    }

    @Override
    public View getView(int i, View convertView, ViewGroup viewGroup) {

        convertView = layoutInflater.inflate(R.layout.spinner_base_adapter, viewGroup, false);
        if (convertView != null) {
            ImageView imageView = (ImageView) convertView.findViewById(R.id.iv_head);
            imageView.setImageResource(R.drawable.dachaoxuexi);
            TextView tv_name = (TextView) convertView.findViewById(R.id.tv_name);
            TextView tv_cell_phone = (TextView) convertView.findViewById(R.id.tv_cell_phone);
            tv_name.setText(mList.get(i).getPersonName());
            tv_cell_phone.setText(mList.get(i).getcellPhone());
        }
        return convertView;
    }
}

ok,Spinner的使用总结,就到这了,有需要补充的,后续会补充上的。

相关TAG标签
上一篇:教你HTML5与iOS交互实现各种排序动画演示
下一篇:数据结构——线性表
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站