与Silverlight 3一起发布的Expression Blend 3是微软推出的一款强大的开发工具,此次在3版本中增添了很多新功能。本文介绍其中的绘制图形功能:Make Into Control。

前不久,微软又推出其"Flash杀手"的又一个新版别Silverlight 3。值得留意的是,不只Silverlight 3中新增添了不少功用,而且Expression Blend 3较之于其前的版别也大大加强,一个又一个极酷的支撑加入到其间。

因为现在的Silverlihgt尚处于快速发展阶段,而且现在Visual Studio还没有供给关于XAML符号言语的可视化支撑,所以,Expression Blend的可视化编程支撑几乎是咱们有必要把握的。

在本文中,我仅想介绍Expression Blend 3的一个新增功用-Make Into Control。借助于这项支撑,你能够为所欲为制作任何几何图形,然后把它转换成一个按钮,滑动条或者是一个下拉列表框控件。假如你也是的新手,那么本文或许正是你需求把握的技巧之一。

【留意】本文操作实验的条件是,你有必要事前装置Silverlight 3 Tools for Visual Studio SP1以及Microsoft Expression Blend 3(当然也能够运用试用版别)。

事例剖析

首要,请发动Visual Studio 2008。然后,挑选"文件"-"新建"-"项目"。在随后的"新建项目"对话框中,挑选"Silverlight Application"模板,并命名项目名称为S3MakeIntoControl。请参阅图1。

Expression Blend 3新增功用Make Into Control介绍  3 Make Control 第1张

图1 创立Silverlight应用程序对话框

单击"确认"按钮,随后出现一个对话框,意思是挑选Silverlight工程的宿主站点。请挑选默认设置。

然后,导航到Silverlight工程,在文件MainPage.xaml上单击右键并挑选"Open in Expression Blend..."。

所以,体系主动翻开另一个软件Microsoft Expression Blend 3,而且在你面前出现一个空的XAML页面。

留意到,在此页面的左面是Expression Blend程序的工具栏。请挑选其间的Pencil图标(请参阅图2)。

Expression Blend 3新增功用Make Into Control介绍  3 Make Control 第2张

图2 从Expression Blend工具栏中挑选铅笔图标

现在,你能够在MainPage.xaml页面中进行恣意制作。本例中,我制作了一个丑恶的五角星形状。然后,挑选上面的五角星形状,就能够把它转换成一个Silverlight控件。

挑选五角星形状后,在其上单击右键并挑选"Make Into Control"选项(请参阅图3)。

Expression Blend 3新增功用Make Into Control介绍  3 Make Control 第3张

图3 挑选五角星后击右键挑选"Make Into Control"选项

随后弹出一个确认要转换成指定控件的对话框(请参阅图4)。

Expression Blend 3新增功用Make Into Control介绍  3 Make Control 第4张

图4 确认控件类型对话框

为了简化起见,在上图对话框中挑选"Button"控件类型,并输入键名为pentagonButton,***单击"OK"按钮退出对话框。现在,咱们便有了一个Button控件了。感觉怎么?

不忙,让咱们继续进行一番修正。右单击刚刚创立的pentagonButton按钮,从随后的弹出菜单中挑选"Edit Template"-"Edit Current",如图5所示。

Expression Blend 3新增功用Make Into Control介绍  3 Make Control 第5张

图5 挑选修改新创立控件的模板

经上面的操作后,咱们便能够经过States窗口(作为一个选项卡,与"Projects"靠在一同)来访问VisualStateManager了。

现在,单击"States"选项卡,然后在其间单击MouseOver状况。这将触发MouseOver事情的状况录制动作,如图6所示。

Expression Blend 3新增功用Make Into Control介绍  3 Make Control 第6张

图6 触发新建控件的MouseOver事情的状况录制动作

此刻,翻开右边的"Properties"(特点)选项卡,设置按钮控件的填充色为另一个色彩,如图7所示。

Expression Blend 3新增功用Make Into Control介绍  3 Make Control 第7张

图7 在新建控件的MouseOver事情录制状况填充新的色彩

现在,中止录制操作,保存方才的作业(File-Save)。

此刻转到xaml文件的符号状况下调查,你会发现有如下内容:

转载请说明出处
知优网 » Expression Blend 3新增功用Make Into Control介绍

发表评论

您需要后才能发表评论