WEB开发网
开发学院图形图像Flash Fun with Silverlight2.0系列之三 -- Skinnable... 阅读

Fun with Silverlight2.0系列之三 -- Skinnable动态换肤效果

 2008-10-11 11:41:49 来源:WEB开发网   
核心提示:本文示例源代码或素材下载 前段时间国外的大牛为Silverlight2定义了四套皮肤,效果让人称奇,Fun with Silverlight2.0系列之三 -- Skinnable动态换肤效果,美中不足的是四个皮肤不能动态切换,所以我借花献佛将这四套皮肤放在一起实现了动态切换也就是换肤的效果,因为所有的皮肤其实

本文示例源代码或素材下载

前段时间国外的大牛为Silverlight2定义了四套皮肤,效果让人称奇,美中不足的是四个皮肤不能动态切换,

所以我借花献佛将这四套皮肤放在一起实现了动态切换也就是换肤的效果。

开发平台:VS2008 + Silverlight2

Live Demo: http://ithurricane.qsh.eu/sl/skin/TestPage.html

效果图:

选择Bubbly皮肤

Fun with Silverlight2.0系列之三 -- Skinnable动态换肤效果

选择Flat皮肤

Fun with Silverlight2.0系列之三 -- Skinnable动态换肤效果

选择Red皮肤

Fun with Silverlight2.0系列之三 -- Skinnable动态换肤效果

选择Rough皮肤

Fun with Silverlight2.0系列之三 -- Skinnable动态换肤效果

实现技术主要是利用两个小技巧,

首先是ResourceDictionary,ResourceDictionary中文译做资源字典,顾名思义,就是一个用来存放资源的集合。

ResourceDictionary元素中可以直接嵌入资源,在资源文件里定义ControlTemplate,因为所有的皮肤其实呈现的都是同样的控件,

所以将所有的控件写在里面便于实现元素的重用,然后所有控件的Style属性都和相应的Style动态绑定。

1 2 3 4  下一页

Tags:Fun with Silverlight

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接