Xamarin android spinner的使用方法

2022-12-11 23:09:54

<?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

转载随意注明出处

码农公寓

spinner的相关属性:

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

相关文章