Expression Blend 游戏开发 Demo 3.docxVIP

在本单元，您将学习到：巢状物件Grid和Canvas控件选取对象重新排列对象转换对象使用Expression Blend踏进游戏领域第3单元认识版面配置容器在开始建立Expression Blend的Silverlight项目之前，您需要了解XAML工作流程之相当基础的一面：版面配置控制 (Layout Controls)。假使您熟悉XHTML与CSS，您甚至可以凭直觉来进行许多XAML版面配置控制。假使您在版面配置的主要经验系以印刷品或Flash动画为基础，您将需要学习一些基本观念，以充分理解XAML版面配置控件之用途与本身的角色。巢状物件：版面配置控件的概观在XHTML，像是div元素或列表元素可让您将内容群组至方块或清单当中。这些元素有许多可透过CSS来加以调整视觉上的属性，但凭心而论，它们也是为了组织内容变成有意义之结构而存在的。在XHTML或XAML之版面配置元素内组织内容实在是非常相似于重整您家的厨房。假使费时花钱买了一些灵巧的配件，您可以单独存放您的银制品，让您的刀具不具危险性与易于被存取，以及让您的锅子挂在镶嵌于天花板的置物架上。在XAML中存在被称为版面配置控件的元素，专为组织内容至一般版面配置场景而被创造的！举例来说，Stack Panel非常适合组织导航项目(navigation items)，Grid可做为相当良好的结构化架构，而对于需要精确定位时，Canvas可说是非常方便。就像上述厨房的比喻一样， XAML版面配置控件可被同类，逐阶层地套迭在一起。.一个大柜子也许包含许多容器，可用来整理还有小容器在里面的小物品。在XAML中，当套迭容器于另一个容器里，我们以家谱隐喻法(family tree metaphor)，提及它们之间的关系。例如：母体也许包含子孙，而这些子孙可能还逐代包含两个以上的后代。试着维持那种思路在脑袋里，应该令人苦恼吧！所幸Expression Blend让您可用非常直觉化视觉上地表述这种关系。在本节中，您即将探索版面配置元素，并学会多种元素在每种版面配置的使用时机。我们将从Grid与Canvas控件着手开始。在Expression Blend中，这些控件可被视为版面配置的主要大楼建筑物。它们是应用范围最具弹性且最广的，其他的版面配置控件特别聚焦于更为特定与精密的版面配置情况之中。Grid控件假使您熟悉运用表格于HTML或主流的应用程序，grid在「内容可用列与栏（行）被建构起来」的意义上，有点类似表格元素。相当符合逻辑地，这个版面配置结构就是在Grid控件中的网格线框(grid)。grid控件之真正实力，还是在于可用来管理内容与容器之间关系的准确度。实际上，grid控件之典型实例会是可展开的用户接口。假使您正在使用计算机，您正在使用的程序允许您调整工作区窗口的尺寸，此时特定的用户接口之多个面板与工具，很有可能会各自被自动调整以符合屏幕整体的显示空间。一般而言，此举使得文档窗口变得更小，但像是主选单等等重要的高阶元素则会保留显示。在Expression Blend中，藉由可展开之Grid版面配置控件，可用来建立上述缩放机制之用户接口Canvas控件在XHTML当中，最类似XAML之canvas控件的元素，莫过于内含藉由绝对位置定位之元素的div元素。不像子元素存在于单元格当中之类似表格的grid结构，canvas简单让您定位子元素，就好比您正在整理家具或将一些图画钉在墙上。您也许并不期待地板或墙壁有什么改变，所以您并不会去思索您的图画与家具在那场景当中，会如何互相影响。您只是整理它们，并希望它们就那样子原地不动。Canvas并不是最适合配置用户接口之版面的。它比较适合用于元素不会以几何形态被重整，或是以复杂方式被缩放的场合。以底下游戏为例，碎块群也许方便被重整其版面成为蜂巢图案，不过整体的游戏空间有些随意。在典型样式的用户接口当中，球形子弹会在游戏空间中到处移动，并且不会改变其他元素的位置，所以此实例就适合使用canvas来实作。此游戏适合使用canvas控件来实作。在下一节中，您即将稍微练习在Expression Blend中建立grid与canvas控件。建立canvas控件根据您建立于Expression Blend的项目类型，也许您会发现自己项目内canvas控件比较多或是刚好相反。在本实例中，我们将从canvas着手进行，这纯粹因为比起grid，它是较容易被抓到诀窍的控件。首先您大概会想知道如何识别版面配置元素的种类。1开启Expression Blend 3，并执行[档案] [新增项目]命令。待新项目窗口出现后，请选取Silverlight 3 应用程序 + 网站，让新项目被赋予module03_work的名称，浏览并指定被储存至module03_assets文件夹，最