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

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

MediaSlIDer：

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

  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      }

而Spinner控件，是一个载入标识，当音频载入时，会显示该控件。该控件为Path绘制的控件，这里不再贴出代码描述。

2. 获取音频文件信息部分

该部分我们同样也创建一个自定义控件来实现，TrackInfo.xaml，主要是负责在客户端显示音频文件的信息，而Silverlight没有相关API可以实现读取音频文件的标签信息，这里，我们需要引入一个微软开源类库Taglib。该类库的主要功能就是读取和修改音乐文件的标签信息。

其调用方法非常简单：

 获取标签 2  Tags   Taglib.file.Create(Mediafile.ID);
3   设置标签属性 4  Mediafile.Artist   Tags.Tag.FirstPerformer;
5  Mediafile.Title   Tags.Tag.Title;
6  Mediafile.Album   Tags.Tag.Album;
7  Mediafile.Genre   Tags.Tag.FirstGenre;

当音乐标签信息获取成功后，即可将信息绑定到TrackInfo.DataContext。

3. 唱片图片信息

对于唱片的图片信息，这里需要读取Image从本地目录，当没有唱片图片时，则显示默认Music.png图片。这里需要注意的是，读取本地文件，需要OOB应用权限信任。

从演示图片可以看出，我们的音频文件列表，是用了一个绑定了音乐播放文件信息的DatagrID。

其代码非常简单，创建两列，分别绑定歌手和歌曲名：