/avalonDock-for-WPF

AvalonDock of Visual Studio 2022 Theme

Primary LanguageC#Microsoft Public LicenseMS-PL

English -/ 简体中文 -

Downloads NuGet Packages
NuGet Dirkster.AvalonDock
NuGet Dirkster.AvalonDock.Themes.Aero
NuGet Dirkster.AvalonDock.Themes.Expression
NuGet Dirkster.AvalonDock.Themes.Metro
NuGet Dirkster.AvalonDock.Themes.VS2010
NuGet Dirkster.AvalonDock.Themes.VS2013 (see Wiki )
NuGet ML592.AvalonDock.Themes.VS2022

Net4 NetCore3 Net4

Feature: from Visual Studio VS2022 and Higher

VS2022Test

theme display
Dark
Light
Blue

Aka/DockingDemo

theme display
Dark
Light
Blue

VS2022Test

color Dark Light Blue
None
Lavender
Gold
Cyan
Burgundy
Green
Brown
Royal Blue
Pumpkin
Gray
Volt
Teal
Magenta
Mint
Dark Brown
Blue
Pink

Theming

Using the AvalonDock.Themes.VS2022 theme is very easy with Dark and Light and Blue themes. Just load Light or Dark or Blue brush resources in you resource dictionary to take advantage of existing definitions.

    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="/AvalonDock.Themes.VS2022;component/DarkBrushs.xaml" />
    </ResourceDictionary.MergedDictionaries>
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="/AvalonDock.Themes.VS2022;component/LightBrushs.xaml" />
    </ResourceDictionary.MergedDictionaries>
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="/AvalonDock.Themes.VS2022;component/BlueBrushs.xaml" />
    </ResourceDictionary.MergedDictionaries>

These definitions do not theme all controls used within this library. You should use a standard theming library, such as:

to also theme standard elements, such as, button and textblock etc.

easy to use for example

  1. in nuget,install this package: ML592.AvalonDock.Themes.VS2022,include ML592.AvalonDock

  2. in App.xaml :

    <Application.Resources>
       <ResourceDictionary>
           <ResourceDictionary.MergedDictionaries>
               <ResourceDictionary Source="/AvalonDock.Themes.VS2022;component/DarkBrushs.xaml" />
               <ResourceDictionary Source="/AvalonDock.Themes.VS2022;component/LightBrushs.xaml" />
               <ResourceDictionary Source="/AvalonDock.Themes.VS2022;component/BlueBrushs.xaml" />
           </ResourceDictionary.MergedDictionaries>
       </ResourceDictionary>
   </Application.Resources>
  1. in MainWindow.xaml :
    <Grid>
        <DockingManager>
            <DockingManager.Theme>
                <VS2022DarkTheme />
            </DockingManager.Theme>
            <LayoutRoot>
                <LayoutPanel Orientation="Horizontal">
                    <LayoutPanel Orientation="Vertical">
                        <LayoutDocumentPane>
                            <LayoutDocument Title="doc1.css" Content="123" ContentId="doc1" />
                            <LayoutDocument Title="doc2.css" Content="123" ContentId="doc2" />
                            <LayoutDocument Title="doc3.css" ContentId="doc3" />
                            <LayoutDocument Title="doc4.css" ContentId="doc4" />
                            <LayoutDocument Title="doc5.css" ContentId="doc5" />
                            <LayoutDocument Title="doc6.css" ContentId="doc6" />
                            <LayoutDocument Title="doc7.css" ContentId="doc7" />
                            <LayoutDocument Title="doc8.css" ContentId="doc8" />
                            <LayoutDocument Title="doc9.css" ContentId="doc9" />
                            <LayoutDocument Title="doc10.css" ContentId="doc10" />
                            <LayoutDocument Title="doc11.css" ContentId="doc11" />
                            <LayoutDocument Title="doc12.css" ContentId="doc12" />
                            <LayoutDocument Title="doc13.css" ContentId="doc13" />
                            <LayoutDocument Title="doc14.css" ContentId="doc14" />
                            <LayoutDocument Title="doc15.css" ContentId="doc15" />
                            <LayoutDocument Title="doc16.css" ContentId="doc16" />
                            <LayoutDocument Title="doc17.css" ContentId="doc17" />
                            <LayoutDocument Title="doc18.css" ContentId="doc18" />
                            <LayoutDocument Title="doc19.css" ContentId="doc19" />
                            <LayoutDocument Title="doc20.css" ContentId="doc20" />
                            <LayoutDocument Title="doc21.css" ContentId="doc21" />
                            <LayoutDocument Title="doc22.css" ContentId="doc22" />
                            <LayoutDocument Title="doc23.css" ContentId="doc23" />
                            <LayoutDocument Title="doc24.css" ContentId="doc24" />
                            <LayoutDocument Title="doc25.css" Content="doc25" ContentId="doc25" />
                        </LayoutDocumentPane>

                        <LayoutAnchorablePaneGroup DockHeight="128" Orientation="Horizontal">
                            <LayoutAnchorablePane Name="ErrorsPane" />
                            <LayoutAnchorablePane Name="OutputPane" />
                        </LayoutAnchorablePaneGroup>
                    </LayoutPanel>

                    <LayoutAnchorablePaneGroup DockWidth="256" Orientation="Vertical">
                        <LayoutAnchorablePane Name="ExplorerPane" DockHeight="2*" />
                        <LayoutAnchorablePane Name="PropertiesPane" />
                    </LayoutAnchorablePaneGroup>
                </LayoutPanel>
            </LayoutRoot>
        </DockingManager>
    </Grid>

4.Thanks,usage the same as Dikster99 AvalonDock 4.72.0.