Question

我试图在Xamarin.Forms设计一个屏幕，屏幕上有Image个屏幕，主屏幕中央有主要内容StackLayout，背景为白色。为此我还尝试过这个：

<RelativeLayout x:Name="mainContainer" >
   <Image Source="bg.png" Aspect="Fill"
               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width}"
               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height}"/>
   <StackLayout Spacing="0"
                 RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width}"
                 RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height}"  >
     <StackLayout Padding="100,100,100,100">
         <StackLayout x:Name="MainContent" backgroundcolor="white">
         </StackLayout>
     </StackLayout>
   </StackLayout>
</RelativeLayout>

我在这里填充，所以我的内容可以放在中心位置。但是当我在横向模式下运行时，填充将会有所不同。那么我该怎样做才能在屏幕中央显示内容StackLayout？请帮助。

Answer 1

使用Grid代替RelativeLayout

<Grid>
  <Image Source="bg.png" Aspect="Fill"/>
  <StackLayout x:Name="MainContent" HorizontalOptions="Center" VerticalOptions="Center" Padding="100">
    <!--Your content goes here-->
  </StackLayout>
</Grid>

横向模式中的Xamarin设计问题

1 个答案: