首页 > 代码库 > 喜马拉雅第三方客户端开发(界面)。

喜马拉雅第三方客户端开发(界面)。

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

今天给大家推荐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>
View Code

启动界面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>
View Code

 

界面的截图:

喜马拉雅第三方客户端开发(界面)。