Xamarin.Forms - 如何阻止图像扩展网格？

Question

我有这样的布局:堆栈(垂直选项:开始)-网格(垂直选项:开始) [行星]-图像(Aspect.AspectFill) [行星] [行星]

第二行是空的。我也尝试在 C# 中使用长度为 1 和 2 的 2 行执行此操作，但遇到了同样的问题。

我的意图是让第一行占据当前堆栈大小的垂直空间的 1/3。然后图像应该完全填满这个空间。

但是，图像并非仅占据堆栈行的 1/3，而是最终扩展了网格和堆栈，并且堆栈要大得多。

实现这一目标的最佳方法是什么？

Answer 1

对于星形行高的空行，布局引擎将不分配空间。

Proportional() – sizes columns and rows as a proportion of the remaining space. Specified as a value and GridUnitType.Star in C# and as # in XAML, with # being your desired value. Specifying one row/column with * will cause it to fill the available space.

要让空行占据空间，您必须在网格中使用绝对值。

如果您只想占用父容器的 1/3，则使用相对布局来填​​充父容器，并在其中通过将其 x 和 y 指定为 0(以开始)，使图像仅占 1/3从父级的原点开始)，宽度为父级的 100%，高度为父级的 33%。