在Windows10 UWP開發中，新增和改變了很多特性，這次給大家介紹下RelativePanel,這個控制元件其實和RelativeLayout基本一種使用方式,大大方便Android開發人員轉行做UWP開發哈。

來看下官方的例子

<RelativePanel BorderBrush="Gray" BorderThickness="10"> 
<Rectangle x:Name="RedRect" Fill="Red" MinHeight="100" MinWidth="100"/> 
<Rectangle x:Name="BlueRect" Fill="Blue" MinHeight="100" MinWidth="100" RelativePanel.RightOf="RedRect" /> 
<!-- Width is not set on the green and yellow rectangles. It's determined by the RelativePanel properties. --> 
<Rectangle x:Name="GreenRect" Fill="Green" MinHeight="100" Margin="0,5,0,0" RelativePanel.Below="RedRect" RelativePanel.AlignLeftWith="RedRect" RelativePanel.AlignRightWith="BlueRect"/> 
<Rectangle Fill="Yellow" MinHeight="100" RelativePanel.Below="GreenRect" RelativePanel.AlignLeftWith="BlueRect" RelativePanel.AlignRightWithPanel="True"/</RelativePanel>
 

具體的用法大家可以參考下各個屬性的介紹。

這個控制元件相比Grid更加靈活，比較麻煩的地方是使用該控制元件佈局需要對裡面的子元素都加上{x:Name}擴充套件標記，對於我這種不愛命名的程式設計師，還是更喜歡用Grid。