喜马拉雅第三方客户端开发（界面）。

上一篇说了如何提取接口数据。这里讲下界面用到的一些库。

今天给大家推荐metro扁平化样式UI控件库：MahApps.Metro 。

官方地址：http://mahapps.com/guides/quick-start.html

支持控件：

1. Buttons

2. DataGrid

3. Dialogs

4. FlipView

5. Flyouts

6. MetroWindow

7. NumericUpDown

8. ProgressBar

9. ProgressRing

10. RangeSlider

11. Slider

12. SplitButton and DropDownButton

13. TabControl

14. TextBox

15. Tile

16. ToggleButton

17. ToggleSwitch

18. TransitioningContentControl

这里不一一截图了。大家直接去官网看。

安装使用步骤：

通过NuGet GUI(右键单击您的项目,点击NuGet包管理中,选择在线和搜索MahApps.Metro)或包管理器控制台:

PM> Install-Package MahApps.Metro

使用方法：App.xaml文件代码

<Application x:Class="XIMALAYA.PCDesktop.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:svl="clr-namespace:WPFSoundVisualizationLib;assembly=WPFSoundVisualizationLib"
             x:Name="App">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>

                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Fonts.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Colors.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/Blue.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/BaseLight.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/FlatSlider.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/FlatButton.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Clean/CleanWindow.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Clean/Clean.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.AnimatedTabControl.xaml" />
                <ResourceDictionary Source="pack://application:,,,/XIMALAYA.PCDesktop.Controls;component/Themes/Generic.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.AnimatedSingleRowTabControl.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/FlatButton.xaml" />
                
                <!--<ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/VS/Styles.xaml" />-->
                <!--<ResourceDictionary Source="pack://application:,,,/WPFSoundVisualizationLib;component/Themes/Generic.xaml" />-->
                <!--<ResourceDictionary Source="DarkBlue.xaml" />-->
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>

    <JumpList.JumpList>
        <JumpList ShowRecentCategory="False"
                  ShowFrequentCategory="False">
            <JumpTask ApplicationPath="http://www.ximalaya.com/"
                      CustomCategory="网址"
                      Description="喜马拉雅官网"
                      Title="喜马拉雅官网"
                      IconResourcePath="C:\Program Files\Internet Explorer\iexplore.exe" />
        </JumpList>
    </JumpList.JumpList>
    
</Application>

启动界面shell.xaml

<Controls:MetroWindow x:Class="XIMALAYA.PCDesktop.Shell"
                      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                      xmlns:Controls="http://metro.mahapps.com/winfx/xaml/controls"
                      xmlns:MControls="http://ximalaya.com/xaml/controls"
                      xmlns:cal="http://www.codeplex.com/prism"
                      xmlns:tools="http://ximalaya.com/xaml/tools"
                      xmlns:untils="http://ximalaya.com/xaml/untils"
                      xmlns:player="http://ximalaya.com/xaml/player"
                      xmlns:shell="Microsoft.Windows.Shell"
                      xmlns:tb="http://www.hardcodet.net/taskbar"
                      xmlns:local="clr-namespace:XIMALAYA.PCDesktop"
                      Style="{DynamicResource CleanWindowStyle}"
                      GlowBrush="{DynamicResource AccentColorBrush}"
                      Title="{Binding WindowTitle}" 
                      ShowTitleBar="True"
                      MinHeight="850"
                      MinWidth="1150"
                      Width="1150"
                      Height="850"
                      x:Name="MainWindow"
                      EnableDWMDropShadow="False"
                      WindowTransitionsEnabled="False"
                      WindowStartupLocation="CenterScreen" 
                      Icon="ico/icon_16.ico">
    <Grid></Grid>
</Controls:MetroWindow>

界面的截图：