彩票走势图

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

原创|使用教程|编辑:龚雪|2016-03-02 09:04:58.000|阅读 1980 次

概述:在本文中,我们将介绍如何设计一个Android应用程序,并且如何通过使用Xamarin的可视化设计器来帮助我们完成这个过程。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

<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正式被Microsoft收购,慧都将为您提供更好的解决方案和服务!详情请<>


标签:移动开发Xamarin

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP