博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Expression.Blend.4 Chapter 图片和视频的使用
阅读量:7256 次
发布时间:2019-06-29

本文共 2229 字,大约阅读时间需要 7 分钟。

原文:

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

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

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

图片和视频的使用

使用图片

在项目中添加修改图片。

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

 img_7323fc2187a0bc62a8c0e00bba90c25b.png

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

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

 img_4b00e68ae3fd98a4339a86a69b87694f.jpe

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

 img_de65c0da553a12427127aa18f1dfb7f3.jpe

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

 img_6bfcccab3db720c2b5411cc036a6139c.jpe

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

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

 img_b8315865c02fd9741b5f38d997f54430.jpe

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

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

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

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

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

Uniform和UniformToFill比较。

Uniform

 img_a69c6da90ef182306783491f9dde24e6.jpe

UniformToFill(放大了)

 img_18076dffb8c30db9626470f4ad8a6b68.jpe

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

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

 img_982f02191171a36ad02cdea64d283a20.jpe

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

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

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

 img_996a10db4d53c69ec0698f369e3d3b2f.jpe

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

 img_0e0069b7a6206fd0a5fd56f3dc0b4a3c.jpe

img_6f79099847f5d785ca43f7a832a910a3.jpe

右边的那个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中插入一个新的视频时,视频自动播放功能处于开启状态

和音量为一半。

 img_2acc3c5ab79c9fd94406c6810f2e3f26.jpe

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

5、按F5预览。

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

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

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

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

 img_4add3e45d096867d66adf5602a3d4851.jpe

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

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

 img_a229424ef929d54c032cb9a11afa1288.jpe

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

你可能感兴趣的文章
试除法求最小N个素数之二
查看>>
HDU2017 字符串统计
查看>>
terminator终端工具
查看>>
【转】那些相见恨晚的 JavaScript 技巧
查看>>
Lind.DDD.Authorization用户授权介绍
查看>>
谈谈设计模式~原型模式(Prototype)
查看>>
商城商品倒计时原生插件
查看>>
激光打印机的Color/paper, Xerography介绍
查看>>
敏捷开发
查看>>
react-native项目构建配置及window调试devtools
查看>>
Gym 100341C AVL Trees NTT
查看>>
第 1 章 虚拟化 - 004 - 启动第一个 KVM 虚机
查看>>
2.1.2_BeanFactory.getBean内部处理逻辑
查看>>
储存过程-原理、语法、函数详细说明
查看>>
第十六周项目6-黑豆传说
查看>>
【servlet3.0新特性】Annotation注解配置
查看>>
js操作cookie
查看>>
spring注解方式 idea报could not autowire,eclipse却没有问题
查看>>
kippo蜜罐搭建
查看>>
SNMP4J开源代码研究总结
查看>>