如何使用RelativeLayout'；在屏幕底部定位元素；s的限制

本文关键字：元素 定位 底部 屏幕 RelativeLayout 何使用 | 更新日期: 2023-09-27 18:01:03

如何使用RelativeLayout的约束将元素定位在屏幕底部？目前，我正在使用这个代码：

<Image x:Name="img" Opacity="1"
                VerticalOptions="EndAndExpand"
                RelativeLayout.WidthConstraint=
                  "{ConstraintExpression Type=RelativeToParent, Property=Width}"
                RelativeLayout.HeightConstraint=
                  "{ConstraintExpression Type=RelativeToParent, Property=Height}"/>

要将图片设置为背景，但我需要它从底部开始，因此，我需要将其定位在底部。我该怎么做？我在互联网上没有找到任何这样的例子。提前感谢！

如何使用RelativeLayout'；在屏幕底部定位元素；s的限制

您可以使用RelativeView作为容器。在"水平选项"answers"垂直选项"中进行填充和展开。所以现在你的屏幕大小就是你相对布局的大小。

现在你有一个从左下角开始的全宽图像：

<Image x:Name="img" Opacity="1"
                VerticalOptions="EndAndExpand"
                RelativeLayout.WidthConstraint=
                  "{ConstraintExpression Type=RelativeToParent, Property=Width}"
                RelativeLayout.HeightConstraint=
                  "{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.25}"
                RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.75}"/>

如果您的图像比屏幕小，您也可以设置纵横比。

Aspect-如何在显示的范围内调整图像的大小内部(无论是拉伸、裁剪还是信箱(。

方面确定如何缩放图像以适应显示区域：

  • 填充-拉伸图像以完全准确地填充显示区域。这可能会导致图像失真
  • AspectFill-剪裁图像，使其填充显示区域，同时保留方面(即无失真(
  • AspectFit-在图像上打上字母框(如果需要(图像适合显示区域，并在顶部/底部或侧面，取决于图像是宽还是高大

您可以设置图像相对于父对象的X位置(和/或Y位置((就像with或height一样(。我使用以下代码在屏幕右下角放置了一个按钮(宽度和高度为60(：

<ContentView RelativeLayout.XConstraint="{ConstraintExpression
                      Type=RelativeToParent, Property=Width, Constant=-70}"
             RelativeLayout.YConstraint="{ConstraintExpression
                      Type=RelativeToParent, Property=Height, Constant=-70}">
    <Button />
</ContentView>

您可以在Xamarin文档中找到更多详细信息。

相关文章：