Silverlight初级教程-绘图布局

Silverlight初级教程

绘图布局

正如之前所说Blend是和flash很像的东西。在这里将介绍一下如何在Blend中绘图。
这里的Blend中“舞台”的默认布局和flash中有些不同，大家都知道在flash中物体的都是有坐标“x,y”来定位的。在blend中舞台默认是 使用了Grid来对物体进行布局，这个Grid其实很像Html中的Table。这里暂时先跳过Grid。现在要尽量的flash相似。第一步就是要先把 舞台的布局改为和flash一样的方式。
打开Blend建立的项目，在中间的舞台区域中左边你会发现如下图所示的三个标签。

这三个标签分别能切换到“设计视图”、“代码视图”、“拆分视图”。怎么样？和Dreamweaver很相似吧。


好，这里有两种方法可以修改布局。
一个是在代码视图中找到“Grid”修改为“Canvas”。

第二种方法，在设计视图中在舞台的左边。Object and Timeline面版。

找到LayoutRoot。右键点击,change layout type -> Canvas.

你会发现原来的变成了。
其前边的图标代表了当前层的物体形式。

好了，现在的布局方式和flash一样了。
我们这里在工具栏中选择矩形在舞台上画一个出来。在右边的属性面板里可调整矩形的颜色、边框等属性。

注意到左边的面版吗？ 在多画出一个圆形看看。

很熟悉吧。   对这个就是和flash中“层”是一样的概念。“眼睛”、“锁”的功能和flash都是一样的。
选中一个物体，看看右边的属性面板下边的“Layout”

其中 width、height不用说了。
left属性和flash中的x属性一样
top属性和flash中的y属性一样
至于下边的三个属性是针对Grid布局的。在Canvas布局中不受这三个属性的影响。


若有兴趣的同学也可以自己修改一下数值，体验Canvas和Grid的不同。