若要构建用户界面,您需要将 5 个 Button 实例拖到显示列表上并为其指定以下实例名称:
playButton
、
pauseButton
、
stopButton
、
backButton
和
forwardButton
。
对于这些 Button 实例中的每个实例,您需要为
click
事件分配一个处理函数,如以下代码片断所示:
playButton.addEventListener(MouseEvent.CLICK, buttonClickHandler);
pauseButton.addEventListener(MouseEvent.CLICK, buttonClickHandler);
stopButton.addEventListener(MouseEvent.CLICK, buttonClickHandler);
backButton.addEventListener(MouseEvent.CLICK, buttonClickHandler);
forwardButton.addEventListener(MouseEvent.CLICK, buttonClickHandler);
buttonClickHandler()
方法使用 switch 语句来确定单击了哪个按钮实例,如以下代码所示:
private function buttonClickHandler(event:MouseEvent):void
{
switch (event.currentTarget)
{
case playButton:
ns.resume();
break;
case pauseButton:
ns.togglePause();
break;
case stopButton:
ns.pause();
ns.seek(0);
break;
case backButton:
playPreviousVideo();
break;
case forwardButton:
playNextVideo();
break;
}
}
接下来,向显示列表中添加一个 Slider 实例,并为其指定实例名称
volumeSlider
。以下代码将该滑块实例的
liveDragging
属性设置为
true
,并为该滑块实例的
change
事件定义一个事件侦听器:
volumeSlider.value = volumeTransform.volume;
volumeSlider.minimum = 0;
volumeSlider.maximum = 1;
volumeSlider.snapInterval = 0.1;
volumeSlider.tickInterval = volumeSlider.snapInterval;
volumeSlider.liveDragging = true;
volumeSlider.addEventListener(SliderEvent.CHANGE, volumeChangeHandler);
向显示列表中添加一个 ProgressBar 实例,并为其指定实例名称
positionBar
。将其
mode
属性设置为 manual,如以下代码片断所示:
positionBar.mode = ProgressBarMode.MANUAL;
最后,向显示列表中添加一个 Label 实例,并为其指定实例名称
positionLabel
。此 Label 实例的值将由计时器实例设置