C#-Xamarin的Android项目开发(二)——控件应用

相信我，这不是一篇吐槽文章。。。。

基础控件

Android的控件和控件样式很是特别，它是一种内联特别高的设计模式，换句话说，它是很是烂的设计。。。。

但在这种特别的关系里仍是有必定的规律的，下面咱们一块儿来看看控件的使用方式。 

首先咱们定义一个ImageButton，以下：

<ImageButton
    android:src="@drawable/toolbar_upload_photo_normal"
    android:layout_gravity="right|center_vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/btn_weight" />

如上代码所示，咱们定义了ImageButton，而且设置了他的Src地址，该地址指向了一个图片。

重点，咱们来看这句，background="@drawable/btn_weight；背景色指向了一个资源，为何用说指向的是个资源呢？由于btn_weight并非个图片，而是个XML文件。。。。以下图：

那么咱们看看btn_weight究竟是什么把。

<?xml version="1.0" encoding="UTF-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_window_focused="false" android:state_enabled="true" android:drawable="@drawable/btn_weight_normal" />
    <item android:state_enabled="false" android:drawable="@drawable/btn_weight_disable" />
    <item android:state_pressed="true" android:drawable="@drawable/btn_weight_press" />
    <item android:state_focused="true" android:drawable="@drawable/btn_weight_press" />
    <item android:drawable="@drawable/btn_weight_normal" />
</selector>

如上述代码所示，btn_weight里设置了按钮按下时和常规时的背景色。

没错，这种设置方法，确实很绕，按钮按下的事件和背景样式混在了一块儿设置，但在Android里，咱们只能去适应它。

----------------------------------------------------------------------------------------------------

好了，如今基础控件写完了，有没有感受本身从现代化城市回到了农耕社会。。。。

相信我，用Xamarin开发，你在农耕社会还有个犁耙，用AS开发，你会发现你只能用手挖。。。。

GridView

首先，Android的GridView是我见过最奇葩的列表使用方式。。。

而后，咱们开始学习使用它把。

先找到GridView控件，代码以下：

GridView my_grid = this.FindControl<GridView>("my_grid");

接着，咱们定义一个适配器，并把他赋值给GridView的的Adapter属性，代码以下：

IListAdapter adapter = new GridAdapter(this, this.Resources);
my_grid.Adapter = adapter;//配置适配器

嗯，这里看上去代码还算简洁，但接下来就不同了，让咱们来看看这个奇葩的适配器吧。

首先，咱们看下适配器代码：

public class GridAdapter : BaseAdapter
    {
        private DisplayMetrics localDisplayMetrics;
        private LayoutInflater inflater;
        private Resources resources;
        public GridAdapter(Context context)
        { 
            resources = context.Resources;
            localDisplayMetrics = resources.DisplayMetrics;
            inflater = LayoutInflater.From(context);
        }
        public override int Count => 9; 
        public override Object GetItem(int position)
        {
            return null;
        } 
        public override long GetItemId(int position)
        {
            return position;
        }
        public override View GetView(int paramInt, View paramView, ViewGroup paramViewGroup)
        {
            paramView = inflater.Inflate(Resource.Layout.activity_label_item, null);
            TextView text = (TextView)paramView.FindViewById(Resource.Id.activity_name);
            switch (paramInt)
            {
                case 0:
                    {
                        text.Text = "local";
                        Drawable draw = this.resources.GetDrawable(Resource.Drawable.home_button_local);
                        draw.SetBounds(0, 0, draw.IntrinsicWidth, draw.IntrinsicHeight);
                        text.SetCompoundDrawables(null, draw, null, null);
                        break;
                    }
                case 1:
                    {
                        text.Text = "search";
                        Drawable draw = this.resources.GetDrawable(Resource.Drawable.home_button_search);
                        draw.SetBounds(0, 0, draw.IntrinsicWidth, draw.IntrinsicHeight);
                        text.SetCompoundDrawables(null, draw, null, null);
                        break;
                    }
                case 2:
                    {
                        text.Text = "checkin";
                        Drawable draw = this.resources.GetDrawable(Resource.Drawable.home_button_checkin);
                        draw.SetBounds(0, 0, draw.IntrinsicWidth, draw.IntrinsicHeight);
                        text.SetCompoundDrawables(null, draw, null, null);
                        break;
                    }
                case 3:
                    {
                        text.Text = "promo";
                        Drawable draw = this.resources.GetDrawable(Resource.Drawable.home_button_promo);
                        draw.SetBounds(0, 0, draw.IntrinsicWidth, draw.IntrinsicHeight);
                        text.SetCompoundDrawables(null, draw, null, null);
                        break;
                    }
                case 4:
                    {
                        text.Text = "tuan";
                        Drawable draw = this.resources.GetDrawable(Resource.Drawable.home_button_tuan);
                        draw.SetBounds(0, 0, draw.IntrinsicWidth, draw.IntrinsicHeight);
                        text.SetCompoundDrawables(null, draw, null, null);
                        break;
                    }

                case 5:
                    {
                        text.Text = "rank";
                        Drawable draw = this.resources.GetDrawable(Resource.Drawable.home_button_rank);
                        draw.SetBounds(0, 0, draw.IntrinsicWidth, draw.IntrinsicHeight);
                        text.SetCompoundDrawables(null, draw, null, null);
                        break;
                    }
                case 6:
                    {
                        text.Text = "history";
                        Drawable draw = this.resources.GetDrawable(Resource.Drawable.home_button_history);
                        draw.SetBounds(0, 0, draw.IntrinsicWidth, draw.IntrinsicHeight);
                        text.SetCompoundDrawables(null, draw, null, null);
                        break;
                    }
                case 7:
                    {
                        text.Text = "myzone";
                        Drawable draw = this.resources.GetDrawable(Resource.Drawable.home_button_myzone);
                        draw.SetBounds(0, 0, draw.IntrinsicWidth, draw.IntrinsicHeight);
                        text.SetCompoundDrawables(null, draw, null, null);
                        break;
                    }
                case 8:
                    {
                        text.Text = "more";
                        Drawable draw = this.resources.GetDrawable(Resource.Drawable.home_button_more);
                        draw.SetBounds(0, 0, draw.IntrinsicWidth, draw.IntrinsicHeight);
                        text.SetCompoundDrawables(null, draw, null, null);
                        break;
                    }
            }
            paramView.SetMinimumHeight((int)(96.0F * localDisplayMetrics.Density));
            paramView.SetMinimumWidth(((-12 + localDisplayMetrics.WidthPixels) / 3));
            return paramView;
        }
    }

