Wed, 09 Jul 2008 07:01:07 GMTLet your soul be your pilot...http://allan.flashempire.net/blogenWed, 16 Jul 2008 02:45:18 GMT2008-07-16T02:45:18Zenhttp://item.feedsky.com/~feedsky/allan/~1219418/92005078/1221089/1/item.htmlhttp://allan.flashempire.net/blog/?feed=rss2&p=556一看代码就明白了,不用多说,贴此备忘,原贴出处 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 namespace SilverlightApplication { public partial class Page : UserControl { public Page() { InitializeComponent();   [...]中文Silverlight资源SilverlightWed, 09 Jul 2008 15:01:07 +0800Allanhttp://allan.flashempire.net/blog/?p=556#commentshttp://allan.flashempire.net/blog/?p=556Allanhttp://allan.flashempire.net/blog/?p=556http://allan.flashempire.net/blog/?feed=rss2feedsky/allan/~1219418/92005078/1221089http://item.feedsky.com/~feedsky/allan/~1219418/92005079/1221089/1/item.htmlhttp://allan.flashempire.net/blog/?feed=rss2&p=555El Orfanato《孤儿院》很不错的一部西班牙电影,很牛的一部片子!该片的制片人Guillermo del Toro曾是二年前获奖无数的《潘神的迷宫》的导演.影片很不错,可以当一片悬疑片去解读,也可以当一部温情电影,如果愿花功夫,可以当一部心理片来看,去更深层的解读一下片中的空间与幻想间的关系Movie & MusicSat, 28 Jun 2008 22:27:07 +0800Allanhttp://allan.flashempire.net/blog/?p=555#commentshttp://allan.flashempire.net/blog/?p=555Allanhttp://allan.flashempire.net/blog/?p=555http://allan.flashempire.net/blog/?feed=rss2feedsky/allan/~1219418/92005079/1221089http://item.feedsky.com/~feedsky/allan/~1219418/92005080/1221089/1/item.htmlhttp://allan.flashempire.net/blog/?feed=rss2&p=551在Silverlight做逐帧事件可以用DispatcherTimer计时器,或使用一个空的Storyboard，在每次Completed事件中写你的执行代码然后再启动Storyboard，但是哪一种更好呢？这里有一个解释来自Adam Kinney: The DispatcherTimer is a lower resolution timer than the timer behind the Storyboard class, which causes loss in fidelity. Additionally, the Storyboard execution is more stable across the different supported OSs and Browsers. I’ll put together a sample to show the comparision. 不管怎样使用空的Storyboard来做逐帧是一个很好的解决方案,为此我设计了一个用于替代DispatcherTimer的StoryboardTimer类,可以在程序中和使用DispatcherTimer一样使用: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 public class StoryboardTimer { [...]SilverlightThu, 26 Jun 2008 16:51:48 +0800Allanhttp://allan.flashempire.net/blog/?p=551#commentshttp://allan.flashempire.net/blog/?p=551Allanhttp://allan.flashempire.net/blog/?p=551http://allan.flashempire.net/blog/?feed=rss2feedsky/allan/~1219418/92005080/1221089http://item.feedsky.com/~feedsky/allan/~1219418/92005081/1221089/1/item.htmlhttp://allan.flashempire.net/blog/?feed=rss2&p=550[原文地址] 这是有关”部件与状态”模式系列的最后一篇! 今天,我们讨论一些关于如何使用”部件与状态”模式的使用建议.我们还会看看有关VisualStageManager在未来的Silverlight及WPF中的情况. 系列链接(第一篇,第二篇,第三篇,第四篇) “部件与状态”模式使用推荐 1.在UserControls用户控件和Custom Control自定义控件中使用”部件与状态”模式 就像我们在第一篇中提到的,”部件与状态”模式只是一个模式.在实际运行中并不是强制的,你可以在创建控件时不采用这种方式. 但是,我们觉得这是一个很好的模式.而且Blend针对自定义控件的的可视化编辑方式只支持这种模式. 虽然我们这一系列一直关注在自定义控件Custom Controls中的VSM,但是你同样可以在用户控件User Control中使用他. 2.自行命名VSM xmlns 因为一个已知的Silverlight 2 Beta 2 Bug,你必须在头部申明VisualStateManager的xmlns. 1 xmlns:vsm=“clr-namespace:System.Windows;assembly=System.Windows” 3.命名约定 为了控件的一致性,我们推荐使用如下的一些命名约定. 4.CommonStates 和 FocusStates 比较特殊 许多控件都使用了这二个状态组 如果你的控件也有这些状态的特征,为了一致性,我们推荐使用相同的组名和名称 5.能够适应模板中没有Parts & States的情况 有很多原因能说明为什么控件模板中没有给一些部件和状况:设计师可能没有创建等原因. 需要有一些良好的编写习惯去防止由于部件遗失造成的程序崩溃. 注意:VisualStateManager.GoToState()方法已经有这种预防措施,当VisualState没有找到时,会返回false. 6.考虑支持一个”fallback”状态(当状态不存在时,用另一状态替代) 在复杂的控件中,可以提供一个fallback控制当某些状态不存在时提供一种替代方案 1 2 3 4 if (VisualStateManager.GoToState(this, “FocusContent”, useTransitions) == false) { VisualStateManager.GoToState(this, “Focus", useTransitions); }中文Silverlight资源SilverlightThu, 26 Jun 2008 12:05:46 +0800Allanhttp://allan.flashempire.net/blog/?p=550#commentshttp://allan.flashempire.net/blog/?p=550Allanhttp://allan.flashempire.net/blog/?p=550http://allan.flashempire.net/blog/?feed=rss2feedsky/allan/~1219418/92005081/1221089http://item.feedsky.com/~feedsky/allan/~1219418/92005082/1221089/1/item.htmlhttp://allan.flashempire.net/blog/?feed=rss2&p=549做了一些Silverlight开发应该知道,在Loaded事件之后的那个handler之中,画面并没有实际的被layout出来,在Loaded的时候是获得不了ActualWidth或其它相关值的,而只有在Layoutupdated事件中才能获得,但Layoutupdated事件是经常会运行,容易消耗资源,因此有必要找到一个方法,在画面正确渲染出来后,也就是被layouted时,来进行一些操作,之前在WPF中采用过这样一个方法,在这几天也在想办法在Silverlight找寻类似的方法,结论代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 //构造中加Loaded事件 Loaded+=new RoutedEventHandler(Page_Loaded);   //Loaded Event handler void Page_Loaded(object sender, RoutedEventArgs e) { Debug.WriteLine("Loaded Event:"+this.ActualWidth);   Thread thread = new Thread(new ThreadStart(() => [...]中文Silverlight资源SilverlightWed, 25 Jun 2008 14:47:07 +0800Allanhttp://allan.flashempire.net/blog/?p=549#commentshttp://allan.flashempire.net/blog/?p=549Allanhttp://allan.flashempire.net/blog/?p=549http://allan.flashempire.net/blog/?feed=rss2feedsky/allan/~1219418/92005082/1221089http://item.feedsky.com/~feedsky/allan/~1219418/92005083/1221089/1/item.htmlhttp://allan.flashempire.net/blog/?feed=rss2&p=548如果你不想在new一个DoubleAnimation()后，做大量的From,To,Duration的操作的话，可以试试C#所支持的简写对象的方式,而且在VS的智能感知中就能原生的支持 简写前 1 2 3 4 DoubleAnimation opacityAnimation = new DoubleAnimation() opacityAnimation.From = 0; opacityAnimation.To = 1; opacityAnimation.Duration = duration; 简写后 1 DoubleAnimation opacityAnimation = new DoubleAnimation() { From = 0, To = 1, Duration = duration};中文Silverlight资源SilverlightWed, 25 Jun 2008 14:02:41 +0800Allanhttp://allan.flashempire.net/blog/?p=548#commentshttp://allan.flashempire.net/blog/?p=548Allanhttp://allan.flashempire.net/blog/?p=548http://allan.flashempire.net/blog/?feed=rss2feedsky/allan/~1219418/92005083/1221089http://item.feedsky.com/~feedsky/allan/~1219418/92005084/1221089/1/item.htmlhttp://allan.flashempire.net/blog/?feed=rss2&p=547[原文地址] 这是系列教程的第三篇. 上一次,你学会了如何对现有的控件使用VisualStateManager来改变皮肤外观.在这一篇中,你会看到如何创建基于”部件”与”状态”的自定义控件.同时我们还会探索创建一些更精密复杂的视觉过渡效果. 视觉状态管理器VisualStageManger 在上一篇中我们曾简述过,但现在我们正式的介绍VisualStageManager视觉状态管理器 VisualStateManager是一个类,用来管理控件的视觉状态.”Visual”是关键字(用来管理视觉,非逻辑)-控件的逻辑仍然只负责逻辑状态. VSM暴露PME的二个片段: 一个VisualStageGroups attached property(附加属性) 这个属性放在控件模板的RootVisual并包含所有与外观有关的视觉状态与过渡效果 一个静态GoToStage()方法 这个方法的产生原因是因为VisualStageManager需要来控制控件的视觉由一个视觉状态过渡到其它状态 上一次,我们专注于XAML中的VisualStageGroups属性.今天,我们深入到控件的代码中的GoToStage()方法. WeatherControl 我们今天会来看一个简单的自定义控件 WeatherControl. 控件的部分代码可以在下面看到.(注意:为了可读性,我折叠了一些代码片段,你可以从这里找到完整的代码.) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 public class WeatherControl : Control {     public WeatherControl() { DefaultStyleKey = typeof(WeatherControl); [...]中文Silverlight资源SilverlightTue, 24 Jun 2008 19:06:54 +0800Allanhttp://allan.flashempire.net/blog/?p=547#commentshttp://allan.flashempire.net/blog/?p=547Allanhttp://allan.flashempire.net/blog/?p=547http://allan.flashempire.net/blog/?feed=rss2feedsky/allan/~1219418/92005084/1221089http://item.feedsky.com/~feedsky/allan/~1219418/92005085/1221089/1/item.htmlhttp://allan.flashempire.net/blog/?feed=rss2&p=545之前也有很多人问我,我当时也不敢肯定,觉得应该是没有,但结果是, Silverlight中的确支持对Clip的值进行动画,如图: 方法是这样,给对象建立Clip后,在故事板中,可以右键单击这个对象,Release Clip,把Clip对象分离出来, 然后在时间线上给Clip做动画,再在时间线上把Clip对象与原对象组合为带Clip的对象,Over! 需要补充的是,针对Clip Path的动画只能是针对Clip中的各节点进行控制，如果你对一个Path执行RendTranform中的各种变化，那么再把Clip组合回对象的话，就无法记录动画，如果想做位移，就只能调整各节点，或选择所有节点，进行一个运动．．使Blend为这个Clip形成一些Segment Path方面的动画中文Silverlight资源SilverlightFri, 20 Jun 2008 11:14:44 +0800Allanhttp://allan.flashempire.net/blog/?p=545#commentshttp://allan.flashempire.net/blog/?p=545Allanhttp://allan.flashempire.net/blog/?p=545http://allan.flashempire.net/blog/?feed=rss2feedsky/allan/~1219418/92005085/1221089http://item.feedsky.com/~feedsky/allan/~1219418/92005086/1221089/1/item.htmlhttp://allan.flashempire.net/blog/?feed=rss2&p=544原文地址 这是四篇关于介绍Silverlight 2 控件的”部件”与”状态”系列中的第二篇. 今天,我们将概念进行实践,实现上次所说的CheckBox的换肤(如果你还没读过上一篇,请先读第一篇). 注意:为了方便阅读我尽可能减短XAML标签.你可以从这里下载完整的代码 CheckBox的控件模板(ControlTemplate) 控件模板定义自定义控件的视觉呈现.CheckBox的控件模板代码我们下面有贴出来. 视觉效果: XAML: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <ControlTemplate TargetType="CheckBox"> <StackPanel x:Name="Root" …> <!– OuterBorder –> <Border Width="20" Height="20" … >   <!– InnerBorder –> <Border x:Name="InnerBorder" … > <Grid>   <!– Higlight–> <Border x:Name="HighlightBorder" … [...]生活杂技中文Silverlight资源Thu, 19 Jun 2008 22:07:35 +0800Allanhttp://allan.flashempire.net/blog/?p=544#commentshttp://allan.flashempire.net/blog/?p=544Allanhttp://allan.flashempire.net/blog/?p=544http://allan.flashempire.net/blog/?feed=rss2feedsky/allan/~1219418/92005086/1221089http://item.feedsky.com/~feedsky/allan/~1219418/92005087/1221089/1/item.htmlhttp://allan.flashempire.net/blog/?feed=rss2&p=543一篇好文章,简单翻译出来与大家共享 VisualStateManager视觉管理器下的”Part(部件)与States(状态)”模式　原文地址 在Silverlight 2 Beta 2中，我们为管理控件中的状态和过渡效果增加了重要的支持.为了帮助理解Parts　& States Model(”部件与状态”模式)，我会为此写一个4篇的系列文章去显示如何做到以下几点： 使用”部件与状态”模式来创建控件的约定 连接控件的逻辑到”部件与状态” 使用状态和部件来设计控件模板 VisualStateManager(视觉状态管理器)是这一切得以实现的原因所在，我们喜欢简称为VSM，VSM可以使用在UserControl(用户控件)和Custom Control(自定义控件)中． 今天的内容介绍部件与状态模型的概念 （注意：文章假设你已经基本了解用户控件，自定义控件及控件模板，如果你还没了解，可以看看我在Mix08上的有关课程或我在TechED上的课程） Let’s get started! “部件与状态”模式的产生原因 自定义控件是Silverlight控件中的一种,用于严格分离控件逻辑与控件的视觉呈现.这对于你想在自定义视觉呈现时不影响程序逻辑来说是非常有用的,或修改逻辑时不影响视觉呈现 尽管这种严格的分离有很多好处,但很难让设计师去理解在控件的模板中到底需要什么元素.这主要由于约定不够清晰 如果控件开发者提供了明确的控件约定,设计师就能为控件模板提供相应的素材.这样会使得控件的皮肤化变得容易(而”部件与状态”模式就是一种提供约定的方式) 概念:”部件与状态”模式Parts & States Model “部件与状态”模式是提供控件接口约定的一种方法 这是一种推荐的实现Silverlight 2 控件结构的方法.但这个方式在实际工作时不是强制的,你可以选择直接开发控件而不使用这种方式 由上所述,不但我们认为部件与状态模型是一个好的模式-Expression Blend也会支持这个模式(在IDE下直接可视化修改你的自定义控件的外观).因此,如 果你想让你的控件在Blend中被很好的支持(Skinnable可换肤),你应该使用”部件与状态”模式 深层次说,对于”部件与状态”模式有四个概念 部件Parts 状态States 过度效果(状态之间的)Transitions 状态组State Groups 部件Parts 部件是控件模板中的被命名元素.控件的程序逻辑期望控件在模板中被定义(一种约定,定好名称,程序逻辑会按定好的名称去找这个控件,并操作他)，因为程序逻辑会操作这些部件 在上面的Slider滑条例子中,有四个部件,每一个都都能被控件的代码访问到.当UpRepeatButton被按下,控件代码会控制Thumb在Track的范围内向右移动.当DownRepeatButton被按下,就相反.(程序逻辑之所以能完成这些操作,是因为这些控件的名称被约定好了,我们只要遵守名称,放相应的对象在上面,并按这个名称命名,程序逻辑就知道这个部件是做什么用的,并操作他完成相应的功能) 状态States 视觉状态(Visual states)为不同的逻辑状态(logical state)提供提供不同的控件显示. For instance, the Button above has a light background when in the MouseOver state, and a 例如,在MouseOver状态,按钮显示高亮的背景色,在按下时显示一个较暗的背景. 过渡效果Transitions 视觉过渡效果为控件几个视觉状态间转换提供一种过度的动画效果 如上,按钮背景从亮色变向淡色当由MouseOver转向Pressed状态时.(实际上中间有一个颜色过渡动画过程,并不是直接切到下一个状态的) 状态组StateGroups 一个状态组由多个状态组成.可以有多个状态组,可在一个状态下你可以使用二个状态组下的不同的二个状态 如上的CheckBox例子,有二个状态组:CommonStates和CheckStates.CheckBox可以同时有MouseOver和Indeterminate状态因为这二个状态分属不同的状态组.另一方面,CheckBox不可能同时有Normal和MouseOver状态因为这二个在同一个状态组. 状态组是一个在Beta2中提出的新概念.帮助我们解决在Beta1中出现的状态过多的问题.CheckBox在Beta2中有7个状态(加上二个focus焦点状态).在Beta1中,则有12个状态(focus是部件而非状态). 开始状态改变 当控件检测到逻辑上的状态改变时,会让他的视觉状态改变,引发视觉过渡动画效果来显示相应的视觉状态 在上面的例子中,一个控件检测到MouseEnter事件.就引发视觉状态改变.控件的呈现会调用相应的过度效果然后再停止到MouseOver视觉状态 下篇内容 了解了部件和状态模式的概念,在下一部分,我们开始了解如何基于部件和状态模式来给CheckBox换肤中文Silverlight资源SilverlightThu, 19 Jun 2008 20:33:31 +0800Allanhttp://allan.flashempire.net/blog/?p=543#commentshttp://allan.flashempire.net/blog/?p=543Allanhttp://allan.flashempire.net/blog/?p=543http://allan.flashempire.net/blog/?feed=rss2feedsky/allan/~1219418/92005087/1221089