xamarin 形式 - 元素之间的间距？

Posted 2023-02-26

【中文标题】xamarin 形式 - 元素之间的间距？

【英文标题】：xamarin forms - spacing between elements?

【发布时间】：2019-10-23 18:12:58

【问题描述】：

我对 xamarin 表单非常陌生，我创建了这个非常基本的布局，如下所示：

<StackLayout VerticalOptions="CenterAndExpand">
        <!-- Place new controls here -->
        <Label Text="Enter Email Address To Begin" HorizontalOptions="Center" VerticalOptions="Center" TextColor="#FFFFFF" />
        <Entry Keyboard="Email" Placeholder="Email" HorizontalOptions="Center" VerticalOptions="Center" x:Name="Email" WidthRequest="300" />
        <Button Text="Submit" VerticalOptions="Center" HorizontalOptions="Center" Clicked="OnSubmit" Style="StaticResource TextColor" />
    </StackLayout>

这些元素出现在页面中间并且看起来不错，除了它们被捆绑在一起的事实之外，有没有办法在这些元素之间创建一些填充或间距？

【问题讨论】：

docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/…

您需要设置一些边距以在控件之间放置空间。

如何添加边距？

为每个元素添加Margin 属性...

保证金效果很好！

【参考方案1】：

您可以使用 StackLayout 中的 Spacing 属性，就像这样：

<StackLayout VerticalOptions="CenterAndExpand" Spacing="25">