2017-03-21 4 views
3

xamlのみを使用するXamarinフォームを使用した相対レイアウトを使用して、画像の下部にStacklayoutを配置したいとします。 xamlはこれのように見えます。私StackLayoutは、それが画像の上にとit.Alsoの底部に配置されるように持っている必要がありますどのようなXとYの制約Xamarinは相対レイアウトの位置を底辺のstacklayoutに設定します

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

は私が期待した結果を記述した画像を追加しました。期待

RelativeLayout

私がイメージしてstacklayoutの両方にRelativeLayout.XConstraintsにRelativeLayout.YConstraintsを与えることを試みるが、取得するために使用する値を把握することができませんでした希望の結果。

+1

あなたが代わりに 'RelativeLayout'の' Grid'を使用することができます。 –

+0

@ EgorGromadskiy私はすでにこの方法を試しましたが、AspectがAspectFillに設定されていても、グリッドの内側に画像が伸びません。 –

答えて

2

あなたは下部に配置されます別の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> 

+0

これは魅力のように機能します。ありがとう!! –

関連する問題