Xamarin android spinner的使用方法
<?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
