Expression Blend实例中文教程样式和快速入门Style,Template

时间:2022-11-28 17:05:03 作者:洛奇 综合材料 收藏本文 下载本文

“洛奇”通过精心收集,向本站投稿了10篇Expression Blend实例中文教程样式和快速入门Style,Template,下面就是小编给大家整理后的Expression Blend实例中文教程样式和快速入门Style,Template,希望您能喜欢!

篇1:Expression Blend实例中文教程样式和快速入门Style,Template

在上一篇,介绍了Visual State Manager视觉状态管理器,其中涉及到控件的样式(Style)和模板( Template),本篇将详细介绍样式(Style)和模板(Template)在Silverlight项目中的应用,并介绍如 何使用Blend设计样式(Style)和模板(Template),

在LOB(Line-of-Business)企业级应用项目开发中,为了使项目的视觉效果多样化,不仅仅使用动画 效果,而且经常还需要修改部分控件的样式(Style)和模板(Template)。 在Silverlight的控件包中 ,微软已经定义了默认控件样式和模板,开发人员可以在这些默认的代码上进行修改和调整,以达到项目 需求。但是由于默认的控件样式和模板代码过于冗长,手工修改起来相对复杂和繁琐,对此,微软封装了 一些新的功能在Blend中,方便开发人员和设计人员对模板和样式进行控制。 在学习Blend控制样式 (Style)和模板(Template)前,还是先快速了解一下样式(Style)和模板(Template)。

样式(Style),有HTML开发基础的朋友对传统的CSS样式表并不陌生,HTML将所有公用的属性代码汇 集到CSS文件中,使用CSS控制页面的背景,控制表格的宽度,控制控件距离等。Silverlight中的样式 (Style)和CSS相同,允许设计人员和开发人员将控件的公用属性定义到资源文件中,允许相同属性控件 自由调用,这样不仅提高了代码的复用性,而且保证了控件外观在项目中的一致性。

模板(Template),模板的概念在传统的Web页面开发中已经被引入,早期Dreamweaver因为支持创建 Web模板设计,吸引了不少Web开发者。Silverlight中同样引进了模板的概念。在Silverlight中,凡是继 承自System.Windows.Controls命名控件的控件都有一套默认的模板,设计人员和开发人员可以基于默认 模板的基础上进行修改,创建自定义模板。

样式(Style)和模板(Template)的定义

在Silverlight中,样式和模板定义是很简单的,因为很多属性已经被封装好,不需要自行创建,只需 要调用就可以了。简单的演示代码:

Style:

1 2 3 这里定义具体样式属性4 5

Template:

1 2 3 5 这里定义具体模板6 7 8

样式(Style)和模板(Template)的使用

在Silverlight中样式(Style)和模板(Template)都属于控件资源,也就是说,两者都可以被定义 在资源文件中,而在项目页面中,仅需使用Style和Template属性调用就可以了。

Style:

1

Template:这个方法,也是Blend所支持的方法,下面我们看看实例,进一步理解。

1

上面介绍了样式和模板的最基本的用法。在实际项目中,我们经常把模板(Template)定义在样式 (Style)中,也就是将Template作为一个属性被赋值在Style中,这样当样式(Style)被应用在控件中 时,新的模板也会同时加载。例如下面Button样式代码,Template是作为Style的属性被设置的:

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

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

下面我们用一个简单的实例来理解Style(样式)和Template(模板),

首先,我们创建一个新的项目StyleTemplateDemo作为演示。

打开MainPage,在主设计窗口中,添加三个按钮控件到该页面,

对于Button控件的样式属性控制,最简单的方法就是从右边Properties属性栏,

如果需要创建自定义样式,则需要按照以下步骤:

首先选中其中一个按钮控件,在左上角可以看到Button控件下拉菜单,

点击“[Button]”下拉菜单,选择“Edit Template”,然后选择“Edit a Copy”,

或者,可以在主设计窗口,使用鼠标右键选中控件,选择“Edit Template”,然后选择“Edit a Copy”,

