Xamarin.Forms 布局

下载示例 下载示例

Xamarin.Forms 布局用于将用户界面控件组合到可视结构中。

中的 LayoutXamarin.Forms 和 Layout<T> 类是视图的专用子类型,充当视图和其他布局的容器。 类 Layout 本身派生自 ViewLayout派生通常包含用于设置应用程序中子元素Xamarin.Forms的位置和大小的逻辑。

Xamarin.Forms 布局类型

派生自 Layout 的类可分为两类:

具有单个内容的布局

这些类派生自 Layout,后者定义 PaddingIsClippedToBounds 属性:

类型 说明 外观
ContentView ContentView 包含使用 Content 属性设置的单个子级。 属性 Content 可以设置为任何 View 派生,包括其他 Layout 派生。 ContentView 主要用作 结构元素,并用作 的 Frame基类。

API 文档 / 指导 / 样品
ContentView 示例
此页面 / 的 C# 代码XAML 页
Frame Frame 派生自 ContentView ,并在其子级周围显示边框或框架。 类 Frame 的默认值为 Padding 20,还定义了 BorderColorCornerRadiusHasShadow 属性。

API 文档 / 指导 / 样品
帧示例
此页面 / 的 C# 代码XAML 页
ScrollView ScrollView 能够滚动其内容。 将 Content 属性设置为视图或布局太大,无法适应屏幕。 (的内容 ScrollView 通常是 . StackLayout) 设置 Orientation 属性以指示滚动是垂直滚动还是水平滚动。

API 文档 / 指导 / 样品
ScrollView 示例
此页面 / 的 C# 代码XAML 页
TemplatedView TemplatedView 使用控件模板显示内容,并且 是 的 ContentView基类。

API 文档 / 指导
TemplatedView 示例
ContentPresenter ContentPresenter 是模板化视图的布局管理器,在 内 ControlTemplate 用于标记要显示的内容的位置。

API 文档 / 指导
内容Presenter 示例

具有多个子级的布局

这些类派生自 Layout<View>

类型 说明 外观
StackLayout StackLayout 根据 Orientation 属性水平或垂直放置堆栈中的子元素。 属性 Spacing 控制子级之间的间距,默认值为 6。

API 文档 / 指导 / 样品
StackLayout 示例
此页面 / 的 C# 代码XAML 页
Grid Grid 将其子元素放置在行和列网格中。 使用附加属性RowColumnRowSpanColumnSpan指示子元素的位置。

API 文档 / 指导 / 样品
网格示例
此页面 / 的 C# 代码XAML 页
AbsoluteLayout AbsoluteLayout 将子元素放置在相对于其父元素的特定位置。 使用 附加属性LayoutBoundsLayoutFlags指示子项的位置。 AbsoluteLayout可用于对视图的位置进行动画处理。

API 文档 / 指导 / 样品
AbsoluteLayout 示例
此页面 / 的 C# 代码具有代码隐藏的XAML 页面
RelativeLayout RelativeLayout 相对于 自身或其同级元素定位子元素 RelativeLayout 。 使用设置为 和 BoundsConstraint类型的Constraint对象的附加属性指示子项的位置。

API 文档 / 指导 / 样品
RelativeLayout 示例
此页面 / 的 C# 代码XAML 页
FlexLayout FlexLayout 基于 CSS 灵活框布局模块,通常称为 弹性布局弹性框FlexLayout 定义六个可绑定属性和五个附加的可绑定属性,这些属性允许使用许多对齐和方向选项堆叠或包装子级。

API 文档 / 指导 / 样品
FlexLayout 示例
此页面 / 的 C# 代码XAML 页