Xamarin.Android使用教程之在Android和Xamarin Android Visua

<Xamarin Platform 試用版下載地址>html

在本文中,咱們將介紹如何設計一個Android應用程序,而且如何經過使用Xamarin的可視化設計器來幫助咱們完成這個過程。Android使用XML做爲其UI設計語言,同時Xamarin.Android使用幾乎和XML相同的AXML(Android XML)來設計其全部用戶界面。相似於Eclipse、Android Studio這些Java IDE,Xamarin Studio和Xamarin Visual Studio提供精心打造的設計器來幫助咱們完成這個過程。app

Android app的全部UI元素被分爲「View」和「ViewGroup」兩類。View一般是一個單一的App Widget,像一個按鈕或TextView同樣和用戶進行交互;ViewGroup是一個容器,用於保存視圖和其餘ViewGroups從而造成一個佈局。工具

下面是一些Android中的ViewGroup對象:佈局

  • LinearLayoutspa

  • RelativeLayout設計

  • GridLayoutorm

  • FrameLayouthtm

  • TableLayout對象

在更詳細地探討不一樣類型的Android佈局以前,咱們先一塊兒來看看Xamarin是如何幫助咱們在Android中構建用戶界面的。ip

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的文章>>

相關文章
相關標籤/搜索