<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應用程序的主要設計器。該設計器支持在多種設備類型之間切換，因此在程序運行之前，您可以直觀地看見應用程序在各個設備上的狀態。

該設計器還能為您顯示在橫向和縱向模式下的應用程序。

同時這個設計器還擁有多個選項來切換多個API Levels、語言、模式（從左到右或從右到左）、主題。

源代碼模式

您可以在設計和源代碼模式間輕松切換，點擊左下角按鈕可以查看生成的XML和UI界面。

如果您切換到源代碼模式，那么您將會看到一個示例。

工具箱

想要看到可用小部件的列表，在Visual Studio中打開工具箱窗口即可（View->Toolbox），然后將會呈現Xamarin.Android支持的所有不同部件。

您可以任意拖放這些小部件到設計界面上，UI會立即更新并能查看。

在下文中，我們將繼續為大家介紹ViewGroups，敬請期待哦！

Xamarin正式被Microsoft收購，慧都將為您提供更好的解決方案和服務！詳情請<>