Silverlight实例教程 - Out of Browser音乐播放器

在上一篇，我们了解了如何在Silverlight的Out of browser模式下进行Debug调试，另外学习Silverlight OOB应用的一个新特性Notifications窗口。本篇，我们将结合以往的Out of browser特性，创建一款新的Out of browser实例，音乐播放器。该实例目的比较简单，实现音乐播放，实现音乐文件列表读取，实现音乐文件信息读取，另外音乐播放自动跳转等功能。

在实例开始前，我们仍旧需要了解一些基础知识。Silverlight对音频的支持是使用MediaElement类，该类使用方法非常简单，该类的详细解释，请看MSDN

1 < MediaElement
2 x:Name ="media"
3 Source ="xBox.wmv" 4 CurrentStateChanged ="media_state_changed" 5 Width ="300" Height ="300" />

在了解了音频播放类的简单使用后，让我们先看看项目完成后的效果图，

从上面效果图中可以看出整个实例项目UI分5个部分，

1. 音频控制部分，这部分是实例主要功能；

2. 音频文件信息部分，这部分是获取显示当前和下一首音乐文件信息；

3. 唱片图片信息，其实这部分也是属于音频文件信息，不过这里单独列出来，使用独立的类进行处理；

4. 音频文件列表，该列表是载入My Music目录中的音乐文件，并支持用户选择播放功能；

5. UI控制，该部分可以使播放器进入最小化状态。例如：

下面我们开始分别解释以上几个部分的实例设计方法。

我们仍旧使用SilverlightOOBDemo项目，不过为了使代码更清晰易读，这次不再使用OutofbrowserMainPage作为OOB应用主界面，我们重新创建一个新的OOB应用界面OutofbrowserMusicPlayer。

为了修改启动页面为OutofbrowserMusicPlayer，为此，我们需要修改App.xaml中的启动页面代码:

1 private void Application_Startup( object sender, StartupEventArgs e)
2 {
3              if ( ! Application.Current.IsRunningOutOfbrowser)
4             {
5                  this .RootVisual = new MainPage();
6             }
7 else
8 9 // this.RootVisual = new OutofbrowserMainPage(); 10 OutofbrowserMusicPlayer();
11 12
13 }

根据实例需求，我们最主要的功能就是播放音乐，所以，我们第一步首先实现Out of browser应用音频控制。

对于音频控制，这里我们使用了自定义控件控制音乐的播放。AudioControl.xaml控件，

从以上代码可以看到，在AudioControl中有两个自定义控件local:MediaSlider和local:Spinner。

其功能是控制音乐播放进度，支持拖拽前进或者后退音乐播放进度。其代码如下：

  1 public class MediaSlider : Slider
  2     {
  3          Thumb              horizontalThumb;
  4 FrameworkElement horizontalLeftTrack;
  5 FrameworkElement horizontalRighttrack;
  6 double oldValue 0 , newValue ;
  7 event RoutedPropertyChangedEventHandler < > MyValueChanged;
  8 MyValueChangedindrag;
  9 dispatcherTimer dragtimer dispatcherTimer();
10 dragTimeElapsed 11 const short DragWaitThreshold 200 100 12 Rectangle progressRect null 13 bool dragSeekJustFired false 14 15 MediaSlider()
16         {
17 18 .ValueChanged += (CustomSlider_ValueChanged);
19             dragtimer.Interval TimeSpan( 20             dragtimer.Tick EventHandler(dragtimer_Tick);
21         }
22 23 dragtimer_Tick( 24 25             dragTimeElapsed DragWaitInterval;
26 27 (dragTimeElapsed >= DragWaitThreshold)
28 29                 RoutedPropertyChangedEventHandler handler 30
31 ((handler != ) && (newValue prevNewValue))
32                 {
33                     handler( RoutedPropertyChangedEventArgs (oldValue, newValue));
34                     dragSeekJustFired true 35                     prevNewValue newValue;
36                 }
37 38                 dragTimeElapsed 39 40 41 42 CustomSlider_ValueChanged( e)
43 44             oldValue e.OldValue;
45             newValue e.NewValue;
46 47 (horizontalThumb.IsDragging)
48 49 50                 dragtimer.Stop();
51                 dragtimer.Start();
52                 dragSeekJustFired 53 54 55 56 override OnApplyTemplate()
57 58 base .OnApplyTemplate();
59 60             horizontalThumb GetTemplateChild( " HorizontalThumb " as Thumb;
61             horizontalLeftTrack LeftTrack FrameworkElement;
62             horizontalRighttrack Righttrack 63             progressRect Progress Rectangle;
64 65 (horizontalLeftTrack ) horizontalLeftTrack.MouseLeftButtonDown MouseButtonEventHandler(OnMoveThumbToMouse);
66 67 (horizontalRighttrack ) horizontalRighttrack.MouseLeftButtonDown 68 69             horizontalThumb.DragCompleted DragCompletedEventHandler(DragCompleted);
70 71             progressRect.Width .Width;
72 73 74 Storyboard Progressstoryboard { get { return (GetTemplateChild( Progressstoryboard Storyboard); } }
75 76 Rectangle ProgressBar { Rectangle); } }
77 78 protected Size ArrangeOverride(Size finalSize)
79 80             Size s .ArrangeOverride(finalSize);
81 82 .IsNaN(horizontalThumb.Width) (horizontalThumb.ActualWidth ))
83 84                 horizontalThumb.Width horizontalThumb.ActualWidth;
85 86 87 .IsNaN(horizontalThumb.Height) (horizontalThumb.ActualHeight 88 89                 horizontalThumb.Height horizontalThumb.ActualHeight;
90 91 92 .IsNaN(horizontalThumb.Width)) horizontalThumb.Width horizontalThumb.Height;
93 .IsNaN(horizontalThumb.Height)) horizontalThumb.Height horizontalThumb.Width;
94 95 (s);
96 97
98 OnMoveThumbToMouse( 99 100             e.Handled 101             Point p e.GetPosition( );
102 103 .Orientation == Orientation.Horizontal)
104 105                 Value (p.X - / 2 )) (ActualWidth horizontalThumb.ActualWidth) * Maximum;
106 107 108             RoutedPropertyChangedEventHandler 109 110 (handler )
111 112                 handler( 113 114 115 116 DragCompleted( 117 118             dragtimer.Stop();
119 120 121 122 123 dragSeekJustFired))
124 125 .Value));
126 127 128     }

Silverlight实例教程 - Out of Browser音乐播放器

相关推荐