选中“Edit a Copy”,系统会弹出提示窗口,询问“Create Style. Resource”是否创建样式资源,

其中Name(Key)是样式名,以后调用该样式将使用这个Name;

Define in 有三个选择:

1. Application(应用),该选项是将该样式代码添加到App.Xaml文件中;

2. This document(当前文档),该选项是将该样式代码添加到当前编辑文档中,当前我们编辑 MainPage.Xaml,如果选中此项,样式代码将被输出到该文件中;

3. Resource dictionary(资源目录),该选项是将该样式代码添加到自定义资源文件中,如果没有 资源文件,可以点击“New”创建自定义资源文件;

在This document(当前文档)中,该选项有两个选择,

“UserControl:”,选中该选项样式代码将在当前文档创建

调用是使用前面的基础调用代码:

1

“Button:”,选中该选项样式代码将创建在该控件资源下,

对比以上三种定义样式代码方式,第一种和第三种方法相对来说比较灵活,将样式代码放在公共资源 文件中,方便其他页面相同属性控件调用;而第二种方法,仅供该文件中的相同属性控件调用。

这里我们Define in选择Application,定义样式代码到App.xaml中,点击确定后,系统会打开 App.xaml文件,进入控件样式编辑状态,这时就可以对控件样式进行编辑。

当前主设计窗口打开文件为“App.xaml”,因为该文件包含了要编辑的样式和模板代码。

在控件处于样式和模板编辑状态下,从Objects and Timeline窗口可以查看该控件模板的子部件,通 过修改包含的子部件样式,来改变原按钮控件样式。

例如我们想改变Button的背景色,可以修改BackgroundGradient属性,从上图的Objects and Timeline中选中BackgroundGradient,

在右边Properties属性栏,修改颜色,即可看到在主设计窗口按钮的背景色在改变。

保存以上修改后,回到主设计窗口,能看到两个Button已经被应用了新的Button样式,

1

2

4

5

6

7

8

其中BorderBrush是边框颜色;

BorderThickness是边框的宽度;

修改以上两个属性,同样可以在右边的Properties属性 栏进行修改。

至此,Silverlight 的布局控件,我们已经介绍完了,笔者建议,在学习的过程中,还要配合实践,这样会达到熟练的效果。

篇6:Expression Blend实例中文教程

Expression Blend实例中文教程(11) - 视觉管理器快速入门Visual State Manager(VSM)

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

在学习VSM前,首先,了解以下几个基本概念:

正如前文所说,VSM视觉管理器是用户控制项目控件的视觉效果,Silverlight在定义控件的时候,将 其外观效果独立封装,另外对控件逻辑部分也进行了独立封装,换句话说,当开发人员修改控件外观效果 的时候,不会影响到控件的逻辑部分。由此可见,Silverlight控件是由两个主要部分所组成,Parts(部 件)和 States Model(状态模块)。

1. Parts (部件),主要负责控件的外观显示。Silverlight的大部分控件都是由多个子控件组合而 成,而这些子控件部分就是Parts。注意,这里我们说是大部分控件都由子控件组合而成,并非所有控件 都有子控件部分,所以,也有可能控件没有Parts(部件)部分。在MSDN对于控件有详细的说明,具体控 件的组成需要查询MSDN。

这里我们看看下面的例子,我们使用ChildWindow作为解释例子:

在一个ChildWindow中,有6个Parts(部件),分别是

Chrome,子窗口框架

CloseButton, 子窗口头部的关闭按钮

ContentPresenter, 子窗口主要内容部分

ContentRoot, 是承载Chrome和CotentPresenter的容器

Overlay, 当子窗口打开的时候,覆盖在父窗口上的部件

Root, 父控件

从上面可以看出,一个ChildWindow是由6个子部件组成,而修改这6个Parts的外观样式,自然也就更 改了ChildWindow的外观显示状态,也就产生了不同的视觉效果。

