原文:Expression Blend 的点滴(2)--利用可视化状态创建神奇翻转动画 首先,来看下实现后的效果: 关于VisulaState VisualState 指定控件处于特定状态时的外观.例如,按下 Button 时,它的边框颜色可能与正常时的颜色不同.VisualState 类具有更改控件外观的 Storyboard属性.控件进入 VisualState.Name 属性指定的状态时,Storyboard 开始.控件退出该状态时,Storyboard 停止. 以上是silverligh…

原文:Expression Blend 的点滴(4)--创建类似iPhone屏幕锁控件(下) 接着上篇... 接下去,将一步步演示如果创建当点击checkBox后,其中的按钮由左边滑动到右边,表示处于Checked状态. 首先,切换到States选项卡,然后点击checked项: 接着查看时间线和对象区,确保已经选定到了grid,因为当Checked状态发生时,我们要改变grid的位置,使得它从第一列变到第二列. 然后,可以修改grid的Column属性到1: 好了,一个类似iphone屏幕锁的…

原文:Expression Blend 的点滴(4)--创建类似iPhone屏幕锁控件(上) 本篇文章,最终效果图:  当然,不只是一个UI而已,如果只是一张图片,那专业的设计师能做出更出色的效果.在这里,它是具有许多事件和属性的一个控件,其实,它是一个checkBox控件,接下来就让我们一起来对checkBox进行大变身吧~话说,之前我们已经给Listbox变身过了,有兴趣的话查看:http://www.cnblogs.com/vimsk/archive/2011/03/09/1978326.…

原文:Expression Blend 的点滴(1)--ListBox华丽大变身 最近,在园子里有不少朋友写了关于Blend的优秀并且实用的文章,在此,我先代表silverlight的爱好者感谢他们的无私分享.废话不多说了,今天,我也来分享点东西,希望对大家有用. 正如文章题目,这次我们要拿ListBox来进行折腾,这时,你脑海中会不会浮现listbox的样子呢?最后,listbox最后变成了下面的样子:看到它会不会觉得很熟悉?在js中见过,在flash中见过?不会吧?它是listbox变的?别…

原文:Expression Blend 的点滴(3)--Templating的妙用,制作自己的ScrollBar控件 在Blend中,有一个功能,Make into control---通过它可以方便的自定义各种个性化的控件,例如把图片,文本,或者几何形状等等变成Button控件.当然,不只是Button可以变,还有各种各样的控件,几乎包括了所以的基本控件,而它们的外观到底是什么样,那就取决于你的创造力了.今天,就继续练习下这个功能的使用,跟着我一起做吧,你会发现blend真的很棒,当然,开始的…

在Blend强大的设计功能支持下,设计人员和开发人员可以无代码实现Silverlight/WPF动画效果,例如上文介绍的StoryBoard,就是一个典型例子,设计人员和开发人员仅需提供必要元素,即可实现简单动画.通常来说,在一个项目中会经常出现重复的动画或者相似的动画,如果每次都创建一个新的StoryBoard,这样显着项目代码十分臃肿,而且有时还会影响项目运行效率.另外在多个项目中都会用到一个相同的动画效果,如果能把这个动画效果编译成通用类提供调用,也就可以达到事半功倍的效果.为了解决以上问…

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

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

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

原文:零元学Expression Blend 4 - Chapter 13 用实例了解布局容器系列-「Pathlistbox」I 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布局容器是Blend 4 里的-「Pathlistbox」 ? 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布局容器是Blend 4 里的-「Pathlistbox」 ? 就是要让不会的新手都看的懂! ? <先来了解Pathlistbox的基本功能> 01 开启一个新专案後,在主…

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

上一章介绍的ColorPicker控件,是控件设计的最好示例.因为其行为和可视化外观是精心分离的,所以其他设计人员可开发动态改变其外观的新模板. ColorPicker控件如此简单的一个原因是不涉及状态.换句话说,不根据是否具有焦点.鼠标是否在它上面悬停.是否禁用等状态区分其可视化外观.接下来本章介绍的FlipPanel自定义控件有些不同. FlipPanel控件背后的基本思想是,为驻留内容提供两个表面,但每次只有一个表面是可见的.为看到其他内容,需要在两个表面之间进行“翻转”.可通过控件模板定…

如果你敲了上一篇的代码,经过上一篇各种问题的蹂躏,我相信自定义控件基础部分其实已经了解的七七八八了.那么我们开始进阶,现在这篇讲的才是真正会用到的核心的东西.简化你的代码.给你提供更多的可能,掌握了这篇,才能发挥出来WPF的威力.这一篇学完我们的鸟枪就要换大炮了. ColorPicker例子分离了行为和可视化外观,其他人员可以动态改变外观的模板.因为不涉及到状态,所以来说相对简单.现在我们来基于现在的内容深入一个难的. 首先创建通过自定义FlipContentPanel控件学习自定义控件下Vis…

在 Expression Blend 中,我们可以在美工板上绘制形状.路径和控件,然后修改其外观和行为,从而直观地设计应用程序.Button按钮也是Expression Blend最常用的控件之一,在项目中扮演着重要的角色,但是我们会发现,默认外观的 Button,其实一点也不美观,也不够吸引人. 因此,在本篇文章中,我将介绍如何在Expression Blend中自定义button按钮控件,我选择的是将图片转变成按钮,再添加自定义mouseover鼠标滑过的效果. 详细步骤如下: 1 启动Ex…

