WPF布局管理之Canvas、InkCanvas (轉)

標籤：style   blog   http   color   使用   os   

一、Canvas

在WPF中子項目的絕對位置的布局控制項

• 其子項目使用Width、Height定義元素的寬度和高度
• 使用Convas.Left（Convas.Right）、Convas.Top（Convas.Bottom）定義與Convas容器的相對位置
• 如果同時存在Convas.Left和Convas.Right、Convas.Top和Convas.Bottom，則Convas.Left、Convas.Top優先生效

例如：

 <Canvas>  <Button Canvas.Left="10" Canvas.Top="10" Height="23" Width="75">LT</Button> <Button Canvas.Right="10" Canvas.Top="10" Height="23" Width="75">RT</Button> <Button Canvas.Left="10" Canvas.Bottom="10" Height="23" Width="75">LB</Button> <Button Canvas.Right="10" Canvas.Bottom="10" Height="23" Width="75">RB</Button></Canvas>

在調整表單大小時，LT與左、上距離保持不變；RT與右、上距離保持不變；LB與左、下距離保持不變；RB與右、下距離保持不變。使用Canvas不能簡單地實現Windows應用程式中Acho的功能。

二、InkCanvas

在WPF中實現允許使用墨跡的控制項。如：

 <Window x:Class="WPFLayoutDemo.InkCanvasDemo"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  Title="InkCanvasDemo" Height="200" Width="300"> <InkCanvas>     <InkCanvas.DefaultDrawingAttributes>            <DrawingAttributes Color="Red" />        </InkCanvas.DefaultDrawingAttributes>    </InkCanvas> </Window>