Canvas、InkCanvas 布局(六)

一、Canvas
在 WPF 中子元素的絕對定位的布局控件
其子元素使用 Width、Height 定義元素的寬度和高度
使用 Convas.Left（Convas.Right）、Convas.Top（Convas.Botto
m）定義與 Convas 容器的相對位置
如果同時存在 Convas.Left 和 Convas.Right、 Convas.Top 和 Convas.
Bottom，則 Convas.Left、Convas.Top 優先生效
例如：
1: <Canvas>
2: <Button Canvas.Left="10" Canvas.Top="10" Height="23" Width
="75">LT</Button>
3: <Button Canvas.Right="10" Canvas.Top="10" Height="23" Widt
h="75">RT</Button>
4: <Button Canvas.Left="10" Canvas.Bottom="10" Height="23" Wi
dth="75">LB</Button>
5: <Button Canvas.Right="10" Canvas.Bottom="10" Height="23" W
idth="75">RB</Button>
6: </Canvas>

在調整窗體大小時，LT 與左、上距離保持不變；RT 與右、上距離保持不變；LB 與左、下距
離保持不變；RB 與右、下距離保持不變。使用 Canvas 不能簡單地實現 Windows 應用程
序中 Acho 的功能。
二、InkCanvas
在 WPF 中實現允許使用墨跡的控件。如：
1: <Window x:Class="WPFLayoutDemo.InkCanvasDemo"
2: xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presen
tation"
3: xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4: Title="InkCanvasDemo" Height="200" Width="300">
5: <InkCanvas>
6: <InkCanvas.DefaultDrawingAttributes>
7: <DrawingAttributes Color="Red" />
8: </InkCanvas.DefaultDrawingAttributes>
9: <Image Width="155" Height="155" InkCanvas.Left="10" Ink
Canvas.Top="10"
10: Source="Logo2.png"/>
11: </InkCanvas>
12: </Window>

其他的功能與 Canvas 相近。