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的不同。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Coco的专栏

【Web动画】SVG 线条动画入门

1972
来自专栏Material Design组件

Material Design — 按钮( Buttons)

40716
来自专栏前端知识分享

第101天:CSS3中transform-style和perspective

1、transform-style属性是3D空间一个重要属性,指定嵌套元素如何在3D空间中呈现。

1523
来自专栏HTML5学堂

揭秘PhotoShop中的点与像素

HTML5学堂:PhotoShop当中,存在着这样一个单位 —— 点。对于设计师们,估计再熟悉不过了,但是对于前端开发攻城狮们,稍有些郁闷,因为点并不会完全等于...

3645
来自专栏项勇

笔记74 | 学习掌握ConstraintLayout的基本属性

2165
来自专栏GIS讲堂

地图切片详解

地图切片很多做GIS的筒子都不陌生,但是其中的原理一直是马马虎虎,在此,就地图切片中的几个重要的概念做一个介绍,一则自己做个总结,二则希望能够帮助到有此困惑的战...

4102
来自专栏熊二哥

Html与CSS快速入门03-CSS基础应用

这部分是html细节知识的学习。 ? ? 边框、填充、对齐和浮动 这部分将主要介绍使用CSS控制整个Web页面的各个方面,通常来说,会使用margin(外部)...

2408
来自专栏程序员阿凯

为 DP 设计布局

1545
来自专栏郭耀华‘s Blog

Android——界面特效 相关知识总结贴

帮助android UI实现动画特效 http://www.apkbus.com/android-79595-1-1.html 帮助android应用程序实现动...

3379
来自专栏IMWeb前端团队

css中如何做到容器按比例缩放

本文作者:IMWeb 结一 原文出处:IMWeb社区 未经同意,禁止转载 在说容易按比例缩放前,我们先说下图片按比例缩放。 对于图片,默认只设置图片的...

2609

扫码关注云+社区

领取腾讯云代金券