如何在可湿性粉剂上列出MediaLibrary中的AlbumArt？

Question

我一直在寻找如何从Windows Phone媒体库中列出专辑封面，但我没有找到任何答案。

我正在为wp8开发一个音乐播放器，实际上我可以成功地列出专辑信息，如专辑名称，艺术家姓名，持续时间等，但我无法获得AlbumArt。

下面是我实际使用的代码：

    <phone:PhoneApplicationPage.Resources>
         <DataTemplate x:Key="AlbumInfoTemplate">
            <StackPanel VerticalAlignment="Top" Orientation="Horizontal">
                <StackPanel Orientation="Vertical">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="90"/>
                            <ColumnDefinition Width="auto"/>
                        </Grid.ColumnDefinitions>
                        <Image Source=" " Margin="5" Height="80" Width="80" Stretch="UniformToFill"/>
                        <StackPanel Grid.Column="1">
                            <TextBlock FontWeight="Normal" Text="{Binding Name}" Margin="10,0,0,0" FontSize="25" Foreground="Black"/>
                            <TextBlock FontWeight="Normal" Text="{Binding Artist}" Margin="10,0,0,0" FontSize="20" Foreground="Black" Opacity="0.75"/>
                        </StackPanel>
                    </Grid>
                </StackPanel>
            </StackPanel>
        </DataTemplate>
    </phone:PhoneApplicationPage.Resources>

    <phone:LongListSelector
                        x:Name="llsAlbums"
                        SelectionChanged="llsAlbums_SelectionChanged"
                        Margin="0,-35,0,0"
                        JumpListStyle="{StaticResource JumpListStyle}"
                        Background="Transparent"
                        GroupHeaderTemplate="{StaticResource GroupHeaderTemplate}"
                        ItemTemplate="{StaticResource AlbumInfoTemplate}"
                        LayoutMode="List"
                        IsGroupingEnabled="true"
                        HideEmptyGroups ="true"/>

希望你们能帮助我！

Answer 1

将此ItemsSource="{Binding}"添加到其中。那么应该是这样的。

<phone:LongListSelector
                        x:Name="llsAlbums"
                        SelectionChanged="llsAlbums_SelectionChanged"
                        Margin="0,-35,0,0"
                        JumpListStyle="{StaticResource JumpListStyle}"
                        Background="Transparent"
                        GroupHeaderTemplate="{StaticResource GroupHeaderTemplate}"
                        ItemTemplate="{StaticResource AlbumInfoTemplate}"
                        LayoutMode="List"
                        IsGroupingEnabled="true"
                        HideEmptyGroups ="true"
                        ItemsSource="{Binding}"/>

由于您在LongListSelector中使用的是JumpLists和GroupHeaders，因此您需要做比平时更多的工作。让我们称它为MusicAlbum，它是这样的。

public class MusicAlbum
{
    public string Name { get; set; }
    public string Artist { get; set; }
    public BitmapImage Art { get; set; }
}

然后创建这个类和包含的方法，使GroupHeaders和JumpLists正常工作。

public class AlphaKeyGroup<T> : List<T>
{
    public delegate string GetKeyDelegate(T item);
    public string Key { get; private set; }

    public AlphaKeyGroup(string key)
    {
         Key = key;
    }

    private static List<AlphaKeyGroup<T>> CreateGroups(SortedLocaleGrouping slg)
    {
         List<AlphaKeyGroup<T>> list = new List<AlphaKeyGroup<T>>();

         foreach (string key in slg.GroupDisplayNames)
         {
             list.Add(new AlphaKeyGroup<T>(key));
         }

         return list;
    }

    public static List<AlphaKeyGroup<T>> CreateGroups(IEnumerable<T> items, CultureInfo ci, GetKeyDelegate getKey, bool sort)
    {
         SortedLocaleGrouping slg = new SortedLocaleGrouping(ci);
         List<AlphaKeyGroup<T>> list = CreateGroups(slg);

         foreach (T item in items)
         {
              int index = 0;
              index = slg.GetGroupIndex(getKey(item));
              if (index >= 0 && index < list.Count)
              {
                   list[index].Add(item);
              }
         }

         if (sort)
         {
              foreach (AlphaKeyGroup<T> group in list)
              {
                   group.Sort((c0, c1) => { return ci.CompareInfo.Compare(getKey(c0), getKey(c1)); });
              }
         }

         return list;
     }
}

在这里，我写了一个小方法来获得专辑的艺术专辑，这使得它很容易。

private BitmapImage GetAlbumArt(Album album)
{
     BitmapImage img = new BitmapImage();
     img.DecodePixelHeight = 80;
     img.DecodePixelWidth = 80;
     img.SetSource(album.GetAlbumArt());
     return img;
}

然后，这个实际的方法从MediaLibrary获取专辑列表，并生成一个我们可以在MusicAlbums中使用的列表

public List<MusicAlbum> GetAlbums()
{
     if (lib == null)
         lib = new MediaLibrary();

     List<MusicAlbum> albumList = new List<MusicAlbum>();
     var albums = lib.Albums;

     foreach (var album in albums)
     {
         albumList.Add(new MusicAlbum()
         {
             Name = album.Name,
             Artist = album.Artist.Name,
             Art = album.HasArt ? GetAlbumArt(album) : null
         });
     }

     return albumList;
}

完成此操作后，您需要创建列表并设置LongListSelector的ItemSource。在页面的构造函数或OnNavigatedTo方法中添加以下代码。

List<AlphaKeyGroup<MusicAlbum>> albumList = AlphaKeyGroup<MusicAlbum>.CreateGroups(this.GetAlbums() as List<MusicAlbum>, Thread.CurrentThread.CurrentUICulture, (MusicAlbum s) => { return s.Name; }, true);
llsAlbums.ItemsSource = albumList;

然后你完成了，运行应用程序，你将看到列出的专辑。