2. Visual States Model(视觉状态模块),为了理解方便,可以细分为三部分来理解,Visual States(视觉状态),Visual State Groups(视觉状态组)和Visual Transitions(视觉过渡转换)

Visual States(视觉状态)是指控件在特定情况下的显示状态。简单的说就是控件在不同情况下显示 的效果。例如上文的ChildWindow,对于子窗口,只有两种Visual States(视觉状态),一种是显示子窗 口,另一种就是隐藏子窗口。所以,在MSDN中ChildWindow的VisualStates定义只有:

Closed,子窗口隐藏

Open,子窗口显示

再一个简单的控件,Button(按钮)控件的Visual States(视觉状态),Button按钮控件有6个Visual States状态,从下图可以看出这6个Visual States在不同的条件下,每个都有自己独特的显示方式。

Normal,正常状态;

MouseOver,鼠标在按钮上时,按钮显示状态;

Pressed,按钮按下的状态;

Disabled,按钮无效的状态;

Focusd,焦点在按钮上的状态,与Unforcused互斥;

Unfocused,焦点不在按钮上的状态,与Forcused互斥;

Visual State Groups(视觉状态组)是为有互斥效果的控件提供的功能.对于相同的Visual State Groups(视觉状态组),呈互斥状态;而对于不同的Visual State Groups(视觉状态组)是不做互斥状 态处理的。简单的理解,一个控件可以同时属于两个不同的Visual State Groups(视觉状态组)。 CheckBox是最具有有Visual State Groups(视觉状态组)特征的控件。

CheckBox具有四个Visual State Groups(视觉状态组),分别是CommonStates,CheckStates, FocusStates和ValidationStates。从上图可以看出,CheckBox的Normal状态和Checked状态,因为属于不 同的Visual State Groups(视觉状态组),所以可以同时并存。而CheckBox的Normal和Pressed状态属于 同一个Visual State Groups(视觉状态组),所以不能同时共存,仅有一个状态效果有效。

Visual Transitions(视觉过渡转换)可以简单理解为视觉状态切换时的过渡动画效果。从Windows Vista开始微软已经开始应用这种效果,这样使用户在使用控件时有更自然更人性化操作的感觉。最简单 的例子,

上面介绍的是在学习VSM前,需要掌握的基础知识,有利于理解下文。

Visual State Manager(VSM)视觉状态管理器

从字面意思可以理解,既然是视觉状态管理器,自然是管理Silverlight控件的Visual States Model (视觉状态模块)的。 在Silverlight中VSM以代码的方式控制Visual States,Visual States Group和 Visual Transitions。例如:

1

2

4

5

6

7

8

9

10

11

13

14

15

16

17

18

另外微软提供VisualStateManager类对控件视觉状态进行管理,只要使用GoToState即可切换视觉状态 ,

VisualStateManager.GoToState(myButton, ”Disabled“, true);

但是从MSDN中,我们可以了解到,对于复杂的控件经常会有数十种视觉状态需要管理和维护,如果需 要创建一个自定义样式的控件,有时需要创建上百行的视觉管理代码。对此微软在Blend中提供Visual State管理面板,简化开发人员和设计人员在创建自定义控件时的工作量。在使用Blend设计视觉状态前, 我们需要结合过去的教程,理解一下当前的类的层次情况,请看下图:

从上图可以看出,VSM控制着视觉状态States,在视觉状态中,可以使用StoryBoard动画效果来表示特 定情况下的显示状态,而StoryBoard中,允许开发人员设置运行周期以及动画运行方式。下面我们结合实 例来理解。

首先我在Blend中创建一个新Project,VSMDemo,

在项目MainPage.xaml中,添加一个按钮控件,

在设计主窗口左上角,选择[Button] - >Edit Template - >Edit a Copy,编辑按钮的默认模 板,这里会将微软默认的按钮控件模板代码复制到你指定的位置,

选择编辑后,会弹出Create Style. Resource创建样式资源的窗口,对于样式和模板,我将在下一篇详 细讲解,这里暂不细述,请按照以下步骤继续操作,

