Per creare l'interfaccia utente dovete trascinare cinque istanze Button nell'elenco di visualizzazione e assegnare a esse i seguenti nomi di istanza: playButton, pauseButton, stopButton, backButton e forwardButton.
Per ognuna di queste istanze Button, è necessario assegnare un gestore per l'evento click, come mostrato nello snippet di codice seguente:
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);
Il metodo buttonClickHandler() utilizza un'istruzione switch per determinare su quale istanza Button è stato fatto clic, come mostrato nel codice seguente:
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;
}
}
Quindi, aggiungete un'istanza Slider all'elenco di visualizzazione e assegnatele il nome di istanza volumeSlider. Il codice seguente imposta la proprietà liveDragging dell'istanza Slider su true e definisce per quest'ultima un listener di eventi per l'evento 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);
Aggiungete un'istanza ProgressBar all'elenco di visualizzazione e assegnatele il nome di istanza positionBar. Impostatene la proprietà mode su manual, come mostrato nello snippet di codice seguente:
positionBar.mode = ProgressBarMode.MANUAL;
Infine, aggiungete un'istanza Label all'elenco di visualizzazione e assegnatele il nome di istanza positionLabel. Il valore di questa istanza Label viene impostata dall'istanza Timer