Xamarin.Android使用教程之在Android和Xamarin Android Visual Designer中布局

来源:互联网 发布:mac怎么玩最终幻想 编辑:程序博客网 时间:2024/06/05 09:11

<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文件,那么您的应用程序将会以可视化的形式呈现。

在Android和Xamarin Android Visual Designer中布局

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

在Android和Xamarin Android Visual Designer中布局

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

在Android和Xamarin Android Visual Designer中布局

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

源代码模式

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

在Android和Xamarin Android Visual Designer中布局

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

在Android和Xamarin Android Visual Designer中布局
工具箱

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

在Android和Xamarin Android Visual Designer中布局

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

在Android和Xamarin Android Visual Designer中布局

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

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

0 0
原创粉丝点击