前言不同于iOS，Xamarin在VisualStudio中针对Android，可以直接设计使用者界面.在本篇教学文章中，笔者会针对Android的专案目录结构以及基本控制项进行介绍，包含TextView，EditView，Toggle/Switch以及Seekbar控制项.Android 专案目录结构在Visual Studio建立Android 应用程序专案后， 在方案总览中会看到如下图的目录结构： Assets：放置在Assets文件夹中的文件， 将会一起被封装进Android的封装文档中(建构动作设定为'AndroidAsset'). 之后便可以通过如下的陈述式来存取Assets的资源。view sourceprint ?1 publicclassReadAsset : Activity23 {45 protectedoverridevoidOnCreate (Bundle bundle) {67 base.OnCreate (bundle);89 InputStream input = Assets.Open ('my_asset.txt');}}Resources：包含Drawable， Layout以及Values文件夹. Drawable用来放置图片. 依照设备的解析度不同， 还可以新增drawable-hdpi， drawable-mdpi， drawable-ldpi等文件夹来存放不同解析度的文件. Layout文件夹则是存放使用者界面文档(副文档名为.axml). 而Value文件夹则是可以存放不同类别的XML对应文档， 例如styles.xml， colors.xml… 针对Resources底下的文件， 动作请设定为”AndroidResource”若您开启预设的Main.axml， 会看到如同下面的XML描述LinearLayout: 主要的页面框架， 以垂直或水平的方式排列页面上的对象， 相当于Silverlight 中的stack panel @+id/[对象名称]: 告诉Android parser， 为对象建立一个resource id @string/[名称]: 在String.xml中建立一个字符串资源， 后续可供Resource类别存取.上述的@string则会对应到文件夹ResourcesValuesString.xml 名称Hello对应到UI中Button的Text属性 名称ApplicationName对应到专案属性中的应用程序名称 名称Hello2为自行定义的字符串资源.有了以上的基本概念后， 接下来我们来介绍Android的基本控制项。TextView1. 开启Lab03-BasicControls 专案并开启Layout文件夹下的TextView.axml2. 从左边的工具列将TextView拖放到画面中， 双击TextView并编辑文字 3. 接着拖拉一个TextView， 并在右边的属性视窗设定textcolor为#2A3748， textsize为24dip4. 再拖拉一个TextView并输入文字， 包含一个超链接. 在属性中将autolink的属性值改为web.结果如下:链接文字会自动变成超链接.5. 最后拖拉一个TextView并输入文字， 包含超过5位数的数字， 在属性中将autolink的属性值改为phone结果如下: 数字被更改为超链接6. 开启TextViewScreen.cs 并在OnCreate 事件中载入Layout中的TextViewSetContentView(Resource.Layout.TextView);7. 执行专案并检视及操作有链接的TextView內容.EditText1. 开启Layout文件夹下的EditText.axml2. 从工具箱中拖拉1个Text(Small)及1个Plain Text对象到画面上并编辑Text的文字如下：将属性中的autoText设为true3. 拖拉一组Text及Plain Text对象到画面上并编辑Text的文字如下：将属性中的capitalize设为words.4. 拖拉一组Text及password对象到画面上并编辑Text的文字如下：5. 开启EditTextScreen.cs 并在OnCreate 事件中载入Layout中的TextViewSetContentView(Resource.Layout.EditText);6. 执行专案， 在第一个栏位输入错的单字， 将会出现拼字错误及建议视窗. 7. 其他栏位效果如下： Switch / Toggle buttonSwitch跟Toggle其实是很相似的控制项， 都是控制开和关的选项， 但显示的方式有所不同. 我们在同一个练习中使用这2个控制项. (注: Switch控制项是在Android 4.0(API14)后才有， 因此在工具箱中找不到此控制项， 必须在XML中自行输入. 此外， 您的模拟器也必须是Android 4.0以上才能执行)1. 开启SwitchToggle.axml. 在画面上依序部署1个TextView， 用来显示讯息， 1个ToggleButton以及1个Switch控制项. 如下图所示：Axml的声明如下， 请微调部分属性：view sourceprint ?01 LinearLayoutxmlns:android=' '0203 android:orientation='vertical'0405 android:layout_width='fill_parent'0607 android:layout_height='fill_parent'0809 TextView1011 android:textAppearance='?android:attr/textAppearanceMedium'1213 android:layout_width='fill_parent'1415 android:layout_height='wrap_content'1617 android:id='@+id/textView1'/1819 ToggleButton2021 android:layout_width='fill_parent'2223 android:layout_height='wrap_content'2425 android:id='@+id/toggleButton1'2627 android:textOn='开'2829 android:textOff='关'3031 android:layout_marginBottom='6.7dp'/3233 Switch3435 android:layout_width='fill_parent'3637 android:layout_height='wrap_content'3839 android:textOn='开'4041 android:textOff='关'4243 android:id='@+id/Switch1'4445 android:layout_marginRight='225.3dp'/4647 /LinearLayout2. 开启SwitchToggleScreen.cs. 并编写以下代码.view sourceprint ?01 //载入页面0203 SetContentView(Resource.Layout.SwitchToggle);0405 //声明并取得控制项实体0607 ToggleButton toggle = FindViewByIdToggleButton(Resource.Id.toggleButton1);0809 Switch _switch = FindViewByIdSwitch(Resource.Id.Switch1);1011 TextView msg = FindViewByIdTextView(Resource.Id.textView1);1213 //处理Toggle Button的Click事件， 并将状态显示在TextView1415 toggle.Click+= (sender， e) = {1617 if(toggle.Checked) {1819 msg.Text ='目前Toggle Button的状态是'开'';}2021 else{2223 msg.Text ='目前Toggle Button的状态是'关'';};};2425 //处理Switch的Click事件， 并将状态显示在TextView2627 _switch.Click += (sender， e) = {2829 if(_switch.Checked) {3031 msg.Text ='目前Switch Button的状态是'开'';}3233 else{3435 msg.Text ='目前Switch Button的状态是'关'';};};Toggle Button及Switch 控制项的操作几乎完全相同， 主要就是处理控制项的click事件并判断目前的开关状况.3. 执行专案并检视执行结果.Seek Bar1. 开启seekBar.axml并从工具箱拖放TextView及SeekBar控制项进银幕界面声明的xml如下：view sourceprint ?01 LinearLayoutxmlns:android=' '0203 android:orientation='vertical'0405 android:layout_width='fill_parent'0607 android:layout_height='fill_parent'0809 TextView1011 android:textAppearance='?android:attr/textAppearanceMedium'1213 android:layout_width='fill_parent'1415 android:layout_height='wrap_content'1617 android:id='@+id/textView1'/1819 SeekBar2021 android:layout_width='fill_parent'2223 android:layout_height='wrap_content'2425 android:id='@+id/seekBar1'2627 android:layout_marginTop='48.0dp'/2829 /LinearLayout2. 开启SeekBarScreen.cs并在OnCreate事件中编写以下代码:view sourceprint ?01 //载入页面0203 SetContentView(Resource.Layout.SeekBar);0405 //声明并取得页面上的控制项0607 var msg = FindViewByIdTextView(Resource.Id.textView1);0809 var seekbar = FindViewByIdSeekBar(Resource.Id.seekBar1);1011 //将seekBar的最大值设定为1001213 seekbar.Max = 100;1415 //处理SeekBar的ProgressChanged事件， 并将目前的大小(进度)通过extView呈现1617 seekbar.ProgressChanged += (sender， e) = {1819 msg.Text =string.Format('目前Seekbar的大小为{0}'， seekbar.Progress.ToString());2021 };SeekBar的操作非常的直截. 您只需要处理SeekBar控制项的ProgressChanged事件即可.3. 执行专案并检视执行结果.