PgMainEdit.xaml

<Page x:Class="MultiLayout.MainEdit.PgMainEdit"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:iconPacks="http://metro.mahapps.com/winfx/xaml/iconpacks"
      mc:Ignorable="d" 
      d:DesignHeight="768" d:DesignWidth="1024"
      Background="White"
      Title="Page_MainEdit" >
    <Page.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="PgMainEditStyle.xaml"/>
            </ResourceDictionary.MergedDictionaries>


        </ResourceDictionary>
    </Page.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition />
        </Grid.RowDefinitions>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition Width="auto"/>
            </Grid.ColumnDefinitions>
            <StackPanel Orientation="Horizontal">
                <Button Style="{StaticResource ButtonStyle_back}" Click="btnBackClick"  />
                <StackPanel Style="{StaticResource SpStyle_Header}">
                    <TextBlock Text="主界面布局管理" />
                </StackPanel>
                <Button Style="{StaticResource ButtonStyle_icon}" Click="btnSettingClick" Margin="20,0" >
                    <StackPanel>
                        <iconPacks:PackIconMaterial Kind="Settings" />
                        <TextBlock Text="设置"/>
                    </StackPanel>
                </Button>

            </StackPanel>
            <Button Grid.Column="1" Style="{StaticResource ButtonStyle_icon}" Click="btnFileClick" Margin="20,0" >
                <StackPanel>
                    <iconPacks:PackIconMaterial Kind="FileAccountOutline" />
                    <TextBlock Text="布局文件"/>
                </StackPanel>
            </Button>
        </Grid>

        <TabControl Grid.Row="1" Margin="{StaticResource ControlMargin}" TabStripPlacement="Left" Template="{StaticResource GageTab}">
            <TabItem Header="△△">
                <Grid Background="#bcbcbc" >
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto"/>
                        <ColumnDefinition Width="auto"/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>
                    <StackPanel Width="73" Background="#FF363636" Opacity="0.5" >
                        <StackPanel.Resources>
                            <ResourceDictionary>
                                <Style TargetType="{x:Type StackPanel}" x:Key="StackPanelStyle_button">
                                    <Setter Property="Margin" Value="5"/>
                                </Style>
                                <Style TargetType="{x:Type Ellipse}">
                                    <Setter Property="Height" Value="36"/>
                                    <Setter Property="Width" Value="36"/>
                                    <Setter Property="Stroke" Value="White"/>
                                    <Setter Property="StrokeThickness" Value="4"/>
                                </Style>
                                <Style TargetType="{x:Type Rectangle}">
                                    <Setter Property="Height" Value="36"/>
                                    <Setter Property="Width" Value="36"/>
                                    <Setter Property="Stroke" Value="White"/>
                                    <Setter Property="StrokeThickness" Value="4"/>
                                </Style>
                                <Style TargetType="{x:Type TextBlock}">
                                    <Setter Property="Foreground" Value="White"/>
                                    <Setter Property="TextAlignment" Value="Center"/>
                                    <Setter Property="FontSize" Value="12"/>
                                    <Setter Property="FontFamily" Value="YouYuan"/>
                                    <Setter Property="Margin" Value="3"/>
                                    <Setter Property="FontWeight" Value="Bold"/>
                                </Style>
                            </ResourceDictionary>
                        </StackPanel.Resources>
                        <StackPanel Style="{StaticResource StackPanelStyle_button}">
                            <Ellipse />
                            <TextBlock Text="□□"/>
                        </StackPanel>
                        <StackPanel Style="{StaticResource StackPanelStyle_button}">
                            <Ellipse />
                            <TextBlock Text="□□"/>
                        </StackPanel>
                        <StackPanel Style="{StaticResource StackPanelStyle_button}">
                            <Ellipse Stroke="Red"/>
                            <TextBlock Text="□□" Foreground="Red"/>
                        </StackPanel>
                        <StackPanel Style="{StaticResource StackPanelStyle_button}">
                            <Rectangle />
                            <TextBlock Text="□□"/>
                        </StackPanel>
                    </StackPanel>
                    <StackPanel Grid.Column="1" Margin="5" Width="250" Opacity="0.5" >
                        <StackPanel.Resources>
                            <Style TargetType="Border" x:Key="BorderStyle_background">
                                <Setter Property="Background" Value="White"/>
                                <Setter Property="Margin" Value="3"/>
                                <Setter Property="CornerRadius" Value="3"/>
                                <Setter Property="Effect">
                                    <Setter.Value>
                                        <DropShadowEffect Color="Black" Direction="270" ShadowDepth="1" Opacity="0.23" />
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </StackPanel.Resources>
                        <Border Style="{StaticResource BorderStyle_background}" >
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition  />
                                    <RowDefinition Height="auto" />
                                </Grid.RowDefinitions>
                                <Border Background="#FF45A6EA" CornerRadius="3" Height="100" />
                                <StackPanel Grid.Row="1" Margin="2" Height="35"/>
                            </Grid>
                        </Border>
                        <Border Style="{StaticResource BorderStyle_background}" Height="80"/>
                        <Border Style="{StaticResource BorderStyle_background}" Height="100"/>
                        <Border Style="{StaticResource BorderStyle_background}" Height="50"/>
                    </StackPanel>
                    <TabControl Grid.Column="2" FontSize="40" Margin="10" Style="{StaticResource GraphTabStyle}" Opacity="0.5" >
                        <TabControl.Resources>
                            <Style TargetType="Border" x:Key="BorderStyle_background">
                                <Setter Property="Background" Value="#FF7C7C7C"/>
                                <Setter Property="Margin" Value="10"/>
                                <Setter Property="CornerRadius" Value="3"/>
                                <Setter Property="Effect">
                                    <Setter.Value>
                                        <DropShadowEffect Color="Black" Direction="270" ShadowDepth="1" Opacity="0.23" />
                                    </Setter.Value>
                                </Setter>
                            </Style>

                        </TabControl.Resources>
                        <TabItem Header="□□□" >
                            <Grid >
                                <Grid.RowDefinitions>
                                    <RowDefinition/>
                                    <RowDefinition/>
                                    <RowDefinition/>
                                </Grid.RowDefinitions>
                                <Border Style="{StaticResource BorderStyle_background}"/>
                                <Border Grid.Row="1" Style="{StaticResource BorderStyle_background}"/>
                                <Border Grid.Row="2" Style="{StaticResource BorderStyle_background}"/>
                            </Grid>

                        </TabItem>
                        <TabItem Header="□□□" />
                        <TabItem Header="□□□" />
                    </TabControl>


                </Grid>
            </TabItem>
            <TabItem Header="△△"/>
            <TabItem Header="△△"/>
        </TabControl>
        <Button Grid.Row="1" Style="{DynamicResource ButtonStyle_clickMe}" Click="btnGageClick" >
            <TextBlock Text="点击我" />
        </Button>

    </Grid>
</Page>