Xamarin android spinner的使用方法

来源：互联网发布：coc咏王升级数据编辑：程序博客网时间：2024/06/15 02:02

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="match_parent"    android:layout_height="match_parent"              >  <Spinner            android:id="@+id/spin_status"            android:layout_width="300dp"            android:layout_height="50dp"            android:spinnerMode="dropdown"    /></LinearLayout>

xamarin android spinner的如何使用呢,大多数web开发人员经常会听到DropDownList 和Combobox 这种下拉选择框,spinner 的意思差不多，有道词典一下意思是“下拉列表”、“台湾斯普”，“下拉列表组件”，“微调控件”。xamarin android中我写几个简单的例子来掌握这个spinner的用法

spinner的相关属性:

android:dropDownHorizontalOffset：设置列表框的水平偏移距离
android:dropDownVerticalOffset：设置列表框的水平竖直距离
android:dropDownSelector：列表框被选中时的背景
android:dropDownWidth：设置下拉列表框的宽度
android:gravity：设置里面组件的对其方式
android:popupBackground：设置列表框的背景
android:prompt：设置对话框模式的列表框的提示信息(标题)，只能够引用string.xml中的资源id,而不能直接写字符串
android:spinnerMode：列表框的模式，有两个可选值：dialog：对话框风格的窗口dropdown：下拉菜单风格的窗口(默认)
可选属性：android:entries：使用数组资源设置下拉列表框的列表项目

1.一个最基本的用法，使用ArrayAdapter数据源，默认的SimpleSpinnerItem样式来绑定数据

看一下效果图：

瞬间感觉丑爆了，的确如此，因为用的的android 默认的SimpleSpinnerItem样式。

布局页加一个Spinner的控件就ok了:

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="match_parent"    android:layout_height="match_parent"              >  <Spinner            android:id="@+id/spin_status"            android:layout_width="300dp"            android:layout_height="50dp"            android:spinnerMode="dropdown"    /></LinearLayout>

使用ArrayAdapter为spinner绑定数据

        protected override void OnCreate(Bundle bundle)        {            base.OnCreate(bundle);            // Set our view from the "main" layout resource            SetContentView(Resource.Layout.Main);            Spinner spinner1 = (Spinner)FindViewById(Resource.Id.spin_status);            string[] myWeb = new string[] {"闲蛋客","闲蛋客网赚","闲蛋客博客" };            ArrayAdapter  adapter = new ArrayAdapter(this,Android.Resource.Layout.SimpleSpinnerItem,myWeb);            spinner1.Adapter = adapter;        }

代码很少一个spinner最基本的用法就是这样,当然string[] 数据 ,也可以写Xml文件中，那就写一个体验一下吧

首先在布局文件中加上一个entries属性就ok了

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="match_parent"    android:layout_height="match_parent"              >  <Spinner            android:id="@+id/spin_status"            android:layout_width="300dp"            android:layout_height="50dp"            android:spinnerMode="dialog"            android:entries="@array/myWeb"    /></LinearLayout>

写一个xml文件：

<?xml version="1.0" encoding="utf-8" ?><resources>  <string-array name="myWeb">    <item>闲蛋客</item>    <item>闲蛋客网赚</item>    <item>闲蛋客博客</item>  </string-array></resources>

Activity中就不要写绑定数据的代码了。

我们看一下结果是不是一样的,注意一下这个spinnerMode 显示的模式值有两种，dialog ，dropdown （默认的是这个）

似乎效果比上一个SimpleSpinnerItem默认的样式要好一点，但终究两个都是默认很丑陋对不对。这个时候我们就要自己写一个布局吧。

使用自定义布局的方式绑定Spinner的数据源:

上面的array.xml文件已经写好了，就利用上面已经写好的吧。

接着我们就来写一个spin_item_xiandanke.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="match_parent"    android:layout_height="match_parent">  <ImageView  android:id="@+id/img_icon"  android:layout_width="wrap_content"  android:layout_height="wrap_content"    />  <TextView    android:id="@+id/tv_web"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    /></LinearLayout>

数据适配器 MyAdapter.cs 比较普通一点的

using System;using System.Collections.Generic;using System.Linq;using System.Text;using Android.App;using Android.Content;using Android.OS;using Android.Runtime;using Android.Views;using Android.Widget;using Java.Lang;namespace SpinnerDemo.Resources.Adapter{    public class Xiandnake    {        public int Icon { get; set; }        public string Web { get; set; }        public Xiandnake(int icon ,string web)        {            this.Icon = icon;            this.Web = web;        }    }    public class MyAdapter:BaseAdapter    {        private List<Xiandnake> data;        private Context context;        public MyAdapter(Context context, List<Xiandnake> data)        {            this.context = context;            this.data = data;        }        public override int Count        {            get            {                return data.Count;            }        }        public override Java.Lang.Object GetItem(int position)        {            return null;        }        public override long GetItemId(int position)        {            return position;        }        public override View GetView(int position, View convertView, ViewGroup parent)        {            ViewHolder holder = null;            if (convertView == null)            {                convertView = LayoutInflater.From(context).Inflate(Resource.Layout.spinner_item_xiandanke, null);                holder = new ViewHolder();                holder.Img_icon = convertView.FindViewById<ImageView>(Resource.Id.img_icon);                holder.Tv_Web = convertView.FindViewById<TextView>(Resource.Id.tv_web);                convertView.Tag = holder;            }            else            {                holder = (ViewHolder)convertView.Tag;            }            holder.Tv_Web.Text = data[position].Web;            holder.Img_icon.SetImageResource(data[position].Icon);            return convertView;        }    }    public class ViewHolder:Java.Lang.Object    {        public ImageView Img_icon { get; set; }        public TextView Tv_Web { get; set; }    }   }

在activity中绑定数据，MainActivity.cs

using System;using Android.App;using Android.Content;using Android.Runtime;using Android.Views;using Android.Widget;using Android.OS;using SpinnerDemo.Resources.Adapter;using System.Collections.Generic;namespace SpinnerDemo{    [Activity(Label = "SpinnerDemo", MainLauncher = true, Icon = "@drawable/icon")]    public class MainActivity : Activity    {        int count = 1;        protected override void OnCreate(Bundle bundle)        {            base.OnCreate(bundle);            SetContentView(Resource.Layout.Main);            List<Xiandnake> data = new List<Xiandnake>();            data.Add(new Xiandnake(Resource.Id.img_icon,"闲蛋客"));            data.Add(new Xiandnake(Resource.Id.img_icon, "闲蛋客博客"));            data.Add(new Xiandnake(Resource.Id.img_icon, "闲蛋客网赚"));            MyAdapter adapter = new MyAdapter(this,data);            Spinner spinner = (Spinner)FindViewById(Resource.Id.spinner_xiandanke);            spinner.SetSelection(2); //设置默认的选择项            spinner.Adapter = adapter;            spinner.ItemSelected += delegate            {                //int index = spinner.SelectedItemId;                int position = spinner.SelectedItemPosition;                Toast.MakeText(this, "你选择的是" + data[spinner.SelectedItemPosition].Web, ToastLength.Short).Show();            };        }    }}

例子写完，突然感觉毫无创新，这个MyAdapter 值得推敲，完全可以自己重新一个更好的。有愧了。下载的链接地址还是发一下：http://download.csdn.net/detail/kebi007/9675791

作者：张林

标题:Xamarin android spinner的使用方法原文地址:http://blog.csdn.net/kebi007/article/details/53055881

转载随意注明出处

0 0