English -/ 简体中文 -
theme | display |
Dark | |
Light | |
Blue |
theme | display |
Dark | |
Light | |
Blue |
color | Dark | Light | Blue |
无 | |||
淡紫色 | |||
金色 | |||
蓝绿色 | |||
绛紫色 | |||
绿色 | |||
棕色 | |||
亮蓝色 | |||
南瓜色 | |||
灰色 | |||
珊瑚橘 | |||
青色 | |||
品红 | |||
薄荷绿 | |||
深棕色 | |||
蓝色 | |||
粉色 |
使用时需要在App.xaml中添加如下资源到资源字典,可以任选一个也可以全部添加,包括了深色,浅色,蓝色三种主题色
<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>
可以使用一些标准的主题库来进行管理,例如:
- MahApps.Metro,
- MLib, or
- MUI
这可以帮助你将控件都根据主题进行变换,例如button,textBlock等。
-
在nuget中搜索并下载安装如下包: ML592.AvalonDock.Themes.VS2022, 依赖于ML592.AvalonDock
-
在 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>
- 在 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.感谢,用法与它一致: Dikster99 AvalonDock 4.72.0.