绝对布局Canvas

35-绝对布局Canvas

这个布局控件允许我们设置它的 Top、Left、Right、Bottom 这四个属性的坐标位置。另外，如果两个控件重叠了，我们可以通过它的 ZIndex 属性来进行设置高度，哪个大则显示在上面。

练一练

<Canvas>
    <Button
        Background="Red"
        Canvas.Left="100"
        Canvas.Top="100"
        Height="50"
        Width="50"
        Canvas.ZIndex="4">按钮1</Button>
    <Button
        Background="Green"
        Canvas.Left="120"
        Canvas.Top="110"
        Height="50"
        Canvas.ZIndex="3"
        Width="50">按钮2</Button>
    <Button
        Background="Blue"
        Canvas.Left="140"
        Canvas.Top="120"
        Height="50"
        Width="50">按钮3</Button>
</Canvas>Code language: HTML, XML (xml)