代码如上所示，适配器的构造函数接受了一个参数，是适配器所属Activity，主要用于在适配器里调用Activy的信息。

而后咱们经过LayoutInflater（布局填充类），将xml布局文件实例化为它对应的View对象，以供后续使用。

而后咱们重写BaseAdapter类的一些属性和方法。

其中重写的Count属性须要特别注意，他表明咱们列表的显示数，他是须要赋值的。这里的事例为其定义了一个常数9。

接下来咱们重点看下GetView方法。

GetView这个方法干了不少事，做为C#开发者，从字面上是很难理解它是干什么的；不过咱们能够联想思考，咱们暂时把他理解为行的导入事件，这样就很形象了吧。

由于，至于为何会叫GetView，我想，大概是由于他即干了行绑定数据的事，又干了行视图布局的事，因此没有更合适的命名，才这么叫的吧。

这也是为何我感受他奇葩的缘由，由于在以前的Activity和布局中已经混淆了视图和数据，而后，在控件里，咱们又一次把数据和布局搅和在了一块儿。。。。

下面咱们看看它是如何混淆，不，他是如何工做的吧。

首先，在行导入的GetView中，咱们找到要填充的布局XML——activity_label_item.xml。

paramView = inflater.Inflate(Resource.Layout.activity_label_item, null);

接着，咱们找这个行布局内的控件，而后为他赋值，这里activity_label_item.xml很简单，只有一个Textview，也就是说，这里咱们须要作的就是给他赋值。

而后，咱们经过paramInt来判断当前行，正常状况，在这里找到Activity的数据集合，找到集合的对应行赋值便可了。

Demo里咱们作了一下特殊处理，咱们为行视图添加了图片。

运行结果以下图：

如图所示，列表已经建立完成了。

下面咱们为列表添加点击事件；代码以下：

my_grid.ItemClick += (s, e) =>
{
    this.ShowToast("Click Me" + e.Id);
};

代码很简单，也很简洁，实现效果以下：

如上图所示，咱们成功的实现了点击事件。

到此，控件的基础应用就讲完了，下一篇继续讲解Android软件的部署。

----------------------------------------------------------------------------------------------------

相关文章：

C#-Xamarin的Android项目开发(一)——建立项目

代码已经传到Github上了，欢迎你们下载。

Github地址：https://github.com/kiba518/KibaXamarin_Android

----------------------------------------------------------------------------------------------------

注：此文章为原创，任何形式的转载都请联系做者得到受权并注明出处！
若您以为这篇文章还不错，请点击下方的【推荐】，很是感谢！