随笔分类 - WPF篇
WPF、Expression Blend的学习体会
摘要：
WPF/Silverlight中可以使用模板，修改应用该模板的控件的结构。可以修改控件模板，以重排、添加或删除控件中的元素（或部件）。
下面以一个具体的Demo来演示如何利用Expression Blend来编辑RichTextBox的背景图片
阅读全文
WPF/Silverlight中可以使用模板，修改应用该模板的控件的结构。可以修改控件模板，以重排、添加或删除控件中的元素（或部件）。
下面以一个具体的Demo来演示如何利用Expression Blend来编辑RichTextBox的背景图片
阅读全文
摘要：
前言
因为某个敏感词，一直不想用这个标题，但为了文章的连续性，我就2一回吧，呵呵。
首先，我们来补一上文《创建自定义行为并在Silverlight项目中使用》 中一开始说的在Expression Blend中调用创建的自定义行为，上文只是在Visual Studio中以代码的形式实现了。
打开Silverlight项目【注意：如果你创建的Behaviors是Silverlight的，则只能在Silverlight项目中使用，WPF同样道理】，添加自定义行为的引用，如下图
阅读全文
前言
因为某个敏感词，一直不想用这个标题，但为了文章的连续性，我就2一回吧，呵呵。
首先，我们来补一上文《创建自定义行为并在Silverlight项目中使用》 中一开始说的在Expression Blend中调用创建的自定义行为，上文只是在Visual Studio中以代码的形式实现了。
打开Silverlight项目【注意：如果你创建的Behaviors是Silverlight的，则只能在Silverlight项目中使用，WPF同样道理】，添加自定义行为的引用，如下图
阅读全文
摘要：
我们可以编写代码来创建自己定义的行为（Behavior）并在Expression Blend中调用自定义的行为。
我们需要从Behavior类继承，最简单的自定义行为的代码如下.
本文以一个简单的Demo来演示创建自定义的行为
阅读全文
我们可以编写代码来创建自己定义的行为（Behavior）并在Expression Blend中调用自定义的行为。
我们需要从Behavior类继承，最简单的自定义行为的代码如下.
本文以一个简单的Demo来演示创建自定义的行为
阅读全文
摘要：
在开始学习前，首先需要了解一下Behaviors（行为）的几个关键点：
（1）Behaviors（行为）是可复用代码集合，可以被任何对象附加使用；
（2）设计人员和开发人员可以使用Behaviors（行为）在不用设计任何代码的情况下，添加相关功能到XAML中；
（3）Behaviors（行为）可以通过XAML附加到任何对象元素中，无需设计任何后台代码；
（4）一个Behaviors（行为）可以被多个对象同时调用；
我们可以在Expression Blend中在不必编写代码的情况下向应用程序添加交互性，将行为从"资产"面板拖到应用程序中的对象上，然后设置该行为的属性。
Expression Blend给我们预定义了一些常用的行为：如调用方法行为、控制故事板行为、超链接行为等等。
阅读全文
在开始学习前，首先需要了解一下Behaviors（行为）的几个关键点：
（1）Behaviors（行为）是可复用代码集合，可以被任何对象附加使用；
（2）设计人员和开发人员可以使用Behaviors（行为）在不用设计任何代码的情况下，添加相关功能到XAML中；
（3）Behaviors（行为）可以通过XAML附加到任何对象元素中，无需设计任何后台代码；
（4）一个Behaviors（行为）可以被多个对象同时调用；
我们可以在Expression Blend中在不必编写代码的情况下向应用程序添加交互性，将行为从"资产"面板拖到应用程序中的对象上，然后设置该行为的属性。
Expression Blend给我们预定义了一些常用的行为：如调用方法行为、控制故事板行为、超链接行为等等。
阅读全文
摘要：
WPF/Silverlight中可以使用模板，修改应用该模板的控件的结构。可以修改控件模板，以重排、添加或删除控件中的元素（或部件）。
下面以一个具体的Demo来演示如何利用Expression Blend来编辑形状的模板。
创建Silverlight项目，命名为RadioButtonTemplate，向Grid中添加一个RadioButton，取名为rbRed，如下图
右击rbRed，选择Edit Template—Create Empty…创建空模板，如下图
阅读全文
WPF/Silverlight中可以使用模板，修改应用该模板的控件的结构。可以修改控件模板，以重排、添加或删除控件中的元素（或部件）。
下面以一个具体的Demo来演示如何利用Expression Blend来编辑形状的模板。
创建Silverlight项目，命名为RadioButtonTemplate，向Grid中添加一个RadioButton，取名为rbRed，如下图
右击rbRed，选择Edit Template—Create Empty…创建空模板，如下图
阅读全文
摘要：什么是马赛克（Mask）
相信许多看电影的朋友都知道什么是马赛克，通俗的将就是视频或者图片上方有一层模糊的区域，以使这块区域不可见。
下面的文字摘自百度百科：
马赛克（Mosaic），建筑专业名词为锦砖，分为陶瓷锦砖和玻璃锦砖两种。是一种装饰艺术，通常使用许多小石块或有色玻璃碎片拼成图案，在教堂中的玻璃艺品，又称为花窗玻璃（stained glass）。在拜占庭帝国时代，马赛克随着基督教兴起而发展为教堂及宫殿中的壁画形式。现今马赛克泛指这种类型五彩斑斓的视觉效果。马赛克也指现行广为使用的一种图像（视频）处理手段，此手段将影像特定区域的色阶细节劣化并造成色块打乱的效果，因为这种模糊看上去有一个个的小格子组成，便形象的称这种画面为马赛克。其目的通常是使之无法辨认。
阅读全文
摘要：
在Zam 3D中我们可以导入.ai和.eps格式的文件（当然还有.dxf和.dxb格式的文件，这个下一篇博客中介绍）。
先来简单介绍这两种个格式的文件
AI格式
AI格式文件是一种矢量图形文件,适用于Adobe公司的Illustrator软件的输出格式,与PSD格式文件相同,AI文件也是一种分层文件,用户可以对图形内所存在的层进行操作,所不同的是AI格式文件是基于矢量输出,可在任何尺寸大小下按最高分辨率输出,而PSD文件是基于位图输出。
EPS(Encapsulated PostScript)格式
EPS文件是目前桌面印前系统普遍使用的通用交换格式当中的一种综合格式。就目前的印刷行业来说，使用这种格式生成的文件，那到哪里都不会出什么问题，大部分专业软件都会处理它。EPS文件可以应用于Pagemaker软件的排版、设计。EPS文件，它是一种很好的文件格式，应用它可以给我们进行文件交换
阅读全文
在Zam 3D中我们可以导入.ai和.eps格式的文件（当然还有.dxf和.dxb格式的文件，这个下一篇博客中介绍）。
先来简单介绍这两种个格式的文件
AI格式
AI格式文件是一种矢量图形文件,适用于Adobe公司的Illustrator软件的输出格式,与PSD格式文件相同,AI文件也是一种分层文件,用户可以对图形内所存在的层进行操作,所不同的是AI格式文件是基于矢量输出,可在任何尺寸大小下按最高分辨率输出,而PSD文件是基于位图输出。
EPS(Encapsulated PostScript)格式
EPS文件是目前桌面印前系统普遍使用的通用交换格式当中的一种综合格式。就目前的印刷行业来说，使用这种格式生成的文件，那到哪里都不会出什么问题，大部分专业软件都会处理它。EPS文件可以应用于Pagemaker软件的排版、设计。EPS文件，它是一种很好的文件格式，应用它可以给我们进行文件交换
阅读全文
摘要：
在上一篇文章中，大致介绍了Extrusion编辑器的用法，在本篇博客中继续讲解另一个编辑器，即Lathe编辑器。
先来看一下Lathe编辑器的界面，和Extrusion编辑器很类似。
Lathe：车床的意思，那么什么是Lathe编辑器呢？
其英文解释是这样的：
The lathe editor is a special function in Zam 3D that lets you draw a curve or a shape of some sort. Then, once in the scene editor, your curve/shape is rotated and duplicated in a circle as many times as it needs to until it meets again.
翻译一下：lathe 编辑器在Zam 3D中是一个允许你绘制
阅读全文
在上一篇文章中，大致介绍了Extrusion编辑器的用法，在本篇博客中继续讲解另一个编辑器，即Lathe编辑器。
先来看一下Lathe编辑器的界面，和Extrusion编辑器很类似。
Lathe：车床的意思，那么什么是Lathe编辑器呢？
其英文解释是这样的：
The lathe editor is a special function in Zam 3D that lets you draw a curve or a shape of some sort. Then, once in the scene editor, your curve/shape is rotated and duplicated in a circle as many times as it needs to until it meets again.
翻译一下：lathe 编辑器在Zam 3D中是一个允许你绘制
阅读全文
摘要：
在前面的两篇文章中我们主要讲解了Zam 3D中的场景编辑器，接下来我们来看一下另一个主要的编辑器：Extrusion编辑器
下面先来看下Extrusion编辑器的主要界面以及相关解释
4.1 工具栏
钢笔工具：使用方法同Expression Blend中的钢笔工具
选择工具：选择要操作的对象
角点工具：通过此工具可以移动图形的点
曲点工具：通过此工具可以将路径弯曲
切点工具：通过此工具处理点的切线
阅读全文
在前面的两篇文章中我们主要讲解了Zam 3D中的场景编辑器，接下来我们来看一下另一个主要的编辑器：Extrusion编辑器
下面先来看下Extrusion编辑器的主要界面以及相关解释
4.1 工具栏
钢笔工具：使用方法同Expression Blend中的钢笔工具
选择工具：选择要操作的对象
角点工具：通过此工具可以移动图形的点
曲点工具：通过此工具可以将路径弯曲
切点工具：通过此工具处理点的切线
阅读全文
摘要：
在上一篇文中介绍了场景编辑器中的一些按钮的用法，其中视口（Viewport）只是介绍了它的用处，本文着重介绍Viewport。
Viewport的属性包括：属性页面中的布局和环境属性以及Viewport的菜单中的设置。
当我们将XMAL文件导出为Viewport3D或者Canvas控件时，这些控件的宽度和高度就是是在ZAM 3D中的设置值。然而，如果你导出为控件的时候，Viewbox控件的宽度和高度是自动分配的，但嵌套在Viewbox中的Viewport3D控件的宽度和高度仍然是在ZAM 3D中设置的值。因此，任何对Viewbox大小的改变都会造成你原始3D场景变得或大或小。
3.1.2 选项
在选择中有一个勾选，重绘所有视口（Redraw All Viewports），如果勾选上了，则当你在一个Viewport中移动对象的时候，其他的Viewport中也对应移动。如果没有勾选，则是当你停止
阅读全文
在上一篇文中介绍了场景编辑器中的一些按钮的用法，其中视口（Viewport）只是介绍了它的用处，本文着重介绍Viewport。
Viewport的属性包括：属性页面中的布局和环境属性以及Viewport的菜单中的设置。
当我们将XMAL文件导出为Viewport3D或者Canvas控件时，这些控件的宽度和高度就是是在ZAM 3D中的设置值。然而，如果你导出为控件的时候，Viewbox控件的宽度和高度是自动分配的，但嵌套在Viewbox中的Viewport3D控件的宽度和高度仍然是在ZAM 3D中设置的值。因此，任何对Viewbox大小的改变都会造成你原始3D场景变得或大或小。
3.1.2 选项
在选择中有一个勾选，重绘所有视口（Redraw All Viewports），如果勾选上了，则当你在一个Viewport中移动对象的时候，其他的Viewport中也对应移动。如果没有勾选，则是当你停止
阅读全文
摘要：
场景编辑器是我们在使用ZAM 3D是最常用的编辑器，我们可以将各种各样的模型在一个编辑器中编辑。在上篇文章中，我们大致介绍了场景编辑器中的一些图标、按钮的功能。下面的图片显示了场景编辑器的主要区域和介绍：
在场景编辑器的左下角有两个球形的工具栏，你可能重来没有使用过这样的工具栏。我们叫他们“水晶轨迹球”，使用他们十分简单方便。我们使用鼠标拖动他们就感觉像是在旋转水晶球一样，并且对象在视口窗体中也会发生相应的变化。
旋转轨迹球被设计用来让我调整在场景中对象的定位。一旦我们在视口窗体中选择了什么对象，则旋转轨迹球中就会出现什么对象，然后我们就可以旋转这个对象，这同样适用于多个对象。
阅读全文
场景编辑器是我们在使用ZAM 3D是最常用的编辑器，我们可以将各种各样的模型在一个编辑器中编辑。在上篇文章中，我们大致介绍了场景编辑器中的一些图标、按钮的功能。下面的图片显示了场景编辑器的主要区域和介绍：
在场景编辑器的左下角有两个球形的工具栏，你可能重来没有使用过这样的工具栏。我们叫他们“水晶轨迹球”，使用他们十分简单方便。我们使用鼠标拖动他们就感觉像是在旋转水晶球一样，并且对象在视口窗体中也会发生相应的变化。
旋转轨迹球被设计用来让我调整在场景中对象的定位。一旦我们在视口窗体中选择了什么对象，则旋转轨迹球中就会出现什么对象，然后我们就可以旋转这个对象，这同样适用于多个对象。
阅读全文
摘要：
Electric Rain ZAM 3D是一个功能齐全的3D建模软件，可轻松创建，定制和动画基于Windows Vista 应用的3D界面要素. 用于快速创建3D网格，并让3D网格动起来。Electric Rain ZAM 3D自动生成XAML（扩展应用程序标记语言）标记可以方便的拷贝至Visual Studio或者Expression Blend中。
官方网址是：http://www.erain.com/products/zam3d/DefaultPDC.asp目前的版本是1.0
先来看下安装后的界面：如下图，
下面以一个3D的Hello World实例来演示如何使用zam 3d进行3d开发。
假设你已经安装好了Electric Rain ZAM 3D
1.启动程序，打开场景编辑器选项卡片（默认卡片即场景编辑器）
阅读全文
Electric Rain ZAM 3D是一个功能齐全的3D建模软件，可轻松创建，定制和动画基于Windows Vista 应用的3D界面要素. 用于快速创建3D网格，并让3D网格动起来。Electric Rain ZAM 3D自动生成XAML（扩展应用程序标记语言）标记可以方便的拷贝至Visual Studio或者Expression Blend中。
官方网址是：http://www.erain.com/products/zam3d/DefaultPDC.asp目前的版本是1.0
先来看下安装后的界面：如下图，
下面以一个3D的Hello World实例来演示如何使用zam 3d进行3d开发。
假设你已经安装好了Electric Rain ZAM 3D
1.启动程序，打开场景编辑器选项卡片（默认卡片即场景编辑器）
阅读全文
摘要：
Expression Blend中可以方便的导入Photoshop或者
illustrator的文件来创建我们的WPF或者Silverlight应用程序。
本文将一个具体的实例导入Photoshop文件并制作一个画卷的效果。
PSD下载位置为：http://www.lanrentuku.com/psd/sheji/2688.html
1.找到画卷的素材，如下图
阅读全文
Expression Blend中可以方便的导入Photoshop或者
illustrator的文件来创建我们的WPF或者Silverlight应用程序。
本文将一个具体的实例导入Photoshop文件并制作一个画卷的效果。
PSD下载位置为：http://www.lanrentuku.com/psd/sheji/2688.html
1.找到画卷的素材，如下图
阅读全文
摘要：
本文将介绍如何使用Expression Blend制作简单的动画
先来看看MSDN的解释：Animation is an illusion that is created by quickly cycling through a series of images,
each slightly different from the last. The brain perceives the group of images as a single changing scene.
In film, this illusion is created by using cameras that record many photographs, or frames, each second.
When the frames are p
阅读全文
本文将介绍如何使用Expression Blend制作简单的动画
先来看看MSDN的解释：Animation is an illusion that is created by quickly cycling through a series of images,
each slightly different from the last. The brain perceives the group of images as a single changing scene.
In film, this illusion is created by using cameras that record many photographs, or frames, each second.
When the frames are p
阅读全文
摘要：
Expression Blend可以让我们十分方便的创建基于WPF的UI，在本文中我会介绍如何使用WPF画图形，并使用颜色等元素去修饰图形
以一个具体的Demo来讲解如果使用Expression Blend4高效的搞定WPF的UI，具体的Brush是Gradient Brush，即线性渐变笔刷
阅读全文
Expression Blend可以让我们十分方便的创建基于WPF的UI，在本文中我会介绍如何使用WPF画图形，并使用颜色等元素去修饰图形
以一个具体的Demo来讲解如果使用Expression Blend4高效的搞定WPF的UI，具体的Brush是Gradient Brush，即线性渐变笔刷
阅读全文
摘要：
本文将介绍如何选择合适的开发环境做WPF、SilverLight或者WP7，以及一些简单的Demo。
如果你想创建WPF、Silverlight或者是Windows Phone项目，你可以按照下面来选择相应的环境搭建
WP7开发环境搭建
WPF、Silverlight开发环境搭建
使用Visual Studio开发
阅读全文
本文将介绍如何选择合适的开发环境做WPF、SilverLight或者WP7，以及一些简单的Demo。
如果你想创建WPF、Silverlight或者是Windows Phone项目，你可以按照下面来选择相应的环境搭建
WP7开发环境搭建
WPF、Silverlight开发环境搭建
使用Visual Studio开发
阅读全文