原文:Expression.Blend.4 Chapter 接口设计 发现网上关于silverlight,WPF美工系列的书籍一直很少,而且很多都是英文的.在公司无聊,开始进行翻译. 翻译的地方可能有错误,欢迎大家指正.但是里面每一个程序都是亲自测试过,并加了点自己的看法. 我翻译的是Expression.Blend.4.Step.by.Step,大家有疑问的可以去看看英文原版. 希望大家转载的时候加上链接.3Q http://www.cnblogs.com/WWLB 视觉元素 Blend支持向…

原文:零元学Expression Blend 4 - Chapter 6 如何置入Photoshop档案以及入门动画设计 本章将教大家如何把Photoshop档案置入Expression Blend 4,以及设置简单的动画. 只要按照步骤来,就能很容易的做出动画的效果. ? 本章将教大家如何把Photoshop档案置入Expression Blend 4,以及设置简单的动画. 只要按照步骤来,就能很容易的做出动画的效果. ? 就是要让不会的新手都看的懂! ? ------------------…

原文:零元学Expression Blend 4 - Chapter 45 ListBox里的物件不能换行吗? ListBox里的排列不是垂直就是水平,觉得这样的排列很枯燥乏味吗? 想要它变聪明吗? 看下去就对了~ ? ListBox里的排列不是垂直就是水平,觉得这样的排列很枯燥乏味吗? 想要它变聪明吗? 看下去就对了~ ? 先前在[Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(下)] 使用了WrapPanel做为第二层选单的布局容器 另外,在设计x程式社团,也有朋友问…

原文:零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上) 一直以来都有人拿Flash的动画问我Blend可不可以做到一样的动画效果 虽然我很明白Flash跟Silverlight差异在哪,但似乎对很多人来说,在网页上的动画效果已经根深蒂固的觉得只能用Flash才做到!? 在我看来....善用工具,并且用对工具,就能达到想要的效果! 技术日新月异,很多工具软体也越来越人性化,操作起来更是便捷 可能我对B…

原文:零元学Expression Blend 4 - Chapter 39 虾米?!同款?不同师傅!告诉你Visible.Hidden与Collapsed的差异! 由此可知 Hidden为隐藏项目,但也保留项目的配置空间 而Collapsed为隐藏项目,但因为没有保留项目的配置空间,所以会使得绿色区块位置改变 MSDN提到: Visibility 值为 Collapsed 的项目不会占用任何配置空间. (MSDN对Visibility的介绍原文) 配置空间指的是项目存在画面上的位置 所以就算是该…

原文:零元学Expression Blend 4 - Chapter 33 简单轻松的学会如何使用Visual States(下) 上篇提到了Visual State Manager中文翻译为视觉状态管理器是Blend的强大功能之一 本篇要更深入介绍如何使用 ? 上篇提到了Visual State Manager中文翻译为视觉状态管理器是Blend的强大功能之一 本篇要更深入介绍如何使用 ? 本篇范例最後成果: ? 很抱歉,阁下使用的浏览器并不支援 IFrame,不能正常浏览我的网页 ? 01…

原文:零元学Expression Blend 4 - Chapter 31 看如何简单的把SampleData 绑进ListBox里 前面几章连续讲到ListBox的运用,本章要讲得是如何简单的把SampleData 绑进ListBox里 ? 前面几章连续讲到ListBox的运用,本章要讲的是如何简单的把SampleData 绑进ListBox里 ? 就是要让不会的新手都看的懂! ? 本章范例最後结果: 很抱歉,阁下使用的浏览器并不支援 IFrame,不能正常浏览我的网页 ? ? 01 若你对L…

原文:零元学Expression Blend 4 - Chapter 32 简单轻松的学会如何使用Visual States(上) Visual State Manager中文翻译为视觉状态管理器,这是Blend的强大功能之一 这项功能赋与了视觉设计师更大的空间 ? Visual State Manager中文翻译为视觉状态管理器,这是Blend的强大功能之一 这项功能赋与了视觉设计师更大的空间 ? 以一般制作Html网页所使用到的Button举例来说: 通常会出现的三种基本状态:Normal.…

