canvas教程

WPF and Silverlight 学习笔记(九):WPF布局管理之Canvas、InkCanvas

字号+ 作者:H5之家 来源:H5之家 2015-09-26 15:21 我要评论( )

一、Canvas 在WPF中子元素的绝对定位的布局控件 其子元素使 用Width、Height定义元素的宽度和高度 使用Convas.Left (Convas.Right)、Convas.Top(Convas.Bott

一、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优先生效

例如:

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"  Width="75">RT</Button>
4:   <Button  Canvas.Left="10" Canvas.Bottom="10"  Height="23" Width="75">LB</Button>
5:   <Button Canvas.Right="10"  Canvas.Bottom="10" Height="23"  Width="75">RB</Button>
6:  </Canvas>

在调整窗体大小时,LT与左、上距离保持不变 ;RT与右、上距离保持不变;LB与左、下距离保持不变;RB与右、下距离保持不 变。使用Canvas不能简单地实现Windows应用程序中Acho的功能。

二、 InkCanvas

在WPF中实现允许使用墨迹的控件。如:

1:  <Window x:Class="WPFLayoutDemo.InkCanvasDemo"
2:     xmlns="& quot;
3:    xmlns:x=""
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" InkCanvas.Top="10"
10:         Source="Logo2.png"/>
11:    </InkCanvas>
12: </Window>

其他的功能与Canvas相近。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5新特性详解(三)

    HTML5新特性详解(三)

    2017-04-30 16:03

  • 学习慕课网canvas倒计时实例笔记

    学习慕课网canvas倒计时实例笔记

    2017-04-30 14:01

  • 从一个画板demo学习canvas

    从一个画板demo学习canvas

    2017-04-30 13:00

  • canvas的神奇用法 javascript技巧笔记 CFEI.NET

    canvas的神奇用法 javascript技巧笔记 CFEI.NET

    2017-04-30 12:00

网友点评
o