原文:零元学Expression Blend 4 - Chapter 47 超简单!运用StackPanel配合OpacityMask做出倒影效果 有网友问我如何在Blend内制作出倒影效果 我提供了一个很简单的作法,解决了他的问题,在这里也跟大家分享 : ) 我们运用StackPanel配合OpacityMask做出倒影效果 ? 有网友问我如何在Blend内制作出倒影效果 我提供了一个很简单的作法,解决了他的问题,在这里也跟大家分享 : ) ? 我们运用StackPanel配合OpacityM…
原文:零元学Expression Blend 4 - Chapter 24 以实作了解Cover Flow功能 今天要介绍一个Silverlight Toolkit内好用且在图片展示操作上很常见的元件-「Cover Flow」 今天要介绍一个??Codeplex??内好用且在图片展示操作上很常见的元件-「Cover Flow」 ? 请点击後方图片做切换 很抱歉,阁下使用的浏览器并不支援 IFrame,不能正常浏览我的网页 ? 01 首先,需要先到Codeplex? 下载Cover Flow 点击…
原文:零元学Expression Blend 4 - Chapter 46 三分钟快速充电-设定Margin的小撇步 如果需要经常的使用某一项工具,总会希望能够更快速的使用各项设定达到效果 今天要介绍的就是简单的设定Margin的小撇步 帮你快速的充个电吧! ? 如果需要经常的使用某一项工具,总会希望能够更快速的使用各项设定达到效果 今天要介绍的就是简单的设定Margin的小撇步 ? 帮你快速的充个电吧! ? 01 在主要工作区随意的放入一个Rectengle ? 02 在Properties-…
原文:零元学Expression Blend 4 - Chapter 44 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(下) 抱歉久等了!!!! 终於到了动画MenuBar的最终章罗! ? ? 抱歉久等了!!!! 终於到了动画MenuBar的最终章罗! :) ? ? 由於,本篇动画设定较多,为求步骤清楚,所以文章较为冗长 而小猴子因为篇幅的关系也已经删减了一部分入门观念的解说 (小建议:若是已经对动画等相关制作与设定.Visual State等有相当的了解,再看本篇会…
原文:零元学Expression Blend 4 - Chapter 45 ListBox里的物件不能换行吗? ListBox里的排列不是垂直就是水平,觉得这样的排列很枯燥乏味吗? 想要它变聪明吗? 看下去就对了~ ? ListBox里的排列不是垂直就是水平,觉得这样的排列很枯燥乏味吗? 想要它变聪明吗? 看下去就对了~ ? 先前在[Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(下)] 使用了WrapPanel做为第二层选单的布局容器 另外,在设计x程式社团,也有朋友问…
原文:零元学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 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 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 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 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的朋友,下图应该是…
原文:零元学Expression Blend 4 - Chapter 27 PathlistBox被Selected时的蓝底蓝框问题 最近收到网友Cloud的来信,询问我有关放进PathlistBox的物件,被选取後会出现蓝底蓝框的问题 经由他的同意,我决定把这个实作上遇到的问题及解决的方式,用一篇文章来跟大家分享 ? 最近收到网友Cloud的来信,询问我有关放进PathlistBox的物件,被选取後会出现蓝底蓝框的问题 经由他的同意,我决定把这个实作上遇到的问题及解决的方式,用一篇文章来跟大家…
原文:零元学Expression Blend 4 - Chapter 26 教你如何使用RaidoButton以及布局容器的活用 本章将教大家如何运用Blend的内建元件RaidoButton做出选单选项,以及配合的布局容器运用 ? 本章将教大家如何运用Blend的内建元件RaidoButton做出选单选项,以及配合的布局容器运用 ? ? 01 首先开一个新的专案,把Layout的颜色调整一下,并且在版面切完後放入一个Rectangle ? 问卷会有题目,所以我们放入一个TextBlock ?…
原文:零元学Expression Blend 4 - Chapter 25 以Text相关功能就能简单做出具有设计感的登入画面 本章将交大家如何运用Blend 4 内的Text相关功能做出有设计感的登入画面 让你五分钟就能快速做出一个登入画面 ? 本章将教大家如何运用Blend 4 内的Text相关功能做出有设计感的登入画面 让你五分钟就能快速做出一个登入画面 ? 范例内有文字方块可以输入文字,以及密码栏: 很抱歉,阁下使用的浏览器并不支援 IFrame,不能正常浏览我的网页 打错字了....不…
原文:零元学Expression Blend 4 - Chapter 23 Deep Zoom Composer与Deep Zoom功能 最近有机会在工作上用到Deep Zoom这个功能,我就顺便介绍一下这个一直很夯的功能吧! 虽然有很多前辈已经写过Deep Zoom的相关介绍文章了,但我想用自己的方式再把Deep Zoom这个功能整理的更完整一点. ? 最近有机会在工作上用到Deep Zoom这个功能,我就顺便介绍一下这个一直很夯的功能吧! ? 虽然有很多前辈已经写过Deep Zoom的相关介…
原文:零元学Expression Blend 4 Chapter 22 以实作案例学习Frame及HyperlinkButton 本章将教大家如何以实作善用Blend4的内建功能-「Frame」以及「HyperlinkButton」 本章将教大家如何以实作善用Blend4的内建功能-「Frame」以及「HyperlinkButton」 附上简单的范例,请点击进行换页,并注意换页内容 范例请点我 ? 跟着范例做做看吧! 01 使用小猴子附上的的范例档案,或是自己做一个类似下图的版面 ? (范例内的…
原文:零元学Expression Blend 4 - Chapter 18 用实例了解互动控制项「CheckBox」II 延续上一章的CheckBox教学,本章将以实作继续延伸更灵活的运用CheckBox. 看Blend如何把CheckBox变成飞碟! ? 延续上一章的CheckBox教学,本章将以实作继续延伸更灵活的运用CheckBox. 看Blend如何把CheckBox变成飞碟! ? ? ? 灵感取自经典动画!「怪兽大战外星人」!!!!!! ? ? ? 本章需要两张图片,一为幽浮.另一个是…
原文:零元学Expression Blend 4 - Chapter 19 如何让做好的Blend专案变Silverlight网页 本章将教大家如何把制作好的Blend专案变为可以让任何人在网际网路浏览的Silverlight网页 本章将教大家如何把制作好的Blend专案变为可以让任何人在网际网路浏览的Silverlight网页 距离上次发文已经好久了,但是我很感谢还是有很多朋友支持我.鼓励我 甚至E-mail给我或利用部落格的网页内嵌MSN敲我,跟我交流有关Silverlight以及Blend…
原文:零元学Expression Blend 4 - Chapter 17 用实例了解互动控制项「CheckBox」I 本章将教大家如何运用CheckBox做实作上的变化:教你如何把CheckBox变藏宝箱! ? 本章将教大家如何运用CheckBox做实作上的变化:看我怎麽把CheckBox变藏宝箱! ? 最近帮公司做了一个互动式的小游戏,运用了CheckBox的功能,就顺便介绍给大家 为了利益回避,以及日後不必要的麻烦,本章范例已经简化了很多东西,只留下与相关的图片及功能 ? 01 先简单介绍…
原文:零元学Expression Blend 4 - Chapter 16 用实例了解互动控制项「Button」II 本章将教大家如何制作自己的Button,并以玻璃质感Button为实作案例. ? 本章将教大家如何制作自己的Button,并以玻璃质感Button为实作案例 ? ? 01 拉出一个圆 请以Ellipse拖拉出一个圆形,并修改圆形的颜色 范例: Fill->Gradient brush->Radial gradient(0%.#FFFF0000)(100%#FF000000) ?…
原文:零元学Expression Blend 4 - Chapter 14 用实例了解布局容器系列-「Pathlistbox」II 本章将延续上一章的范例,步骤解析. 本章将延续上一章的范例,步骤解析. 若是对Pathlistbox基本属性还不认识的朋友,请返回上一章,小猴子良心建议:先求精.再求广! 01 开启一个新专案後,在主要工作区放入一个Ellipse,并调整到适当的位置 接着,建立我们的文字「I Love Blend 4」 这边要注意的一点: 若要做出范例的排列方式,每个字元必独立在自…