C产品在市场上有哪些独特优势？

本文共计477个文字，预计阅读时间需要2分钟。

%E2%80%9CRelativePanel%E5%9C%A8Windows+10+UWP%E7%A8%8B%E5%BA%8F%E4%B8%AD%E6%98%AF%E4%B8%80%E7%A7%8D%E5%BC%80%E5%A4%B4%E5%B8%83%E5%B1%80%E6%96%B9%E5%BC%8F%EF%BC%8C%E5%9B%9E%E7%BB%99%E5%85%83%E7%B4%A0%E4%BD%8D%E7%BD%AE%E3%80%82%E4%BE%8B%E5%A6%82%EF%BC%9ATextBox%20x%3AName%3D%22textBox1%22%20Text%3D%22TextBox%22%E2%80%9D

RelativePanel是在Windows 10 UWP程序中引入的一种新的布局面板，它是通过附加属性设置元素间的位置关系来对实现布局的。一个简单的示例如下：

<RelativePanel> <TextBox x:Name="textBox1" Text="textbox" Margin="5"/> <Button x:Name="blueButton" Margin="5" Background="LightBlue" Content="ButtonRight" RelativePanel.RightOf="textBox1"/> <Button x:Name="orangeButton" Margin="5" Background="Orange" Content="ButtonBelow" RelativePanel.RightOf="textBox1" RelativePanel.Below="blueButton"/> </RelativePanel>

布局的效果如下：

它支持如下几种位置关系：

和其它元素相邻：

• LeftOf

• RightOf

• Above

• Below

和其他元素边缘对齐：

• AlignBottomWith

• AlignLeftWith

• AlignTopWith

  

• AlignRightWith

和其它元素中心对齐：

• AlignHorizontalCenterWith

• AlignVerticalCenterWith

和Panel边缘对齐：

• AlignBottomWithPanel

• AlignLeftWithPanel

• AlignRightWithPanel

• AlignTopWithPanel

和Panel中心对齐：

• AlignHorizontalCenterWithPanel

• AlignVerticalCenterWithPanel

试用了一下，常用的对齐方式都有了，基本上各种复杂的布局都能轻易的实现。唯一的缺点是，这种布局方式和和其它元素耦合的，里面的元素不像其它的面板那样可以随意删除。不过也非常强大了，比起之前WinRt下的那些布局面板要方便多了。

到此这篇关于UWP布局面板RelativePanel的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持自由互联。