Xamarin在底部形成相对布局位置stacklayout-Java 学习之路

我想使用仅使用xaml的Xamarin表单使用相对布局将Stacklayout放置在图像顶部的底部 . xaml看起来很像这样 .

<RelativeLayout>
    <Image />
    <StackLayout Orientation="Horizontal">
        <Label Text="Dark Mode" />
        <Switch />
        <Label Text="Light Mode" />
    </StackLayout>
</RelativeLayout>

我的StackLayout应该有什么X和Y约束，以便它位于图像的顶部和底部 . 还添加了一个描述我期望的结果的图像 .

Expected :

我确实试图给图像和stacklayout提供 RelativeLayout.XConstraints 和 RelativeLayout.YConstraints ，但是无法确定用于获得所需结果的值 .

1 回答

您可以在整个图片中使用StackLayout，并在其中放置另一个将放置在底部的StackLayout：

<RelativeLayout>
  <Image Aspect="AspectFill"
         RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width}"
         RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height}"/>
  <StackLayout
         RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width}"
         RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height}">
      <StackLayout Orientation="Horizontal" VerticalOptions="EndAndExpand" HorizontalOptions="Center">
          <Label Text="Dark Mode" />
          <Switch />
          <Label Text="Light Mode" />
      <StackLayout>
  </StackLayout>

回复于 2024-04-27T06:07:26+08:00

Xamarin在底部形成相对布局位置stacklayout

1 回答

相关问题