不用修改任何信息,点击Ok后,在States控制面板中,就可以看到当前按钮的视觉状态管理列表。

如果在左边没有看到“States”菜单,可以进入上面的“Window”菜单,选中“States”即可显示。

在States管理面板中,我们可以看到Button当前有两个States,CommonStates和FocusStates,对于两 组中的视觉状态前文已经解释过,这里我们需要看看菜单细节。

如果选中“Turn on transition preview”菜单,设置的Transition动画将在主设计窗口自动播放, 我们设置为Turn on,打开状态,方便下面查看效果。

Base表示根视觉状态,在下面分为两个Visual States Group(视觉状态组),每个视觉状态组中包含 不同的Visual States(视觉状态)。点击每个视觉状态右边的箭头标识,可以添加“Visual Transitions(视觉过渡转换)”,从上图可看到,弹出的菜单,其中需要注意的是:

“* ->Normal” 是指任何States到Normal

“Normal ->*” 是指Normal到任何States

现在可以切换到”Objects and Timeline“,在“Template”下选中Grid,

在右边属性栏,修改按钮Transform属性,修改x,y到0.5

然后回到States控制面板,会看到Normal状态下,按钮控件会变小,选中MouseOver后,按钮控件尺寸 恢复正常。

Normal

MouseOver

这时,选中Normal或者MouseOver,会在主设计窗口看到按钮变化的动画。点击F5运行该项目,当鼠标 覆盖按钮的时候,按钮会自动变化尺寸。

这样我们就简单的修改了Button按钮控件的Visual States(视觉状态)。

对于VSM需要注意的是,VSM是以代码方式管理Visual States的类,而Blend States只是一个工具,协 助开发人员管理维护Visual States,最终生成代码,仍旧是VSM进行控制。

对于视觉管理器的快速入门暂时介绍到这里,我们将在实例篇中再详细介绍VSM,Blend States在实际 应用中的使用方法。

篇7:Excel实例:快速个人通讯录EXCEL基本教程

用Excel完成工作,把数据录入到工作表中是最基础的步骤,也许大家在想:这有什么好学的,只要会打字不就行了吗?

实际情况可不是想像中这么简单,不同的工作需要不同的数据格式,Excel工作表中有各种数据类型,我们必须理解工作表中不同数据类型的含义,分清它们之间的区别,才能为圆满地完成任务打下坚实的基础。同时,学会各类数据的输入、使用和修改是必备的基本能力。

学习目标:

1. 理解工作表所用的数据类型

2. 学会在工作表中输入文本和数值

3. 学会在工作表中输入日期和时间

4. 学会修改和编辑数据

5. 学会通过设置单元格格式改变工作表数据外观

实际任务:

1. 制作个人通讯录

2. 制作学生基本信息表

3. 制作考试时间安排表

4. 制作员工工资表

理解Excel使用的数据类型

或许你已有向Excel输入数据的经历,不管你是否意识到,事实上Excel单元格中只保存三种类型的数据:数值、文本和公式。了解它们之间的区别,可以有效提高自己处理的能力,显然,这项能力是解决各种复杂问题的基础。

(一) 数值

概括地说,数值可以理解为一些数据类型的数量,数值有一个共同的特点,就是常常用于各种数学计算。工资数、学生成绩、员工年龄、销售额等等数据,都属于数值类型。当然,我们常常使用日期、时间数据也都属于数值类型的数据。

(二) 文本

说明性,解释性的数据描述我们称为文本类型。文本当然是非数值类型的。比如,员工信息表的列标题“员工编号”、“姓名”、“性别”、“出生年月”等等字符都属于文本类型。文本和数值有时候容易混淆,比如手机号码“13391129978”,银行帐号“3100090001201596254”,从外表上它是数字组成的,但实际上我们应告诉Excel把它们作为文本处理,因为它们并不是数量,而是描述性的文本。

(三) 公式

