无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻动态 > 行业新闻 >

SilverLight:建立供视頻播发器应用的UI

时间:2021-02-28 21:01来源:未知 作者:jianzhan 点击:
在新项目中加上视頻文档。因此,请鼠标右键点击显示屏右上角 Project Files(新项目文档)对话框中的新项目文档,随后挑选 Add Existing Item...(加上目前新项目)。挑选某一 WMV 文档并将其加
在新项目中加上视頻文档。因此,请鼠标右键点击显示屏右上角 Project Files(新项目文档)对话框中的新项目文档,随后挑选 Add Existing Item...(加上目前新项目)。

挑选某一 WMV 文档并将其加上到新项目时,新项目访问器里将显示信息该文档,同时在主视图中加上了一个新闻媒体原素。

SilverLight:创建供视频播放器使用的UI
图 2. 在 XAML 主视图中加上新闻媒体原素

如今就可以运作您的新项目,访问器将起动并播发您的视頻!

根据编写 XAML 能够终止全自动播发视頻。您会见到 XAML 设计方案器右边有2个选择项卡:Design(设计方案)和 XAML。挑选 XAML 选择项卡,会开启 XAML 编写器,如图所示 3 中常示。应用该编写器为新闻媒体原素编写 XAML 文字,加上特性 AutoPlay=False。

SilverLight:创建供视频播放器使用的UI
图 3. 在 XAML 编写器中编写 XAML

如今,假如您运作该运用程序,会见到 Silverlight 內容尽管展现了视頻的第一帧,但其实不播发。

在视頻播发器中加上控制

为该运用程序加上2个文字块,文字內容各自为 Play 和 Stop,名字各自为 txtPlay 和 txtStop。进行后,XAML 应以下所显示:

 

 Canvas
 xmlns= client/2007 
 xmlns:x= winfx/2006/xaml 
 Width= 640 Height= 480 
 Background= White 

MediaElement AutoPlay= False x:Name= Movie_wmv Width= 320 Height= 240 Canvas.Left= 128 Canvas.Top= 56 Source= Movie.wmv Stretch= Fill / TextBlock x:Name= txtPlay Width= 72 Height= 24 Canvas.Left= 136 Canvas.Top= 336 Text= Play TextWrapping= Wrap / TextBlock x:Name= txtStop Width= 80 Height= 24 Canvas.Left= 136 Canvas.Top= 368 Text= Stop TextWrapping= Wrap / /Canvas
 

接下去,为文字块在 XAML 中加上恶性事件解决程序申明。因此,可使用 MouseLeftButtonDown 特性申明点击电脑鼠标的解决程序。在 txtPlay 文字块中,加上对 DoPlay 的恶性事件解决程序;在 txtStop 文字块中,加上对 DoStop 的恶性事件解决程序。进行后,XAML 应以下所显示:

 

 TextBlock x:Name= txtPlay Width= 72 Height= 24 Canvas.Left= 136 
 Canvas.Top= 336 Text= Play TextWrapping= Wrap 
 MouseLeftButtonDown= javascript:DoPlay / 
 TextBlock x:Name= txtStop Width= 80 Height= 24 Canvas.Left= 136 
 Canvas.Top= 368 Text= Stop TextWrapping= Wrap 
 MouseLeftButtonDown= javascript:DoStop / 
 

如今,假如客户点击在其中一个文字块,将开启一个恶性事件,您可根据 JavaScript 作用捕捉并解决该恶性事件。

在 JavaScript 中解决恶性事件

模版建立的 Scene.xaml.js 能用于在 JavaScript 中捕捉并解决客户恶性事件。因为您在 XAML 内特定了 DoPlay 和 DoStop 恶性事件解决程序,因而应在这里付诸于执行。相对的编码以下所显示:

 

function DoPlay(sender, eventArgs)
 var theHost = document.getElementById( SilverlightControl 
 var theMedia = theHost.content.findName( Movie_wmv 
 theMedia.Play();
function DoStop(sender, eventArgs)
 var theHost = document.getElementById( SilverlightControl 
 var theMedia = theHost.content.findName( Movie_wmv 
 theMedia.Stop();
}
 

在本例中,将 Silverlight 控制称之为 SilverlightControl,将引入该控制的 JavaScript 自变量称之为 theHost。稍后搜索新闻媒体原素(在本例中称之为 Movie_wmv)时,将采用所述名字。在新项目中加上影片时,为您建立了此新闻媒体原素,该原素的名字是依据影片名字取名的。因而,假如影片的名字是 Movie.wmv,则此新闻媒体原素就称之为 Movie_wmv。假如应用别的影片,则控制也会相对地选用别的名字。

该新闻媒体原素有 Play 和 Stop 2个方式,各自用以起动或终止新闻媒体播发。

 

因为存有对该新闻媒体原素的引入,因此能够启用所述方式,影片将随着终止或起动,如图所示 4 中常示:

SilverLight:创建供视频播放器使用的UI
图 4. 运作运用程序

到此,您已搭建了自身的第一个 Silverlight 运用程序!

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信