AvalonDock layout groups like Visual Studio

Question

I'm new to Avalondock so excuse me if this is a pretty basic question. I want to achieve a layout that is similar to Visual Stuido with two layouts on the left side, the top window showing a kind of "project explorer", the bottom windows a property grid. Like that:Target

The windows should be visible, arranged and pinned per default.

Current XAML Looks like that:

<avalonDock:LayoutRoot.LeftSide>
    <avalonDock:LayoutAnchorSide >

        <avalonDock:LayoutAnchorGroup >
            <avalonDock:LayoutAnchorable ContentId="objects" Title="Project Objects" FloatingWidth="250">
                <TreeView ItemsSource="{Binding Children}">
                </TreeView>
            </avalonDock:LayoutAnchorable>
         </avalonDock:LayoutAnchorGroup>

         <avalonDock:LayoutAnchorGroup>
            <avalonDock:LayoutAnchorable FloatingWidth="250" AutoHideWidth="250">
                <xctk:PropertyGrid SelectedObject="{Binding SelectedItem, Mode=TwoWay}"/>
            </avalonDock:LayoutAnchorable>
         </avalonDock:LayoutAnchorGroup>

     </avalonDock:LayoutAnchorSide>
  </avalonDock:LayoutRoot.LeftSide>

That XAML producing a look like that: Current

What should I change ?

score 0 · Answer 1 · answered Jan 24 '16 at 09:08

I'm realizing that I'm answering my own question. The easiest way is to either quickly code or download a sample application which has the ability to serialize the layout. I used this one on Codeplex: enter link description here

The output can then be used as new default in XAML.

AvalonDock layout groups like Visual Studio

1 Answers1