如何使用RelativePanel指定以下佈局？

+--+---+--+ 
| |RED| | 
+------+ | 
| BLUE | | 
+------+--+

我已經嘗試了RelativePanel.Align...附加屬性的幾種不同組合，但我似乎無法讓事情按照我想要的方式工作。如何使用RelativePanel指定以下佈局？

<!-- this version overlays Red beneath Blue, but aligned on the right --> 
<Rectangle x:Name="Red" RelativePanel.AlignRightWith="Blue" /> 
<Rectangle x:Name="Blue" /> 

<!-- this version shoves Blue half off-screen --> 
<Rectangle x:Name="Red" /> 
<Rectangle x:Name="Blue" RelativePanel.AlignRightWith="Red" RelativePanel.Below="Red" /> 

<!-- this version is a circular dependency --> 
<Rectangle x:Name="Red" RelativePanel.AlignRightWith="Blue" /> 
<Rectangle x:Name="Blue" RelativePanel.Below="Red" />

來源

2015-06-14 moswald

如果我在你的鞋子，我會使用Grid。

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition/> 
     <RowDefinition/> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition/> 
     <ColumnDefinition/> 
     <ColumnDefinition/> 
    </Grid.ColumnDefinitions> 

    <Rectangle Fill="Red" Grid.Column="1" ... /> 
    <Rectangle Fill="Blue" Grid.Row="1" Grid.ColumnSpan="2" ... /> 
</Grid>

來源

2015-06-15 08:18:14

是的，它易於peasy使用'Grid'，但我只是想出來的新UAP控制並希望看到什麼是可能與'RelativePanel'。從我學習的角度來說，'RelativePanel'是一個不錯的選擇，但在某些時候，您仍然必須回退顯式的基於'Grid'的佈局。 FWIW，我很確定第三個選項不會在等效的Android佈局中成爲循環依賴錯誤，所以如果MS的某個人注意到了這個問題，那將會很好。 :) – moswald

如何使用RelativePanel指定以下佈局？

回答

相關問題