原文:零元学Expression Blend 4 - Chapter 18 用实例了解互动控制项「CheckBox」II 延续上一章的CheckBox教学,本章将以实作继续延伸更灵活的运用CheckBox. 看Blend如何把CheckBox变成飞碟! ? 延续上一章的CheckBox教学,本章将以实作继续延伸更灵活的运用CheckBox. 看Blend如何把CheckBox变成飞碟! ? ? ? 灵感取自经典动画!「怪兽大战外星人」!!!!!! ? ? ? 本章需要两张图片,一为幽浮.另一个是…

原文:零元学Expression Blend 4 - Chapter 14 用实例了解布局容器系列-「Pathlistbox」II 本章将延续上一章的范例,步骤解析. 本章将延续上一章的范例,步骤解析. 若是对Pathlistbox基本属性还不认识的朋友,请返回上一章,小猴子良心建议:先求精.再求广! 01 开启一个新专案後,在主要工作区放入一个Ellipse,并调整到适当的位置 接着,建立我们的文字「I Love Blend 4」 这边要注意的一点: 若要做出范例的排列方式,每个字元必独立在自…

原文:零元学Expression Blend 4 - Chapter 15 用实例了解互动控制项「Button」I 本章将教大家如何更改Button的预设Template,以及如何在Button内设置动画. ? 本章将教大家如何更改Button的预设Template,以及如何在Button内设置动画. ? ? ? 01 开启一个新专案,并且置入一个Button,调整到适当大小 ? 在Properties->可以调整Button的外观,基本设定都跟先前的教学雷同 不熟的人请看如何用Blend制作一…

原文:零元学Expression Blend 4 - Chapter 12 用实例了解布局容器系列-「Viewbox」 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布局容器是Blend 4 里的-「Viewbox」: 以及加码赠送安装扩充元件-「Silverlight Toolkit」. ? 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布局容器是Blend 4 里的-「Viewbox」: 以及加码赠送安装扩充元件-「Silverlight Toolki…

原文:零元学Expression Blend 4 - Chapter 8 用实例了解布局容器系列-「Grid」 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的是Blend 4 里的布局容器大哥-「Grid」. ? 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的是Blend 4 里的布局容器大哥-「Grid」. ? ? ? 就是要让不会的新手都看的懂! ? ? ? <实至名归的容器大哥> Blend 4内的容器有很多种,比较常运用到的除了有Grid.Can…

原文:零元学Expression Blend 4 - Chapter 4元件重复运用的观念 本章将教大家Blend元件重复运用的观念,这在Silverlight设计中是非常重要的,另外加码赠送渐层工具(Gradient Tool). ? 本章将教大家Blend元件重复运用的观念,这在Silverlight设计中是非常重要的,另外加码赠送渐层工具(Gradient Tool). ? ? 就是要让不会的新手都看的懂! ? 01 开始专案 打开Blend後选择Top Menu的 File->New P…

原文:零元学Expression Blend 4 - Chapter 1 缘起 本来都使用Adobe相关工具从事设计工作的我,因缘际会下,接触到了Expression Blend 4,让我完全的对微软的设计工具改观. 为什麽呢?看下去就知道. 本来都使用Adobe相关工具从事设计工作的我,因缘际会下,接触到了Expression Blend 4,让我完全的对微软的设计工具改观. 为什麽呢?看下去就知道. 因为对Expression Blend 4的渴求,让我搜遍了网路,却发现讨论Expressi…

