Blend4实例中文教程

所需积分/C币:10 2016-01-16 20:10:14 5.86MB PDF
12
收藏 收藏
举报

Blend4实例中文教程,内容详细,清晰,有助于新手学习Blend的WPF前段设计!
成员,我们将在后文详细描述。 通过以上的描述,我们可以清楚明白,从事 Silverlight和WPF项目开发, Blend是必不可少的设计工具, 学会了Bend会在开发过程中达到事半功倍的效果。也正式以上的原因,才会有了本系列文章教程,本 系列教程旨作为了计更多的开发人员了解和学习 Expression blend的使用,希望能够计更多的开发人员 加入到 Silverlight和WPF开发行列。 Expression Blend实例中文教程(2)-界面快速入门 时间:2010-03-1515:37来源: Silverlightchina.Net作者:jv9点击:1994次 上一篇主要介绍 Expression系列产品,另外概述了Bend的强大功能,本篇将用 Blend3创建一个新 Silverlight项目,通过创建的过程,对 Blend进行快速入门学习。在开始使用 Blend前,首先需要进行 Silverlight的开发环境搭建,在银光中国网( Silverlightchina.Net)有篇轻松建 :一篇主要介绍 Expression系列产品,另外概述了 Blend的强大功能,本篇将用 Blend3创建一个新 Silverlight项目,通过创建的过程,对 Blend进行快速入门学习。 在川始使用Bend前,首先需要进行 Silverlight的川发坏境搭建,在银光中国网( Silverlight china.Net 有篇“轻松建立 Silverlight开发环境”,其中列出了建立 Silverlight开发环境的几个步,另外,我在过 去发布过一篇“ Silverlight开发工具集合”文章,也列出了 Silverlight项目开发必装工具软件,这里对于 开发环境的搭建,我就不冉赘述。 Silverlight廾发坏境搭建成功后,我们将通过实例介绍 Blend入门操作,我使用的Bend是英文版本, 我将对照翻译成中文。 首先使用 Blend按照以下步骤创建一个新的 Silverlight项目 1.点击左上角的“Fle- New Project'”,这时会弹出一个新建项目窗口,如下图 B- Microsoft Expression Blend 3 ie\ Edt view Object Project Tools Window Help Prolects x Triggers Parts Proper Search Project types d silverlight 3 Application Website B Silverlight 3 Application sketchflow Bi WPF k Silverlight 3 Control Library sketch Flow 日 Silverlight3 SketchFlow Application A project for creating rich cross-platform, web-based applications. Name silverlightApplication1 Location D Users\Kevin Documents \Expression\Blend Larguage Visual Basic Cnce 在上图可以看到Bend支持创建两个类型的项目,一个是 Silverlight,另一个是WPF,本系列主要讨论 Silverlight,所以,我们选择“ Project Type- Silverlight¨,在选中 Silverlight类型后,在弹出窗口右边 会出现四个项目模板, (1)Silverlight 3 Application Website 该选项是“创建 Silverlight3客户端应用其屮包含 Website项目”,选择该选项后, Blend会自动创建 Web项目在同一个解决方案下,编译后运行,会在Web项目中产生测试页面,在客户端显示 Silverlight 客户端 (2)silverlight 3 Application 该近攻是创建 Silverlight3客户端应用”,选择该选项后, Blend仅创建 Silverlight客户端,编译后, 白动生成一个测试页面。 (3) Silverlight 3 Control Library 该选项是创建 Silverlight控件类库”,选择该选项后, Blend会创建 Silverlight空白类库,主要用于 创建 Silverlight定义控作。 (4)silverlight 3 sketchFlow Application 该选项是“创建 Silverlight3 Sketch flow应用”,选择该选项后, Blend会创建 Silverlight3 SketchE|oW应用。 在项日模板窗口下,是创建项日的名称,项日路径和项日后台语言支持 本文将创建一个 silverlight3 Application+ Website+c#完整项目,方便以后解释项目细节。 BI Silve light Blend Demc.cIn-Microsoft Expression Blend T區 File Edit View Object Project Tools window Help MaIn Page xam父 rper× Resoure None selected Namc gi SilverlightBlend Deme searca RefErences Propertie F b ke MainPage. xaml E SilverlightBlandDemoSite 国 Icon.IcC 西 siDelights D 66%N圆田彐→甲 创建新项目后,可以在 Blend看到当前工作去,我将重要的几个部分添加了标识,下面详细描述各个部分 的作用 A部分:是菜单选项; B部分:是 DockPane菜单,鼠标点击后,会弹出对应的窗口,例如“对象和时间线”或者“项目管理”等 c部分:是工具面板菜单 这两个选项用于对象和路径选择 这两个选项用于调整美工板块的 视图,可以平移或者缩放 c/笔工具.主要用于对象的颜色 绘制 控件对象工具,主要用于描绘路径 形状,文本以及控件等 资源工具,显示更部忠 D部分:项目面板 Solution"SilverlightBlendDemo"(2 prc 智 SilverlightBlend Demo References App.xaml MainPage. xaml 看 SilverlightiBlendDemosite Defau ithtml 光中国 小 enlight CHINA 上图可以看出在 Silverlight BlendDemo解决方案下,有两个项目 1. Silverlight Blend demo:该项目是 Silverlight客户端项目,主要承载 Silverlight客户端页面和控件; 2. SilverlightBlend Demo Site;:该项日是 Silverlight服务器端项日,主要承载服务器端代码,例如WCF Service或者DAL数据层代码 E部分:文档切换栏,该栏目显示所有打开的项目文件,可以白由切换; F部分:主要「作区,叫做美Ⅰ板,所有页面和控件设计都在该区域 G部分:视图和代码切换栏,该栏日提供三个选项,第一个是视图选项,第二个是代码选项,第三个是视 图和代码同时显示选项 60%圆田回 1 <UserControl xmlns-http://scheras.microsoftcom/wintx/2006/xaml/presenTation 3 x: Class="SilverlightBlendDemo. MainPage" G xmlns: x=hLLp: //schemas. micr'UsufL Lum/ /2886/xem1 5 Width=640"Height=480"> <Grid x: Name-" LayoutRoot Background- White"/> 8/ Userc。ntro 士光 H部分:属性和资源选项栏,从这里可以设置控件属性和对应项目资源 工部分:使用该部分缩放F部分美工板,启动动画效果,设置控件对齐近项以及查看文件注释內容; 以上窗凵部件是创建项目后,默认显示的几个窗口,另外还有几个常见的窗口部件,也介绍一下 1.首先介绍一下菜咩扩展部分,当你把鼠标选中C部分菜单按钮,会弹出扩展菜单按钮,功能如下: 钢笔和铅笔 矩形,椭圆形和线性 面板样式布局控件 文本控件扩展 Silverlight标准控件组 99 -‖- -1 国国国 银光中国 Silverlight chINA 在扩展菜单中,最后一项是 Silverlight资源工具按钮 击选中后,会弹出以下窗口,其中 包含所有控件,样式集合,行为代码集合以及动画效果和媒体文件集合。在设计的时候,如果添加新控件, 可以从这个选项进行选择。 Search Project AccessiblelistBox Accordion <>Accordionlte Controls <>AreaDataPoint Area series Autocomplete Box Behaviors 2 > BarDataPoint Barseries 四 BlueSfest Effects Media d bOrder <> BubbleCreme Theme ()BubbleDataPoint Categories 24 1 0 Locations 154b <>Bureau BlackTheme ()BureauBlueTheme <>Busyindicator R Button Buttonspinner Calendar 6R CalendarButton GT CalendarDayButton ( Calendarltem □ Canvas 目□ CategoryAxis ChangeProperty Chart Checkbox Action 》 ColuImnDataPoint而, Coluimnseries 即4光中国 Overlight CHINA 3. object and Timeline-对象和时间线面板,可以使用该面板对页面控件对象进行分层管理,另外也 可以对当前对象进行动曲设计,详细动圃设计,将在下文措述。 Objects and Timeline e storyboard 这x+|441>1 [Usercontrol 4+c0Oc00 i[UserControl LayoutiRoot 银光中 10% Silverlight CHINA 4.属性设置面板,在上文H部分,我们介绍了属性和资源选顶框,这里我把属性框单独列出来,在美工 面板创建一个按钮控件后,选中该按钮,在属性面板中显示各种属性,例如背景,笔剧等等,从这个面板 可以不冋输入代码,直接设计控件属性。 Propert x Resources Data Name <No Names Type Butto seurch Brushes Background BorderBrush Foreground pacity Mask N。 brush Editor a Color resources A100g FFF1 银光中国 weight cHINA 5.控件模板样式資源面板ε从该面板,选择设计控件样式。 Properties Resour. x Data App.xaml g Linked Tor Resource xaml d Resource Dictionary1.xaml a MainPagexaml s. [ UserC 银光中国 Buttonstyle1 Silverlight cHINA 6.调试结果面板,在该面板显示调试错误信息和输出信息 Results Description s 0 The closing XML tag"UserCont is mismatched. 银光中 Silverlight CHINA 今天写到这里了,下次继续写,下面是网友经常问的几个 Blend问题,我做了统一回答,希望能帮到更多

...展开详情
试读 122P Blend4实例中文教程
立即下载 低至0.43元/次 身份认证VIP会员低至7折
一个资源只可评论一次,评论内容不能少于5个字
您会向同学/朋友/同事推荐我们的CSDN下载吗?
谢谢参与!您的真实评价是我们改进的动力~
关注 私信
上传资源赚积分or赚钱
最新推荐
Blend4实例中文教程 10积分/C币 立即下载
1/122
Blend4实例中文教程第1页
Blend4实例中文教程第2页
Blend4实例中文教程第3页
Blend4实例中文教程第4页
Blend4实例中文教程第5页
Blend4实例中文教程第6页
Blend4实例中文教程第7页
Blend4实例中文教程第8页
Blend4实例中文教程第9页
Blend4实例中文教程第10页
Blend4实例中文教程第11页
Blend4实例中文教程第12页
Blend4实例中文教程第13页
Blend4实例中文教程第14页
Blend4实例中文教程第15页
Blend4实例中文教程第16页
Blend4实例中文教程第17页
Blend4实例中文教程第18页
Blend4实例中文教程第19页
Blend4实例中文教程第20页

试读结束, 可继续阅读

10积分/C币 立即下载 >