@H_197_19@
上一篇主要介绍Expression系列产品,另外概述了Blend的强大
功能,本篇将用Blend 3创建
一个新Silverlight项目,通过创建的过程,对Blend进行
快速入门学习。
Silverlight开发环境搭建成功后,我们将通过实例介绍Blend入门操作,我使用的Blend是
英文版本,我将对照翻译成
中文。
首先使用Blend按照以下步骤创建
一个新的Silverlight项目,
1. 点击
左上角的“File - New Pro
ject”,这时会弹出
一个新建项目窗口,如下图
在上图可以看到Blend
支持创建两个类型的项目,
一个是Silverlight,另
一个是WPF,本系列主要讨论Silverlight,所以,我们选择“Pro
ject Type -Silverlight”,
在选中Silverlight类型后,在弹出窗口右边
会出现四个项目模板,
(1) Silverlight 3 Application + Website
该选项是
“创建Silverlight 3客户端应用
其中包含Website项目”,选择该选项后,Blend会
自动创建Web项目在同
一个解决方案下,编译后运行,会在Web
项目中产生测试
页面,在客户端
显示Silverlight客户端。
(2) Silverlight 3 Application
该选项是
“创建Silverlight 3客户端应用”,选择该选项后,Blend仅创建Silverlight客户端,编译后,
自动生成一个测试
页面。
(3) Silverlight 3 Control Library
该选项是
“创建Silverlight控件类库”,选择该选项后,Blend会创建Silverlight空白类库,主要
用于创建Silverlight
自定义控件。
(4) Silverlight 3 SketchFlow Application
该选项是
“创建Silverlight 3 SketchFlow应用”,选择该选项后,Blend会创建Silverlight 3 SketchFlow应用。
在项目模板窗口下,是创建项目的
名称,项目路径和项目
后台语言
支持。
本文将创建
一个
Silverlight 3 Application + Website + C# 完整项目,方
便以后解释项目细节。
创建新项目后,可以在Blend看到当前工作去,我将重要的几个部分
添加了标识,下面详细描述各个部分的作用:
B部分:是DockPanel
菜单,鼠标点击后,会弹出对应的窗口,例如“对象和时间线”或者“项目管理”等;
D部分:项目面板
上图
可以看出在SilverlightBlendDemo
解决方案下,有两个项目:
1. SilverlightBlendDemo: 该项目是Silverlight客户端项目,主要承载Silverlight客户端
页面和控件;
2. SilverlightBlendDemoSite: 该项目是Silverlight服务器端项目,主要承载服务器端
代码,例如WCF
service或者DAL数据层
代码;
E部分:文档切换栏,该栏目
显示所有打开的项目
文件,可以自由切换;
F部分:主要工作区,叫做美工板,所有
页面和控件设计都在该区域;
G部分:视图和
代码切换栏,该栏目提供三个选项,第
一个是视图选项,第二个是
代码选项,第三个是视图和
代码同时
显示选项;
H部分:属性和资源选项栏,从这里可以设置控件
属性和对应项目资源;
I部分:使用该部分缩放F部分美工板,启动动画
效果,设置控件对齐选项以及查看
文件注释
内容;
以上窗口部件是创建项目后,
默认
显示的几个窗口,另外还有几个常见的窗口部件,也介绍一下:
1. 首先介绍一下
菜单扩展部分,当你把鼠标选中C部分
菜单按钮,会弹出扩展
菜单按钮,
功能如下:
2. 在扩展
菜单中,最后一项是Silverlight资源工具按钮
,点击选中后,会弹出以下窗口,
其中包含所有控件,样式集合,行为
代码集合以及动画
效果和媒体
文件集合。在设计的时候,如果
添加新控件,可以从这个选项进行选择。
3. Ob
ject and Timeline - 对象和时间线面板,可以使用该面板对
页面控件对象进行分层管理,另外也可以对当前对象进行动画设计,详细动画设计,将在下文描述。
4.
属性设置面板,在上文H部分,我们介绍了
属性和资源选项框,这里我把
属性框单独列出来,在美工面板创建
一个按钮控件后,选中该按钮,在
属性面板中
显示各种
属性,例如背景,笔刷等等,从这个面板可以不用输入
代码,直接设计控件
属性。
5. 控件模板样式资源面板。从该面板,选择设计控件样式。
今天写到这里了,下次继续写,下面是网友经常问的几个Blend问题,我
做了统一回答,希望能帮到更多朋友。
如果您在学习中
遇到问题,请留言或者加入QQ群讨论。
超级群 22308706,100844510 (200人满)
常见的几个问题:
为什么Blend中没有相对应的Silverlight控件?
答:在Blend中没有Silverlight控件,需要确认是否安装Silverlight Tools for Visual
studio 2008 Sp1 和 Silverlight Toolkit控件扩展包,在Silverlight Tools中包含了基础控件包,而Silverlight Toolkit是扩展控件。
答:确认Blend的版本,在Blend2.5之前的版本,Blend
不支持IntelliSense。
为什么Visual studio 2008 Sp1没有Silverlight项目视图设计界面?
答:从Silverlight 3开始,微软
屏蔽了Visual
studio 2008 Sp1的Silverlight项目视图设计
功能,推荐使用Blend 3进行Silverlight项目视图设计。 在Visual
studio 20
10中,重新恢复了Silverlight项目视图设计
功能。