码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-12-01 19:08:59      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   http   io   ar   color   os   使用   

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

今天给大家推荐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文件代码

bubuko.com,布布扣
<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

bubuko.com,布布扣
<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

 

界面的截图:

bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣

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

标签:des   style   blog   http   io   ar   color   os   使用   

原文地址:http://www.cnblogs.com/nicktyui/p/4135697.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!