Expression Blend实例中文教程(13)

上篇,介绍了控件样式(Style)和模板(Template)的基础概念,并且演示了使用Blend设计控件样 式。本篇将继续介绍使用Blend设计自定义控件模板 - ControlTemplate。ControlTemplate可以称为控件 模板,简单的理解为控件结构和行为的集合。在项目设计中,经常会使用ControlTemplate创建新的控件 模板或者修改现成的控件模板,使用项目的UI具有独特性。如何使用Blend创建和修改ControlTemplate是 本文即将讨论的话题。

概述

对于ControlTemplate没有一个特定的概念,为了避免过于抽象,可以简单的理解ControlTemplate是 通过改变Style改变控件视觉效果的类。ControlTemplate可以被定义在控件的Xaml代码中,为了提高复用 性,ControlTemplate也会被定义到资源文件中。

实例

学习ControlTemplate最好的方法还是实践,下面,我将使用实例演示使用Blend创建新的控件 ControlTemplate。

首先,在Blend中创建新的项目ControlTemplateDemo,上周Silverlight 4发布,我已经升级开发环境 到Silverlight 4,VS2010和Blend 4 RC, 所以,以后所有项目演示将是基于.Net Framework 4的。

大家会发现Blend 4创建新项目和Blend 3没有太大区别。

我们计划创建一个简单的按钮ControlTemplate,

现在,从左边工具栏选中矩形框,在主设计窗口画一个矩形框,使用Radius修改矩形框边缘为圆形。 该矩形框是为了Button的模板控件做基础使用的。

时间: 2024-11-01 13:48:03

Expression Blend实例中文教程(13)的相关文章

Expression Blend实例中文教程-目录

Expression Blend实例中文教程(13) - 控件模板快速入门ControlTe Expression Blend实例中文教程(12)-样式和模板快速入门Style,Tem Expression Blend实例中文教程(11) Expression Blend实例中文教程(10) - 缓冲动画快速入门Easing Expression Blend实例中文教程(9) - 行为快速入门Behaviors Expression Blend实例中文教程(8) - 动画设计快速入门StoryB

Expression Blend实例中文教程(11)

Expression Blend实例中文教程(11) - 视觉管理器快速入门Visual State Manager(VSM) Visual State Manager,中文又称视觉状态管理器(简称为VSM),是Silverlight 2中引进的一个概念 .通过使用VSM,开发人员和设计人员可以轻松的改变项目控件的视觉效果,在项目中VSM主要用于创建自 定义控件以及控件模板.为了能够打造个性绚丽的Silverlight项目,学习掌握VSM是非常必要的.本文将 介绍VSM的快速入门知识以及VSM在

Expression Blend实例中文教程(5)

Expression Blend实例中文教程(5) - 布局控件快速入门StackPanel,ScrollViewer和Border 上一篇,介绍了Canvas布局控件在Blend中的使用.本篇继续介绍布局控件StackPanel,ScrollViewer 和Border. 相对于Grid和Canvas来说,StackPanel,ScrollViewer和Border是比较简单的布局控件,实现的功能相 对来说单一. 首先来说说StackPanel控件.从字面意思理解,是堆栈面板的意思.堆栈内的所

Expression Blend实例中文教程(9)

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

Expression Blend实例中文教程(1)

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

Expression Blend实例中文教程(12)-样式和模板快速入门Style,Template

在上一篇,介绍了Visual State Manager视觉状态管理器,其中涉及到控件的样式(Style)和模板( Template),本篇将详细介绍样式(Style)和模板(Template)在Silverlight项目中的应用,并介绍如 何使用Blend设计样式(Style)和模板(Template). 在LOB(Line-of-Business)企业级应用项目开发中,为了使项目的视觉效果多样化,不仅仅使用动画 效果,而且经常还需要修改部分控件的样式(Style)和模板(Template).

Expression Blend实例中文教程(2)

上一篇主要介绍Expression系列产品,另外概述了Blend的强大功能,本篇将用Blend 3创建一个新 Silverlight项目,通过创建的过程,对Blend进行快速入门学习. 在开始使用Blend前,首先需要进行Silverlight的开发环境搭建. Silverlight开发环境搭建成功后,我们将通过实例介绍Blend入门操作,我使用的Blend是英文版本, 我将对照翻译成中文. 首先使用Blend按照以下步骤创建一个新的Silverlight项目, 1. 点击左上角的"File -

一起谈.NET技术,Expression Blend实例中文教程(2) - 界面快速入门

上一篇主要介绍Expression系列产品,另外概述了Blend的强大功能,本篇将用Blend 3创建一个新Silverlight项目,通过创建的过程,对Blend进行快速入门学习. 在开始使用Blend前,首先需要进行Silverlight的开发环境搭建,在银光中国网(SilverlightChina.Net)有篇"轻松建立Silverlight开发环境",其中列出了建立Silverlight开发环境的几个步骤,另外,我在过去发布过一篇"Silverlight开发工具集合&

Expression Blend实例中文教程(10)

随着Rich Internet application(RIA)应用技术的发展,各个公司越来越注重于项目的用户体验性 ,在保证其功能完善,运行稳定的基础上,绚丽的UI和人性化的操作设计会给用户带来舒适的体验效果. 前文我们学习了Blend设计简单的动画,可以使用StoryBoard快速创建一个动画效果,但是该动画效果看 起来缺乏自然效果,让用户感觉太过机械化,大大的降低了用户体验性.为了是动画更为人性化,看起来 更自然化,我们可以通过以下两个方式来解决: 方法1. 使用前文所提及的,帧动画技术,