我们把公式列为不同于“数值”和“文本”之外的第三种数据类型。公式的共同特点是以“=”号开头,它可以是简单的数学式,也可以是包含各种Excel函数的式子。

公式在Excel的重要地位不言而喻,它可以通过单元格中的数值或者是文本算出各种所需的结果。Excel之所以具有如此强大的数据处理能力,公式是最为重要的因素之一。

现在大家对基本概念有了了解,下面我们通过几个具体的实际任务的操作,来实现学习目标。今天我们从第一个实例整理个人通讯录开始详细讲解。

通过这个实例,我们主要可以学习到如何更改工作表标签的名称,合并几个单元格,如何输入日期,如何告诉Excel把输入的数字作为文本处理,以及单元格列宽和行高的调整方法。这些知识与技能都是在输入数据时常常需要用到的。

实例一、整理个人通讯录

(一)这是非常实用的一个简单实例,这个任务要做的主要工作是,把联系人相应数据输入Excel工作表中,方便以后需要时使用,最终效果如图1。

操作方法与步骤:

1.建表

启动Excel2003,使用默认新建的工作薄和工作表。先修改Sheet1工作表的标签名称为“联系人通讯录”。将鼠标移至Sheet1标签处,单击鼠标右键,在弹出的菜单中选择“重命名”命令(图 2),原来的标签名称“Sheet1”显示为反白,这时输入“联系人通讯录”回车即可。

关 键 字:EXCEL

篇8:快速入门SQL定义存储过程数据库教程

SQL存储过程在SQL数据库中用途广泛,下面为您介绍如何定义SQL存储过程,如果您是刚接触SQL数据库的用户,不妨一看,希望对您学习SQL存储过程有所帮助,

CREATEPROCEDUREget_tableinfoASifnotexists (select*fromdbo.sysobjectswhereid = object_id(N'[dbo].[tablespaceinfo]')andOBJECTPROPERTY(id, N'IsUserTable') = 1)createtabletablespaceinfo--创建结果存储表(nameinfovarchar(50) ,rowsinfoint, reservedvarchar(20) ,datainfovarchar(20)  ,index_sizevarchar(20) ,unusedvarchar(20) )deletefromtablespaceinfo--清空数据表declare@tablenamevarchar(255)--表名称declare@cmdsqlvarchar(500)DECLAREInfo_cursorCURSORFORselecto.namefromdbo.sysobjects owhereOBJECTPROPERTY(o.id, N'IsTable') = 1ando.namenotlikeN'#%%'orderbyo.nameOPENInfo_cursorFETCHNEXTFROMInfo_cursorINTO@tablenameWHILE @@FETCH_STATUS = 0BEGINif exists (select*fromdbo.sysobjectswhereid = object_id(@tablename)andOBJECTPROPERTY(id, N'IsUserTable') = 1)executesp_executesqlN'insert into tablespaceinfo  exec sp_spaceused @tbname',N'@tbname varchar(255)',@tbname = @tablenameFETCHNEXTFROMInfo_cursorINTO@tablenameENDCLOSEInfo_cursorDEALLOCATEInfo_cursorGO

篇9:浩辰CAD2013教程_(72)快速入门CAD

一、CAD绘制基本图形对象

1、几个CAD软件基本常用的命令

1.1、鼠标操作 (askcad.com),为工程师增加动力

通常情况下左键代表选择功能,右键代表确定“回车”功能,如果是3D鼠标,则滚动键起缩放作用。拖拽操作是按住鼠标左键不放拖动鼠标。但是在窗口选择时从左往右拖拽和从右往左拖拽有所不同。

窗选:左图从左往右拖拽选中实线框内的物体,只选中了左边的柱子。

框选:右图从右往左拖拽选中虚线框内的物体和交叉的物体,选中了右边的柱子和梁。

1.2、Esc取消操作:当正在执行命令的过程中,敲击Esc键可以中止命令的操作。

1.3、撤销放弃操作:浩辰机械cad支持无限次撤销操作,单击撤销按钮 或输入u,回车。

