Expression.Blend.4 Chapter 图片和视频的使用

翻译的地方可能有错误，欢迎大家指正。但是里面每一个程序都是亲自测试过，并加了点自己的看法。

我翻译的是Expression.Blend.4.Step.by.Step，大家有疑问的可以去看看英文原版。

希望大家转载的时候加上链接。3Q

图片和视频的使用

使用图片

在项目中添加修改图片。

1、点击File菜单的打开Project/Solution。出现项目对话框。找到CH3v文件夹。双击CH3v.sln文件。点击你项目的Projects面板。（这个文件你没有，自己新建一个项目吧。名字叫CH3V，仿照下面目录结构）

 

2、在CH3v项目的文件夹列表，点击Images文件夹。

3.在Project菜单，点击Add Existing Item。添加现有项对话框打开。在书中相配套的文件点击浏览到CH3\ CH3导入文件夹。（就是找2张图片，自己随便找2张。）

 

5.点击在CH3V项目文件夹中MainPage.xaml文件。把Projects面板Images文件夹中的flower.Jpg拖到画板上（随便拖张）。

 

在Properties面板的Layout种类，点击Margin位置旁边的Advanced Options图标，然后点击Reset。Blend设置所有的边距为零，图片填充所有他分配的区域。

 

确保在Layout类别中设置width和height区域为AUTO，如果没有为图片设置width或者Height，他将会按原始尺寸显示。

7.在Properties面板的Common Properties类别中点击Stretch property.

 

Blend提供了4种不同的伸展选项：

❑ NONE。这个选项不拉伸图片。

❑Fill。该图像进行缩放以适应输出尺寸。因为内容的高度和宽度都是独立缩放，图像的原始长宽比可能不被保留，当完全填补输出区域的时候，图片可能会被扭曲并

❑Uniform。这个是默认选项。该图片根据输出尺寸进行缩放。宽高比保持不变。

❑UniformToFill。该图片进行缩放，以便它完全填满输出地区，但保留其原有的宽高比。

Uniform和UniformToFill比较。

Uniform

 

UniformToFill（放大了）

 

8.设置Stretch值为None。观察画板上的图片发生的变化。然后试试设置Stretch属性为Uniform 和 UniformToFill。然后还原为Fill值。

9.在Properties面板的Common Properties类别中，点击Source property区域旁边的的下拉箭头，然后选择另一张图片，画板上的图片改变。

 

如果这次不教你在你项目中运用一些简单的特效，那么Blend中使用图片的介绍将是不完整的。

在Properties面板的Brushes类别中，只有一个属性可以使用：OpacityMask。OpacityMask是一种可以让颜色忽略的画刷。画刷可以改变对象的透明对。

10.点击画板上的图片，确保处于选中状态。然后点击Brushes 下面的Gradient画刷改变选中图片的OpacityMask属性。

 

11.设置左边渐变停止的Alpha值为0%。注意，画板上的图片发生了改变。

 

右边的那个A就是Alpha，找到没。

使用视频。

Blend支持大部分的视频格式，包括：.asf, .avi, .dvr-ms,

.ifo, .m1v, .mpeg, .mpg, .vob, .wm, and .wmv.blend也支持一下音频格式.aif, .aifc, .aiff, .asf, .au, .mid, .midi, .mp2, .mp3, .mpa, .mpe, .rmi, .snd, .wav,

.wma, and .wmd. Expression Blend中支持完整的视频和音频文件的
格式，Windows媒体播放器只支持10种支持。（格式还是好少）

为一个项目添加video

1、点击你项目的Projects面板，在CH3v项目列表中，点击Media文件夹。

2、在Project菜单，点击Add Existing Item。在添加现有项目窗口中，点击浏览，找到…\CH3\CH3-Import文件夹。

3.在CH3-Import文件夹。点击sharky.wmv文件，然后点击打开。在你CH3v项目的Media文件夹中出现了一个视频文件。

5. 按F5预览。

当Expression Blend中插入一个新的视频时，视频自动播放功能处于开启状态
和音量为一半。

 

4从工程项目的Media文件夹拖动sharky.wmv视频到画板中并捕捉到的底部。

5、按F5预览。

设置使你的视屏不自动播放。在Properties面板的Media类别。取消AutoPlay位置旁边的复选框，然后按F5，在你浏览器上预览。

7.关闭浏览器，回到Blend。

8.在Properties面板的Media类别，选中AutoPlay位置旁边的复选框，使视频自动播放，

9.点击画板上的视频，确保处于选中状态，然后为Brushes下面选中的OpacityMask设置Gradient画刷。

 

10.在颜色编辑器中的颜色调下面，点击Radial Gradient按钮，将线性渐变变为径向渐变。

11.为右停靠渐变设置Alpha位置为0%。观察到画板上的图片发生改变

 

12.按F5在默认浏览器中预览。