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的不同。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 详解Android实现购物车页面及购物车效果(点击动画)
- Android利用LitePal操作数据库存取图片
- Android 改变图标原有颜色和搜索框的实例代码
- Android自定义滑动验证条的示例代码
- Android实现图片转高斯模糊以及高斯模糊布局
- android多媒体类VideoView使用方法详解
- Android编程实现短信收发及语音播报提示功能示例
- Android viewpager无限轮播获取网络图片功能
- Android 使用ContentObserver监听数据库内容是否更改
- Android UI中TextView的使用方法
- Android 中通过ViewDragHelper实现ListView的Item的侧拉划出效果
- 浅谈Android中使用异步线程更新UI视图的几种方法
- Android gradle打包并自动上传的方法
- Android 后台发送邮件到指定邮箱
- Android中socketpair双向通信详解