1.4、浩辰机械CAD中,空格键和鼠标右键等同回车键,都是确认命令,经常用到。

(askcad.com),为工程师增加动力!

1.5、经常查看命令区域的提示,按提示操作,

2、绘制图形的几个操作

这是cad的绘图工具条,在使用三维算量往往不需要使用,因此已把该工具条隐藏。为了了解cad概念,以下介绍几个基本的命令。

2.1绘制直线:单击工具条直线命令或在命令行中输入L,回车。在绘图区单击一点或直接输入坐标点,回车,接着指定下一点,回车,重复下一点,或回车结束操作。或者输入C闭合。

2.2绘制多段线:多段线是由一条或多条直线段和弧线连接而成的一种特殊的线,还可以具备不同宽度的特征。快捷键:PL。在三维算量中定义异形截面、手绘墙、梁等时常用。

举例:绘制一个异形柱截面 (askcad.com),为工程师增加动力)

命令行输入:PL,回车。指定下一点,输入w(宽度),输入1,回车,修改了多段线线的宽度为1。输入快捷键F8,使用cad的正交功能,,保持直线水平,输入:500。输入:A,开始绘制圆弧,单击另一点绘制一个圆弧。

输入:L,切换到绘制直线,单击一点,绘制一段直线。

输入:A,绘制一个圆弧与开始点闭合为一个界面形状。

接下来就可以定义一个异形截面的柱,来选择该多段性即可。

篇10:Excel中巧用样式列表快速实现换行EXCEL基本教程

在Excel的一个单元格中输入文本较多时,我们经常会对该单元格进行格式设置,以让这些文本实现自动换行,然而当这样的情况频繁出现时,这种格式设置会显得比较麻烦,如果有一种快捷的方法可以轻松实现单元格内文本自动换行就好了。经过实践,发现可以通过使用样式列表快速实现这一功能。

下面是具体操作步骤。

一、在格式工具栏中添加样式列表

1.在Excel的任一工具栏上单击右键,从弹出菜单中选择“自定义”命令。

2.单击“自定义”对话框中的“命令”选项卡。

3.在“类别”下方列表中单击“格式”,然后从右侧“命令”列表中将“格式”列表图标拖放到格式工具栏字体大小列表的右侧,如图1所示。

图1

4.单击“关闭”按钮。如图2所示,现在格式工具栏上多了一个样式列表。

图2

二、在样式列表中添加“文本自动换行”样式

1.在某个单元格中输入一些文本,然后按快捷键Ctrl+1,打开“单元格格式”对话框,

2.单击对话框中的“对齐”选项卡,然后选中“文本控制”下方的复选框“自动换行”,如图3所示。单击“确定”按钮关闭该对话框。这两步即为通常情况下实现单元格内容自动换行的方法。

图3

3.单击格式工具栏样式列表中的输入框,注意不是单击右侧的小箭头,输入“文本自动换行”,如图4所示,并按回车键。

图4

4.经过以上步骤,实际上已经建立了快速应用“自动换行”格式的快捷方式,当我们需要为其它单元格应用“自动换行”时,选中单元格,然后从样式列表中选择“文本自动换行”即可。

关 键 字:EXCEL

中文简历标准简历写作样式

Word入门动画教程145:给样式配快捷键

PS快速磨皮教程

硬盘坏道故障实例解决服务器教程

Discuz!应用教程:如何在Discuz! X1.5上快速制作

InnoDB 中文参考手册 10 multiversioning 的实现数据库教程

《The Elements of Programming Style 》老人言

聘用合同样式

英语教学工作总结样式

车辆责任书样式

Expression Blend实例中文教程样式和快速入门Style,Template(合集10篇)

欢迎下载DOC格式的Expression Blend实例中文教程样式和快速入门Style,Template,但愿能给您带来参考作用!
推荐度: 推荐 推荐 推荐 推荐 推荐
点击下载文档 文档为doc格式
点击下载本文文档