原文:零元学Expression Blend 4 - Chapter 2 入门界面简介 在这篇教学我将会介绍Expression Blend 4的基本界面,虽然有些网站已经有做了介绍,为了整个教学的完整性,就在此做补充. ? 在这篇教学我将会介绍Expression Blend 4的基本界面,虽然有些网站已经有做了介绍,为了整个教学的完整性,就在此做补充. ? ? 就是要让不会的新手都看的懂! ? 01建立一个新专案->左上角(Top Menu)的File->选取New Project->…

原文:Expression.Blend.4 Chapter 图片和视频的使用 翻译的地方可能有错误,欢迎大家指正.但是里面每一个程序都是亲自测试过,并加了点自己的看法. 我翻译的是Expression.Blend.4.Step.by.Step,大家有疑问的可以去看看英文原版. 希望大家转载的时候加上链接.3Q 图片和视频的使用 使用图片 在项目中添加修改图片. 1.点击File菜单的打开Project/Solution.出现项目对话框.找到CH3v文件夹.双击CH3v.sln文件.点击你项目的P…

原文:零元学Expression Blend 4 - Chapter 46 三分钟快速充电-设定Margin的小撇步 如果需要经常的使用某一项工具,总会希望能够更快速的使用各项设定达到效果 今天要介绍的就是简单的设定Margin的小撇步 帮你快速的充个电吧! ? 如果需要经常的使用某一项工具,总会希望能够更快速的使用各项设定达到效果 今天要介绍的就是简单的设定Margin的小撇步 ? 帮你快速的充个电吧! ? 01 在主要工作区随意的放入一个Rectengle ? 02 在Properties-…

原文:零元学Expression Blend 4 - Chapter 47 超简单!运用StackPanel配合OpacityMask做出倒影效果 有网友问我如何在Blend内制作出倒影效果 我提供了一个很简单的作法,解决了他的问题,在这里也跟大家分享 : ) 我们运用StackPanel配合OpacityMask做出倒影效果 ? 有网友问我如何在Blend内制作出倒影效果 我提供了一个很简单的作法,解决了他的问题,在这里也跟大家分享 : ) ? 我们运用StackPanel配合OpacityM…

原文:零元学Expression Blend 4 - Chapter 44 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(下) 抱歉久等了!!!! 终於到了动画MenuBar的最终章罗! ? ? 抱歉久等了!!!! 终於到了动画MenuBar的最终章罗! :) ? ? 由於,本篇动画设定较多,为求步骤清楚,所以文章较为冗长 而小猴子因为篇幅的关系也已经删减了一部分入门观念的解说 (小建议:若是已经对动画等相关制作与设定.Visual State等有相当的了解,再看本篇会…

原文:零元学Expression Blend 4 - Chapter 42 五分钟快速完成扇形变圆形动画 零元学Expression Blend 4 - Chapter 42 五分钟快速完成扇形变圆形动画 ? 有位网友jiokoi留言问我:是否可以用StoryBoard制作出一个圆从0度到360度顺时针扇形的出现 ? 我做了一个简单的范例,顺便分享给大家~ ? 这是最後的成果: 看起来有雷达扫描装置的fu~XD(误) 很抱歉,阁下使用的浏览器并不支援 IFrame,不能正常浏览我的网页 ? ?…

原文:零元学Expression Blend 4 - Chapter 41 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(中) 我们接着进行动画MenuBar的制作 接续着上一篇的范例,要使文字的位置在MouseOver也有变化 ? ? 我们接着进行动画MenuBar的制作 ? ? 01 接续着上一篇的范例,要使文字的位置在MouseOver也有变化 ? 回到Template编辑模式->MouseOver->ContentPresenter 使用Translate X…

原文:零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下) 你可以把Clip想成是一个遮罩,运用遮罩达到我们想要的效果 所以在这里我们把文字的范围当成是遮罩 与遮罩交叠的图片部分被截取出来 进而呈现出图片镶进文字内的效果 ? 在上篇提到了Clip的基本认识,本回要介绍进阶的使用并实作 ? 本篇范例的最後结果如下: ? ? 01 在主要工作区放入一张你喜爱的图片 并使用TextBlock->输入你想要的文字,如图: ? 02 再来,运用上…

