The previous article said how to extract the interface data. Here are some of the libraries used in the interface.
Today we recommend Metro flat style UI Control Library: Mahapps.metro.
Official address: http://mahapps.com/guides/quick-start.html
Supported controls:
Buttons
Datagrid
Dialogs
FlipView
Flyouts
Metrowindow
NumericUpDown
ProgressBar
Progressring
Rangeslider
Slider
SplitButton and DropDownButton
TabControl
Textbox
Tile
ToggleButton
Toggleswitch
Transitioningcontentcontrol
There's nothing here. People go directly to the official website to see.
Installation Use steps:
Through the NuGet GUI (right-click your project, click NuGet Package Management, select online and search Mahapps.metro) or Package Manager console:
Pm> Install-package Mahapps.metro
How to use: App.xaml file code
<Applicationx: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> <ResourceDictionarySource= "Pack://application:,,,/mahapps.metro;component/styles/controls.xaml" /> <ResourceDictionarySource= "Pack://application:,,,/mahapps.metro;component/styles/fonts.xaml" /> <ResourceDictionarySource= "Pack://application:,,,/mahapps.metro;component/styles/colors.xaml" /> <ResourceDictionarySource= "Pack://application:,,,/mahapps.metro;component/styles/accents/blue.xaml" /> <ResourceDictionarySource= "Pack://application:,,,/mahapps.metro;component/styles/accents/baselight.xaml" /> <ResourceDictionarySource= "Pack://application:,,,/mahapps.metro;component/styles/flatslider.xaml" /> <ResourceDictionarySource= "Pack://application:,,,/mahapps.metro;component/styles/flatbutton.xaml" /> <ResourceDictionarySource= "Pack://application:,,,/mahapps.metro;component/styles/clean/cleanwindow.xaml" /> <ResourceDictionarySource= "Pack://application:,,,/mahapps.metro;component/styles/clean/clean.xaml" /> <ResourceDictionarySource= "Pack://application:,,,/mahapps.metro;component/styles/controls.animatedtabcontrol.xaml" /> <ResourceDictionarySource= "Pack://application:,,,/ximalaya. Pcdesktop.controls;component/themes/generic.xaml " /> <ResourceDictionarySource= "Pack://application:,,,/mahapps.metro;component/styles/controls.animatedsinglerowtabcontrol.xaml" /> <ResourceDictionarySource= "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> <JumpListshowrecentcategory= "False"showfrequentcategory= "False"> <JumptaskApplicationpath= "http://www.ximalaya.com/"customcategory= "url"Description= "Himalaya official website"Title= "Himalaya official website"Iconresourcepath= "C:\\Program files\\internet Explorer\\iexplore.exe" /> </JumpList> </jumplist.jumplist> </Application>
View Code
Start Interface Shell.xaml
<Controls:metrowindowx: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
Interface of:
Himalaya third-party client development (interface).