<Xamarin Platform 试用版下载地址>

在本文中,我们将介绍如何设计一个Android应用程序,并且如何通过使用Xamarin的可视化设计器来帮助我们完成这个过程。Android使用XML作为其UI设计语言,同时Xamarin.Android使用几乎和XML相同的AXML(Android XML)来设计其所有用户界面。类似于Eclipse、Android Studio这些Java IDE,Xamarin Studio和Xamarin Visual Studio提供精心打造的设计器来帮助我们完成这个过程。

Android app的所有UI元素被分为“View”和“ViewGroup”两类。View通常是一个单一的App Widget,像一个按钮或TextView一样和用户进行交互;ViewGroup是一个容器,用于保存视图和其他ViewGroups从而形成一个布局。

下面是一些Android中的ViewGroup对象:

  • LinearLayout

  • RelativeLayout

  • GridLayout

  • FrameLayout

  • TableLayout

在更详细地探讨不同类型的Android布局之前,我们先一起来看看Xamarin是如何帮助我们在Android中构建用户界面的。

Xamarin Android Visual Designer

设计界面

如果您在Visual Studio(或Xamarin Studio)中双击一个AXML文件,那么您的应用程序将会以可视化的形式呈现。

Xamarin.Android使用教程之在Android和Xamarin Android Visua_第1张图片

这是Xamarin Android应用程序的主要设计器。该设计器支持在多种设备类型之间切换,因此在程序运行之前,您可以直观地看见应用程序在各个设备上的状态。

Xamarin.Android使用教程之在Android和Xamarin Android Visua_第2张图片

该设计器还能为您显示在横向和纵向模式下的应用程序。

在Android和Xamarin Android Visual Designer中布局

同时这个设计器还拥有多个选项来切换多个API Levels、语言、模式(从左到右或从右到左)、主题。

源代码模式

您可以在设计和源代码模式间轻松切换,点击左下角按钮可以查看生成的XML和UI界面。

如果您切换到源代码模式,那么您将会看到一个示例。

Xamarin.Android使用教程之在Android和Xamarin Android Visua_第3张图片

工具箱

想要看到可用小部件的列表,在Visual Studio中打开工具箱窗口即可(View->Toolbox),然后将会呈现Xamarin.Android支持的所有不同部件。

Xamarin.Android使用教程之在Android和Xamarin Android Visua_第4张图片

您可以任意拖放这些小部件到设计界面上,UI会立即更新并能查看。

Xamarin.Android使用教程之在Android和Xamarin Android Visua_第5张图片

在下文中,我们将继续为大家介绍ViewGroups,敬请期待哦!

点击查看更多有关Xamarin的文章>>

更多相关文章

  1. Android 自定义camera压缩图片到指定大小
  2. 《Android Dev Guide》系列教程8:用户界面
  3. iphone/android比较学习之──图片、文件、字符串
  4. Android 日历开发教程[三]
  5. [原]Android应用程序键盘(Keyboard)消息处理机制分析
  6. Intent的Action实现应用程序之间的切换

随机推荐

  1. findlibrary returned null产生的联想,And
  2. [置顶] Android(安卓)自定义View实现竖直
  3. Android项目开发,不能不了解的第三方库!(齐
  4. android实现观察者模式的几种方法
  5. Android的内存机制和常见泄漏情形
  6. Android(安卓)APN的设置问题--进一步讨论
  7. android工程下运行main方法的配置方法
  8. 史上最全的Android开发学习教程集锦【初
  9. Android工程 引用另外一个Android工程
  10. J2me游戏如何快速移植到Android(安卓)(2)