Skip to content

Latest commit

 

History

History
277 lines (250 loc) · 13.6 KB

readme-zh_CN.md

File metadata and controls

277 lines (250 loc) · 13.6 KB

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

功能:相较于原版增加了VS2022主题,文档标签支持了固定,自适应流式换行,换色...

VS2022Test

theme display
Dark
Light
Blue

Aka/DockingDemo

theme display
Dark
Light
Blue

VS2022Test

color Dark Light Blue
淡紫色
金色
蓝绿色
绛紫色
绿色
棕色
亮蓝色
南瓜色
灰色
珊瑚橘
青色
品红
薄荷绿
深棕色
蓝色
粉色

Theming

使用时需要在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>

可以使用一些标准的主题库来进行管理,例如:

这可以帮助你将控件都根据主题进行变换,例如button,textBlock等。

简单使用这个库

  1. 在nuget中搜索并下载安装如下包: ML592.AvalonDock.Themes.VS2022, 依赖于ML592.AvalonDock

  2. 在 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. 在 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.