Xamarin - 布局

Xamarin Layouts - 从基本概念到高级概念，从简单和简单的步骤学习Xamarin，包括安装，第一个应用程序，应用程序清单，Android资源，Android活动生命周期，权限，构建应用程序GUI，菜单，布局，Android小部件，Android对话框，图库，Andriod视图，多屏幕应用程序，部署您的应用程序。

线性布局

在线性布局中，内容以水平或垂直方式排列.

线性布局─水平

此布局的内容是水平排列的.对于本演示，我们将创建3个按钮并以线性布局水平排列.

结果输出如下所示 :

线性布局水平

线性布局─垂直

这种类型的布局以垂直方式放置子视图.

其结果输出如下 :

线性布局垂直

相对布局

在此视图中，子视图的位置相对于其父级或其同级视图.在下面的示例中，我们将创建3个EditText视图和一个按钮，然后相对对齐它们.

创建一个新项目并将其命名为 relative layout app .打开 main.axml 并添加以下代码.

我们在此代码中使用的重要参数是 :

android:layout_below : 它将子视图元素与其父元素对齐.
android:layout_alignParentLeft : 它将父元素对齐到左边.
android:layout_toLeftOf : 此属性将元素对齐到另一个元素的左侧.
android:layout_alignParentRight : 它使父对齐.

当你现在构建并运行应用程序时，它将产生以下输出屏幕 :

相对布局

框架布局

框架布局仅用于显示一个项目.很难在这个布局中排列多个项目，而不会让它们相互重叠.

启动一个新项目并将其命名为 frameLayoutApp .创建一个新的Frame Layout，如下所示.

上面的代码会创建一个 imageView ，它会填满整个屏幕.然后两个文本视图浮动在 imageView 之上.

现在，构建并运行您的应用程序.它将显示以下输出 :

帧布局

表格布局

在此布局中，视图排列为行和列.让我们看看它是如何工作的.

上面的代码创建了一个使用表和行排列的简单数据输入表单.

表格布局