Silverlight 自定义控件模板管理
来源:百度文库 编辑:神马文学网 时间:2024/05/23 17:53:05
作者:拖鞋不脱 来源:博客园 发布时间: 2010-09-01 14:51 阅读: 4 次 原文链接 全屏阅读[收藏]
在 Silverlight 里面建自定义控件(Templated Control),会在工程下生成一个Themes文件夹,并在其中包含一个generic.xaml 文件。这是一个 ResourceDictionary 文件,所有的自定义控件的默认样式(Default Style)都必须放在这里。
最原始的办法就是把所有样式都直接写在 generic.xaml 文件里,但如果自定义控件足够多,generic.xaml 达到了好几千行,管理起来当然十分麻烦。后来在同事的推荐下,搞到两种方法可以将各自定义控件的样式分开管理,总算解决了这一令人头疼的问题。
MergeDefaultStyle 法
如果研究过 Silverlight Toolkit 的源代码,会发现里面所有的自定义控件都有一个单独的 xaml 文件来保存控件的默认样式,当然这些文件是不起作用的。最初我以为是先用单独的 xaml 文件来写控件样式,然后再拷贝到 generic.xaml 里,也就是人工同步。于是我就这么做了……最终发现实在是很傻很天真,人工同步比被墙的 Dropbox 还不靠谱。
后来发现了 MergeDefaultStyle 这个东东,才搞清楚之前原来是被耍了。
MergeDefaultStyle 就是通过给所有单独的 xaml 文件应用一种特殊的 Build 方法,在 Build 工程的时候,自动把 xaml 文件的内容整合到 generic.xaml 里去。
详细的介绍请参看:http://www.jeff.wilcox.name/2009/01/default-style-task/
重点步骤是:
1. 拷贝里面的代码或者直接下载MergeDefaultStyle.dll。
2. 在VS里面Unload你的工程,然后编辑工程文件,或者直接用文本编辑器打开csproj文件。
3. 在最后加上下面这段代码:
TaskName="Engineering.Build.Tasks.MergeDefaultStylesTask"
AssemblyFile="$(EngineeringResources)\Engineering.Build.dll" />
注意:AssemblyFile 的值是你放MergeDefaultStyle.dll的位置,可以用相对路径。
4. 再在后面加上这一段代码:
MergeDefaultStyles;
$(PrepareResourcesDependsOn);
Name="MergeDefaultStyles"
Inputs="@(DefaultStyle)"
Outputs="$(MSBuildProjectDirectory)\generic.xaml">
DefaultStyles="@(DefaultStyle)"
ProjectDirectory="$(MSBuildProjectDirectory)" />
TouchDefaultStyles;
$(RebuildDependsOn);
5. 重新 Load 你的工程。
6. 选择有默认样式的单独的 xaml ,在属性窗口的 Build Action 里面选择 DefaultStyle 。
7. 编译整个工程,再打开 generic.xaml 文件,你会发现 xaml 文件里的内容已经拷到 generic.xaml 里面了。
这一方法适用于 Silverlight 2\3\4 。
MergedDictionary 法
上面的方法可谓是一劳永逸了,但多少有点不官方。而且其实还是 generic.xaml 掌控全局,一旦一个 xaml 文件出了纰漏,会影响所有的控件跟着出错。这样排查起来也麻烦的很。
于是在 Silverlight 3 里就出来了一个更简单更官方的方法。如前所述,generic.xaml 文件包含了一个ResourceDictionary,而 Silverlight 3 里面的 ResourceDictionary 多了一个 MergedDictionaries 的属性,可以把其他 ResourceDictionary 通过资源路径整合到一个 ResourceDicionary 里面。
其实新建一个 Silverlight 导航应用时,就可以在 App.xaml 里面看到这一属性的应用。需要注意的是,在 App.xaml 里面是可以用相对路径的,而在 generic.xaml 里面,不可以用相对路径,而应当用 "/AssemblyName;component/path”的方法说明文件路径。
比如你的工程的 AssemblyName 是 Slippor.Controls,而 xaml 的路径是 CustomControl 文件夹下的CustomControl.xaml 。则应该在 generic.xaml 里面如下写:
这一方法适用于 Silverlight 3\4 。
在 Silverlight 里面建自定义控件(Templated Control),会在工程下生成一个Themes文件夹,并在其中包含一个generic.xaml 文件。这是一个 ResourceDictionary 文件,所有的自定义控件的默认样式(Default Style)都必须放在这里。
最原始的办法就是把所有样式都直接写在 generic.xaml 文件里,但如果自定义控件足够多,generic.xaml 达到了好几千行,管理起来当然十分麻烦。后来在同事的推荐下,搞到两种方法可以将各自定义控件的样式分开管理,总算解决了这一令人头疼的问题。
MergeDefaultStyle 法
如果研究过 Silverlight Toolkit 的源代码,会发现里面所有的自定义控件都有一个单独的 xaml 文件来保存控件的默认样式,当然这些文件是不起作用的。最初我以为是先用单独的 xaml 文件来写控件样式,然后再拷贝到 generic.xaml 里,也就是人工同步。于是我就这么做了……最终发现实在是很傻很天真,人工同步比被墙的 Dropbox 还不靠谱。
后来发现了 MergeDefaultStyle 这个东东,才搞清楚之前原来是被耍了。
MergeDefaultStyle 就是通过给所有单独的 xaml 文件应用一种特殊的 Build 方法,在 Build 工程的时候,自动把 xaml 文件的内容整合到 generic.xaml 里去。
详细的介绍请参看:http://www.jeff.wilcox.name/2009/01/default-style-task/
重点步骤是:
1. 拷贝里面的代码或者直接下载MergeDefaultStyle.dll。
2. 在VS里面Unload你的工程,然后编辑工程文件,或者直接用文本编辑器打开csproj文件。
3. 在最后加上下面这段代码:
AssemblyFile="$(EngineeringResources)\Engineering.Build.dll" />
注意:AssemblyFile 的值是你放MergeDefaultStyle.dll的位置,可以用相对路径。
4. 再在后面加上这一段代码:
MergeDefaultStyles;
$(PrepareResourcesDependsOn);
Inputs="@(DefaultStyle)"
Outputs="$(MSBuildProjectDirectory)\generic.xaml">
ProjectDirectory="$(MSBuildProjectDirectory)" />
TouchDefaultStyles;
$(RebuildDependsOn);
5. 重新 Load 你的工程。
6. 选择有默认样式的单独的 xaml ,在属性窗口的 Build Action 里面选择 DefaultStyle 。
7. 编译整个工程,再打开 generic.xaml 文件,你会发现 xaml 文件里的内容已经拷到 generic.xaml 里面了。
这一方法适用于 Silverlight 2\3\4 。
MergedDictionary 法
上面的方法可谓是一劳永逸了,但多少有点不官方。而且其实还是 generic.xaml 掌控全局,一旦一个 xaml 文件出了纰漏,会影响所有的控件跟着出错。这样排查起来也麻烦的很。
于是在 Silverlight 3 里就出来了一个更简单更官方的方法。如前所述,generic.xaml 文件包含了一个ResourceDictionary,而 Silverlight 3 里面的 ResourceDictionary 多了一个 MergedDictionaries 的属性,可以把其他 ResourceDictionary 通过资源路径整合到一个 ResourceDicionary 里面。
其实新建一个 Silverlight 导航应用时,就可以在 App.xaml 里面看到这一属性的应用。需要注意的是,在 App.xaml 里面是可以用相对路径的,而在 generic.xaml 里面,不可以用相对路径,而应当用 "/AssemblyName;component/path”的方法说明文件路径。
比如你的工程的 AssemblyName 是 Slippor.Controls,而 xaml 的路径是 CustomControl 文件夹下的CustomControl.xaml 。则应该在 generic.xaml 里面如下写:
这一方法适用于 Silverlight 3\4 。
Silverlight 自定义控件模板管理
自定义控件
自定义模板
ASP.NET2.0服务器控件之自定义状态管理
symbian自定义控件
非常精彩的Silverlight 2控件样式
创建自定义 AJAX 客户端控件
使用控件模板定制控件的观感
一步一步学Silverlight 2系列(10):使用用户控件
Silverlight 动态创建控件(createFromXaml)时定义x:Name-W...
[.net自定义控件]TextBox控件重写 之NumTextBox
第七章 在FLTK中自定义控件
如何在fluid中添加自定义控件
自定义验证控件CustomValidator的用法实例
自定义验证控件CustomValidator的用法实例
Asp.net 2.0 自定义控件开发[创建自定义右键PopupMenu控件]
Asp.net 2.0 自定义控件开发[创建自定义右键PopupMenu控件]
使用布局管理 (木野狐译) | Silverlight中文社区
几个自定义Eclipse模板的示例
使用自定义函数对 ASP.NET 服务器控件进行验证
Silverlight实例教程 - 自定义扩展Validation类,验证框架的总结和建议
一些silverlight网站、第三方控件及开源代码与大家们分享(微软转载)
谈谈Silverlight 2中的视觉状态管理 Part2-李会军
玩转自定义模板必备之css属性知识