Updated Themes Usage Instructions (markdown)

master
DianeXceed 9 years ago
parent
commit
55d5fd0a65
  1. 130
      Themes-Usage-Instructions.md

130
Themes Usage Instructions.md → Themes-Usage-Instructions.md

@ -1,22 +1,22 @@
# Themes Usage Instructions # Themes Usage Instructions
## Windows Themes ### Windows Themes
* Windows 7 * Windows 7
* Windows 8 * Windows 8
* Windows 10 - **Plus Edition** * Windows 10 - **Plus Edition**
The Windows 7 and Windows 8 themes are applied by default, depending on the operating system. The Windows 7 and Windows 8 themes are applied by default, depending on the operating system.
To use the Windows 10 theme, you need the following references: To use the Windows 10 theme, you need the following references:
* Xceed.Wpf.Themes * Xceed.Wpf.Themes
* Xceed.Wpf.Themes.Windows10 (for core controls) * Xceed.Wpf.Themes.Windows10 (for core controls)
* Xceed.Wpf.Toolkit.Themes.Windows10 (for Toolkit controls) * Xceed.Wpf.Toolkit.Themes.Windows10 (for Toolkit controls)
* Xceed.Wpf.ListBox.Themes.Windows10 (for ListBox controls) * Xceed.Wpf.ListBox.Themes.Windows10 (for ListBox controls)
* Xceed.Wpf.DataGrid.Themes.Windows10 (for DataGrid controls) * Xceed.Wpf.DataGrid.Themes.Windows10 (for DataGrid controls)
* Xceed.Wpf.AvalonDock.Themes.Windows10 (for AvalonDock controls) * Xceed.Wpf.AvalonDock.Themes.Windows10 (for AvalonDock controls)
Adding the theme in code-behind in your main page:
{{ Adding the theme in code-behind in your main page:
```
// Core Controls // Core Controls
this.Resources.MergedDictionaries.Add( new Xceed.Wpf.Themes.Windows10.Windows10ResourceDictionary() ); this.Resources.MergedDictionaries.Add( new Xceed.Wpf.Themes.Windows10.Windows10ResourceDictionary() );
@ -28,10 +28,10 @@ this.Resources.MergedDictionaries.Add( new Xceed.Wpf.ListBox.Themes.Windows10.Wi
// DataGrid Controls // DataGrid Controls
this.Resources.MergedDictionaries.Add( new Xceed.Wpf.DataGrid.Themes.Windows10.Windows10ResourceDictionary() ); this.Resources.MergedDictionaries.Add( new Xceed.Wpf.DataGrid.Themes.Windows10.Windows10ResourceDictionary() );
}} ```
Adding the theme in XAML in your main page:
{{ Adding the theme in XAML in your main page:
```
xmlns:xcw="clr-namespace:Xceed.Wpf.Themes.Windows10;assembly=Xceed.Wpf.Themes.Windows10" xmlns:xcw="clr-namespace:Xceed.Wpf.Themes.Windows10;assembly=Xceed.Wpf.Themes.Windows10"
xmlns:xctw="clr-namespace:Xceed.Wpf.Toolkit.Themes.Windows10;assembly=Xceed.Wpf.Toolkit.Themes.Windows10" xmlns:xctw="clr-namespace:Xceed.Wpf.Toolkit.Themes.Windows10;assembly=Xceed.Wpf.Toolkit.Themes.Windows10"
xmlns:xclw="clr-namespace:Xceed.Wpf.ListBox.Themes.Windows10;assembly=Xceed.Wpf.ListBox.Themes.Windows10" xmlns:xclw="clr-namespace:Xceed.Wpf.ListBox.Themes.Windows10;assembly=Xceed.Wpf.ListBox.Themes.Windows10"
@ -55,10 +55,10 @@ xmlns:xcdw="clr-namespace:Xceed.Wpf.DataGrid.Themes.Windows10;assembly=Xceed.Wpf
</ResourceDictionary.MergedDictionaries> </ResourceDictionary.MergedDictionaries>
</ResourceDictionary> </ResourceDictionary>
</Window.Resources> </Window.Resources>
}} ```
Setting the theme directly on the view (DataGrid control)
{{ Setting the theme directly on the view (DataGrid control)
```
xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid" xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid"
<Grid> <Grid>
<xcdg:DataGridControl> <xcdg:DataGridControl>
@ -71,10 +71,10 @@ xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid"
</xcdg:DataGridControl.View> </xcdg:DataGridControl.View>
</xcdg:DataGridControl> </xcdg:DataGridControl>
</Grid> </Grid>
}} ```
Setting the theme directly on the DockingManager (AvalonDock control)
{{ Setting the theme directly on the DockingManager (AvalonDock control)
```
xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock"
<Grid> <Grid>
<xcad:DockingManager> <xcad:DockingManager>
@ -83,22 +83,22 @@ xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock"
</xcad:DockingManager.Theme> </xcad:DockingManager.Theme>
</xcad:DockingManager> </xcad:DockingManager>
</Grid> </Grid>
}} ```
## Metro Themes ### Metro Themes
* Metro Light - **Plus Edition** * Metro Light - **Plus Edition**
* Metro Dark - **Plus Edition** * Metro Dark - **Plus Edition**
To use the Metro themes, you need the following references:
To use the Metro themes, you need the following references:
* Xceed.Wpf.Themes * Xceed.Wpf.Themes
* Xceed.Wpf.Themes.Metro (for core controls) * Xceed.Wpf.Themes.Metro (for core controls)
* Xceed.Wpf.Toolkit.Themes.Metro (for Toolkit controls) * Xceed.Wpf.Toolkit.Themes.Metro (for Toolkit controls)
* Xceed.Wpf.ListBox.Themes.Metro (for ListBox controls) * Xceed.Wpf.ListBox.Themes.Metro (for ListBox controls)
* Xceed.Wpf.DataGrid.Themes.Metro (for DataGrid controls) * Xceed.Wpf.DataGrid.Themes.Metro (for DataGrid controls)
* Xceed.Wpf.AvalonDock.Themes.MetroAccent (for AvalonDock controls) * Xceed.Wpf.AvalonDock.Themes.MetroAccent (for AvalonDock controls)
Adding the theme in code-behind in your main page:
{{ Adding the theme in code-behind in your main page:
```
// Core Controls // Core Controls
this.Resources.MergedDictionaries.Add( new Xceed.Wpf.Themes.Metro.MetroDarkThemeResourceDictionary( new SolidColorBrush( Colors.Green ) ) ); this.Resources.MergedDictionaries.Add( new Xceed.Wpf.Themes.Metro.MetroDarkThemeResourceDictionary( new SolidColorBrush( Colors.Green ) ) );
@ -113,10 +113,10 @@ this.Resources.MergedDictionaries.Add( new Xceed.Wpf.DataGrid.Themes.Metro.Metro
// AvalonDock Controls // AvalonDock Controls
this.Resources.MergedDictionaries.Add(new Xceed.Wpf.AvalonDock.Themes.MetroAccent.AvalonDockMetroDarkThemeResourceDictionary(new SolidColorBrush(Colors.Green))); this.Resources.MergedDictionaries.Add(new Xceed.Wpf.AvalonDock.Themes.MetroAccent.AvalonDockMetroDarkThemeResourceDictionary(new SolidColorBrush(Colors.Green)));
}} ```
Adding the theme in XAML in your main page:
{{ Adding the theme in XAML in your main page:
```
xmlns:xcm="clr-namespace:Xceed.Wpf.Themes.Metro;assembly=Xceed.Wpf.Themes.Metro" xmlns:xcm="clr-namespace:Xceed.Wpf.Themes.Metro;assembly=Xceed.Wpf.Themes.Metro"
xmlns:xctm="clr-namespace:Xceed.Wpf.Toolkit.Themes.Metro;assembly=Xceed.Wpf.Toolkit.Themes.Metro" xmlns:xctm="clr-namespace:Xceed.Wpf.Toolkit.Themes.Metro;assembly=Xceed.Wpf.Toolkit.Themes.Metro"
xmlns:xclm="clr-namespace:Xceed.Wpf.ListBox.Themes.Metro;assembly=Xceed.Wpf.ListBox.Themes.Metro" xmlns:xclm="clr-namespace:Xceed.Wpf.ListBox.Themes.Metro;assembly=Xceed.Wpf.ListBox.Themes.Metro"
@ -144,10 +144,10 @@ xmlns:xcam="clr-namespace:Xceed.Wpf.AvalonDock.Themes.MetroAccent;assembly=Xceed
</ResourceDictionary.MergedDictionaries> </ResourceDictionary.MergedDictionaries>
</ResourceDictionary> </ResourceDictionary>
</Window.Resources> </Window.Resources>
}} ```
Setting the theme directly on the view (DataGrid control)
{{ Setting the theme directly on the view (DataGrid control)
```
xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid" xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid"
<Grid> <Grid>
<xcdg:DataGridControl> <xcdg:DataGridControl>
@ -164,10 +164,10 @@ xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid"
</xcdg:DataGridControl.View> </xcdg:DataGridControl.View>
</xcdg:DataGridControl> </xcdg:DataGridControl>
</Grid> </Grid>
}} ```
Setting the theme directly on the DockingManager (AvalonDock control)
{{ Setting the theme directly on the DockingManager (AvalonDock control)
```
xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock"
<Grid> <Grid>
<xcad:DockingManager> <xcad:DockingManager>
@ -180,23 +180,23 @@ xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock"
</xcad:DockingManager.Theme> </xcad:DockingManager.Theme>
</xcad:DockingManager> </xcad:DockingManager>
</Grid> </Grid>
}} ```
## Office2007 Themes ### Office2007 Themes
* Office2007 Blue - **Plus Edition** * Office2007 Blue - **Plus Edition**
* Office2007 Black - **Plus Edition** * Office2007 Black - **Plus Edition**
* Office2007 Silver - **Plus Edition** * Office2007 Silver - **Plus Edition**
To use the Office2007 themes, you need the following references:
To use the Office2007 themes, you need the following references:
* Xceed.Wpf.Themes * Xceed.Wpf.Themes
* Xceed.Wpf.Themes.Office2007 (for core controls) * Xceed.Wpf.Themes.Office2007 (for core controls)
* Xceed.Wpf.Toolkit.Themes.Office2007 (for Toolkit controls) * Xceed.Wpf.Toolkit.Themes.Office2007 (for Toolkit controls)
* Xceed.Wpf.ListBox.Themes.Office2007 (for ListBox controls) * Xceed.Wpf.ListBox.Themes.Office2007 (for ListBox controls)
* Xceed.Wpf.DataGrid.Themes.Office2007 (for DataGrid controls) * Xceed.Wpf.DataGrid.Themes.Office2007 (for DataGrid controls)
* Xceed.Wpf.AvalonDock.Themes.Office2007 (for AvalonDock controls) * Xceed.Wpf.AvalonDock.Themes.Office2007 (for AvalonDock controls)
Adding the theme in code-behind in your main page:
{{ Adding the theme in code-behind in your main page:
```
// Core Controls // Core Controls
this.Resources.MergedDictionaries.Add( new Xceed.Wpf.Themes.Office2007.Office2007BlueResourceDictionary() ); this.Resources.MergedDictionaries.Add( new Xceed.Wpf.Themes.Office2007.Office2007BlueResourceDictionary() );
@ -211,10 +211,10 @@ this.Resources.MergedDictionaries.Add( new Xceed.Wpf.DataGrid.Themes.Office2007.
// AvalonDock Controls // AvalonDock Controls
this.Resources.MergedDictionaries.Add(new Xceed.Wpf.AvalonDock.Themes.Office2007.Office2007BlueResourceDictionary()); this.Resources.MergedDictionaries.Add(new Xceed.Wpf.AvalonDock.Themes.Office2007.Office2007BlueResourceDictionary());
}} ```
Adding the theme in XAML in your main page:
{{ Adding the theme in XAML in your main page:
```
xmlns:xco="clr-namespace:Xceed.Wpf.Themes.Office2007;assembly=Xceed.Wpf.Themes.Office2007" xmlns:xco="clr-namespace:Xceed.Wpf.Themes.Office2007;assembly=Xceed.Wpf.Themes.Office2007"
xmlns:xcto="clr-namespace:Xceed.Wpf.Toolkit.Themes.Office2007;assembly=Xceed.Wpf.Toolkit.Themes.Office2007" xmlns:xcto="clr-namespace:Xceed.Wpf.Toolkit.Themes.Office2007;assembly=Xceed.Wpf.Toolkit.Themes.Office2007"
xmlns:xclo="clr-namespace:Xceed.Wpf.ListBox.Themes.Office2007;assembly=Xceed.Wpf.ListBox.Themes.Office2007" xmlns:xclo="clr-namespace:Xceed.Wpf.ListBox.Themes.Office2007;assembly=Xceed.Wpf.ListBox.Themes.Office2007"
@ -242,10 +242,10 @@ xmlns:xcao="clr-namespace:Xceed.Wpf.AvalonDock.Themes.Office2007;assembly=Xceed.
</ResourceDictionary.MergedDictionaries> </ResourceDictionary.MergedDictionaries>
</ResourceDictionary> </ResourceDictionary>
</Window.Resources> </Window.Resources>
}} ```
Setting the theme directly on the view (DataGrid control)
{{ Setting the theme directly on the view (DataGrid control)
```
xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid" xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid"
<Grid> <Grid>
<xcdg:DataGridControl> <xcdg:DataGridControl>
@ -258,10 +258,10 @@ xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid"
</xcdg:DataGridControl.View> </xcdg:DataGridControl.View>
</xcdg:DataGridControl> </xcdg:DataGridControl>
</Grid> </Grid>
}} ```
Setting the theme directly on the DockingManager (AvalonDock control)
{{ Setting the theme directly on the DockingManager (AvalonDock control)
```
xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock"
<Grid> <Grid>
<xcad:DockingManager> <xcad:DockingManager>
@ -270,9 +270,9 @@ xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock"
</xcad:DockingManager.Theme> </xcad:DockingManager.Theme>
</xcad:DockingManager> </xcad:DockingManager>
</Grid> </Grid>
}} ```
## Other Themes ### Other Themes
* AvalonDock: * AvalonDock:
* Aero * Aero
* VS2010 * VS2010
@ -286,9 +286,9 @@ xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock"
To use the Aero theme, you need the following references: To use the Aero theme, you need the following references:
* Xceed.Wpf.Themes * Xceed.Wpf.Themes
* Xceed.Wpf.AvalonDock.Themes.Aero (for AvalonDock controls) * Xceed.Wpf.AvalonDock.Themes.Aero (for AvalonDock controls)
Setting the theme directly on the DockingManager (AvalonDock control)
{{ Setting the theme directly on the DockingManager (AvalonDock control)
```
xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock"
<Grid> <Grid>
<xcad:DockingManager> <xcad:DockingManager>
@ -297,16 +297,16 @@ xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock"
</xcad:DockingManager.Theme> </xcad:DockingManager.Theme>
</xcad:DockingManager> </xcad:DockingManager>
</Grid> </Grid>
}} ```
**VS2010 Theme** **VS2010 Theme**
To use the VS2010 theme, you need the following references: To use the VS2010 theme, you need the following references:
* Xceed.Wpf.Themes * Xceed.Wpf.Themes
* Xceed.Wpf.AvalonDock.Themes.VS2010 (for AvalonDock controls) * Xceed.Wpf.AvalonDock.Themes.VS2010 (for AvalonDock controls)
Setting the theme directly on the DockingManager (AvalonDock control)
{{ Setting the theme directly on the DockingManager (AvalonDock control)
```
xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock"
<Grid> <Grid>
<xcad:DockingManager> <xcad:DockingManager>
@ -315,16 +315,16 @@ xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock"
</xcad:DockingManager.Theme> </xcad:DockingManager.Theme>
</xcad:DockingManager> </xcad:DockingManager>
</Grid> </Grid>
}} ```
**Metro Theme (with no accent color)** **Metro Theme (with no accent color)**
To use the Metro theme, you need the following references: To use the Metro theme, you need the following references:
* Xceed.Wpf.Themes * Xceed.Wpf.Themes
* Xceed.Wpf.AvalonDock.Themes.Metro (for AvalonDock controls) * Xceed.Wpf.AvalonDock.Themes.Metro (for AvalonDock controls)
Setting the theme directly on the DockingManager (AvalonDock control)
{{ Setting the theme directly on the DockingManager (AvalonDock control)
```
xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock"
<Grid> <Grid>
<xcad:DockingManager> <xcad:DockingManager>
@ -333,22 +333,22 @@ xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock"
</xcad:DockingManager.Theme> </xcad:DockingManager.Theme>
</xcad:DockingManager> </xcad:DockingManager>
</Grid> </Grid>
}} ```
**LiveExplorer Theme** **LiveExplorer Theme**
To use the LiveExplorer theme, you need the following references: To use the LiveExplorer theme, you need the following references:
* Xceed.Wpf.Themes * Xceed.Wpf.Themes
* Xceed.Wpf.ListBox.Themes.LiveExplorer (for ListBox controls) * Xceed.Wpf.ListBox.Themes.LiveExplorer (for ListBox controls)
Adding the theme in code-behind in your main page:
{{ Adding the theme in code-behind in your main page:
```
// ListBox Controls // ListBox Controls
this.Resources.MergedDictionaries.Add( new Xceed.Wpf.ListBox.Themes.LiveExplorer.LiveExplorerThemeResourceDictionary() ); this.Resources.MergedDictionaries.Add( new Xceed.Wpf.ListBox.Themes.LiveExplorer.LiveExplorerThemeResourceDictionary() );
}} ```
Adding the theme in XAML in your main page:
{{ Adding the theme in XAML in your main page:
```
xmlns:xcle="clr-namespace:Xceed.Wpf.ListBox.Themes.LiveExplorer;assembly=Xceed.Wpf.ListBox.Themes.Explorer" xmlns:xcle="clr-namespace:Xceed.Wpf.ListBox.Themes.LiveExplorer;assembly=Xceed.Wpf.ListBox.Themes.Explorer"
<Window.Resources> <Window.Resources>
<ResourceDictionary> <ResourceDictionary>
@ -360,22 +360,22 @@ xmlns:xcle="clr-namespace:Xceed.Wpf.ListBox.Themes.LiveExplorer;assembly=Xceed.W
</ResourceDictionary.MergedDictionaries> </ResourceDictionary.MergedDictionaries>
</ResourceDictionary> </ResourceDictionary>
</Window.Resources> </Window.Resources>
}} ```
**Media Player Theme** **Media Player Theme**
To use the Media Player theme, you need the following references: To use the Media Player theme, you need the following references:
* Xceed.Wpf.Themes * Xceed.Wpf.Themes
* Xceed.Wpf.ListBox.Themes.WMP11 (for ListBox controls) * Xceed.Wpf.ListBox.Themes.WMP11 (for ListBox controls)
Adding the theme in code-behind in your main page:
{{ Adding the theme in code-behind in your main page:
```
// ListBox Controls // ListBox Controls
this.Resources.MergedDictionaries.Add( new Xceed.Wpf.ListBox.Themes.WMP11.WMP11ThemeResourceDictionary() ); this.Resources.MergedDictionaries.Add( new Xceed.Wpf.ListBox.Themes.WMP11.WMP11ThemeResourceDictionary() );
}} ```
Adding the theme in XAML in your main page:
{{ Adding the theme in XAML in your main page:
```
xmlns:xcmp="clr-namespace:Xceed.Wpf.ListBox.Themes.WMP11;assembly=Xceed.Wpf.ListBox.Themes.WMP11" xmlns:xcmp="clr-namespace:Xceed.Wpf.ListBox.Themes.WMP11;assembly=Xceed.Wpf.ListBox.Themes.WMP11"
<Window.Resources> <Window.Resources>
<ResourceDictionary> <ResourceDictionary>
@ -387,6 +387,4 @@ xmlns:xcmp="clr-namespace:Xceed.Wpf.ListBox.Themes.WMP11;assembly=Xceed.Wpf.List
</ResourceDictionary.MergedDictionaries> </ResourceDictionary.MergedDictionaries>
</ResourceDictionary> </ResourceDictionary>
</Window.Resources> </Window.Resources>
}} ```
---
Loading…
Cancel
Save