原文:Creating “Cool” Buttons with Expression Blend Author: Alex 在本文中,我们将考虑在Expression Blend用几种方法来创建酷炫的凝胶状按钮.如果你看到 Expression Blend 或 Visual Studio 中的 WPF 默认外观的 Button,你会发现它一点也不酷.它仍旧是过时的 chrome 样子的按钮控件, 然而 Expression Blend 和 Windows Presentation Foundat…

随着计算机软件开发分工细节化,微软对已有的产品线进行了调整,在保持原有经典开发工具Visual Studio基础上,又推出了一套新的设计开发工具系列,Expression Studio. Expression Studio设计工具系列包含四项主要产品: Expression Blend         Expression Blend(下称Blend),是一款用于设计桌面和Web应用用户界面的可视化工具.用户可以通过拖拉控件方式创建用户交互界面:另外Blend中,包含一款软件原型建模工具Sket…

Expression Blend实例中文教程(11) - 视觉管理器快速入门Visual State Manager(V 时间:2010-04-12 16:06来源:SilverlightChina.Net 作者:jv9 点击:次 Visual State Manager,中文又称视觉状态管理器(简称为VSM),是Silverlight 2中引进的一个概念.通过使用VSM,开发人员和设计人员可以轻松的改变项目控件的视觉效果,在项目中VSM主要用于创建自定义控件以及控件模板.为了能够打造个性绚丽的…

Expression Blend实例中文教程(8) - 动画设计快速入门StoryBoard 时间:2010-03-29 11:13来源:SilverlightChina.Net 作者:jv9 点击:次 上一篇,介绍了Silverlight动画设计基础知识,Silverlight动画是基于时间线的,对于动画的实现,其实也就是对对象属性的修改过程. 而Silverlight动画分类两种类型, From/To/By 动画 和 关键帧动画 . 对于Silverlight动画设计,StoryBoard是…

原文:用 Expression Blend 创建酷炫的 Button 原文:Creating "Cool" Buttons with Expression Blend Author: Alex 在本文中,我们将考虑在Expression Blend用几种方法来创建酷炫的凝胶状按钮.如果你看到 Expression Blend 或 Visual Studio 中的 WPF 默认外观的 Button,你会发现它一点也不酷.它仍旧是过时的 chrome 样子的按钮控件, 然而 Express…

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

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

原文:Expression Blend学习5控件 Expression Blend ButtonStyle- TextButton 本章以TextButton为例,讲解如何最简单,最快速的制作一个专业的TextButton. 对于这个TextButton的需求是这样的,鼠标悬浮时,光标变为"手指",并改变按钮的前景色,鼠标按下时,有明显的按下的感觉. 都会遇到一个问题,ContentPresenter没有Foreground属性,如何改变前景色? 新建一个TextBlock,输入I'm…

原文:Expression Blend实例动画-大坝水位升高演示 Expression Blend是个很强大的东西,用它可以完成很多不好做的动画效果. 动画的主要元素: 时间线(Timeline) :定义了值随着时间的变化方式.有不同类型的时间线,可用于改变不同类型的值.所以时间线的基类都是Timeline.为了连续改变double,可以使用DoubleAnimation类. Timeline的主要属性 AutoReverse :使用该属性,可以指定连续改变的值在动画结束后是否返回初始值. Sp…

原文:[全面解禁!真正的Expression Blend实战开发技巧]第八章 FluidMoveBehavior完全解析之一漂浮移动 好久没更新博客了,今天如果没急事,准备连发三篇,完全讲解Blend最牛的元素-“FluidMoveBehavior”.我向大家保证这三章一定非常精彩,不看你肯定后悔.我相信这三篇文章发表后,国内很多silverlight和wpf作品将充满各种飞出,漂浮的酷炫效果,以及让元素平滑运动的滚动条.你的客户一定会惊讶,原来软件可以这么炫.而更神奇的是,实现这些效果真的非常…

原文:[全面解禁!真正的Expression Blend实战开发技巧]第四章 从最常用ButtonStyle开始 - PathButton 上一篇我们介绍了TextButton,但为了追求界面的张力,时尚,仅仅使用系统的字体是不够的.在传媒领域中名片,报章,杂志,广告中的字体非常讲究.我们系统界面也是这样,一些很酷的 flash英文网站,为了追求最佳的效果,常常使用20种以上的字体. 我个人非常喜欢微软雅黑,但我无法保证每一个客户端都装有微软雅黑.在blend中可以很容易的嵌入字体包,供用户下载…

原文:[全面解禁!真正的Expression Blend实战开发技巧]第五章 从最常用ButtonStyle开始 - ImageButton 本章围绕ImageButton深入讨论,为什么是ImageButton? 图片本身就是表达美的最佳手段之一,自古形容美女,都说美的像画一样.而在实际项目中,ImageButton出现率非常高,而且未来一定会更高.不信,一起请看下图:(本程序源码http://www.kaodigua.net/download/Lession5.rar)   这两款软件相信大…

原文:[全面解禁!真正的Expression Blend实战开发技巧]第三章 从最常用ButtonStyle开始 - TextButton 在实际项目中,使用blend做的最多的一定是各种自定义Button.每位开发者都不可避免.而在Button的各种样式中,使用率最高的一定是TextButton与ImageButton这两种按钮. 本章以TextButton为例,讲解如何最简单,最快速的制作一个专业的TextButton. 对于这个TextButton的需求是这样的,鼠标悬浮时,光标变为“手指…

原文:零元学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的介绍原文) 配置空间指的是项目存在画面上的位置 所以就算是该…