2016-09-06 310 views
0

我試圖設計一個屏幕Xamarin.FormsImage作爲屏幕上的背景和主要內容StackLayout在主屏幕的中心有白色背景。爲此,我已經試過這又:Xamarin設計問題在景觀模式

<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?請任何幫助。

回答

0

使用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> 
+0

,會做同樣的事情。它會在中心沒有裝配在potryet mode.or如果我適當增加/ decrese pading,使其在中心,我將不適合在landscap。 –