原文:零元学Expression Blend 4 - Chapter 37 看如何使用Clip修出想要的完美曲线(上) 几何外部的 UIElement 会在呈现的配置中以视觉化方式裁剪. 几何不一定要是矩形. 裁剪区域是几何的「外部」. 换句话说,如果几何是用来做为 Path 而非裁剪的资料,所显示 (未裁剪) 内容的几何区域即具有 Fill 属性. 裁剪区域是指落在几何覆叠外部的任何区域. 对於复杂的几何而言,区域的裁剪与否会受到几何的 FillRule 的影响. ? ? 开场白不知道怎麽写.…

原文:零元学Expression Blend 4 - Chapter 36 来玩捉迷藏吧!!!看看ScrollBar的Disabled与Hidden之差异 本次要针对Disabled以及Hidden作讨论 很多人会把Disabled当成是不显示,因为选单内容有个Visible(翻译为可见or显示) 但其实Disabled是禁用而非不显示,若是想要使之不显示,请使用Hidden作隐藏即可 我想,不显示跟隐藏的意思是雷同的,但与禁用却是相差很远,所以请不要搞混喔~ 隐藏与禁用,在实务上使用起来就是有…

原文:零元学Expression Blend 4 - Chapter 35 讨厌!!我不想一直重复设定!!『Template Binding』使用前後的差异 因为先前写到自制Button时需特别注意Template Binding步骤的部分,有不少网友常常问我差异到底在哪? 所以在这边就特别为了Template Binding做单独的介绍 ? 因为先前写到自制Button时需特别注意Template Binding步骤的部分,有不少网友常常问我差异到底在哪? 所以在这边就特别为了Template…

原文:零元学Expression Blend 4 - Chapter 34 啊~!!我不要毛毛的感觉!-使用布局修整「UseLayoutRounding」 本章将介绍UseLayoutRounding,中文我把它翻译为「布局修整」 英文原文为:Gets or sets a value that determines whether to use rounding behavior that aligns layout to whole pixels. ? 本章将介绍UseLayoutRoundi…

原文:零元学Expression Blend 4 - Chapter 28 ListBox的基本运用与更改预设样式 本章将先教大家认识ListBox的基本运用与更改预设样式 本章将先教大家认识ListBox的基本运用与更改预设样式 此为本篇ListBox的基本样式范例 很抱歉,阁下使用的浏览器并不支援 IFrame,不能正常浏览我的网页 01 开启一个新专案後,放入一个ListBox 你会看到是个空白的框框,什麽东西都没有? 不是应该会有一行一行可以放文字的容器吗? 别着急,让我们来看看到底Li…

原文:零元学Expression Blend 4 - Chapter 29 ListBox与Button结合运用的简单功能 本章所讲的是运用ListBox.TextBox与Button,做出简单的列表新增删除功能 这种功能常常在很多小地方运用到 ? 好久没发文了,先祝大家新年快乐! ? 本章所讲的是运用ListBox.TextBox与Button,做出简单的列表新增删除功能 这种功能常常在很多小地方运用到 ? 此为本篇范例最後的成果 很抱歉,阁下使用的浏览器并不支援 IFrame,不能正常浏览我…

原文:零元学Expression Blend 4 - Chapter 30 8个Expression Blend4的快捷 我针对工作区跟视窗的快捷键整理了八个Expression Blend4的快捷,也是我常用的,希望对大家有帮助 而其余的工具快捷在其他的文章中已经介绍过噜! ? 我针对工作区跟视窗的快捷键整理了八个Expression Blend4的快捷,也是我常用的,希望对大家有帮助 而其余的工具快捷在其他的文章中已经介绍过噜! ? 01 F4 or Tab 常用Blend的朋友,下图应该是…