<UserControl x:Class="MultiLayout.MainEdit.UcMeGageTabItem"
             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:local="clr-namespace:MultiLayout.MainEdit"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="UcMeGageTabItemStyle.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>
    <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 TabControlStyle_ABC}" 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="□□□" Style="{StaticResource TabItemStyle1}">
                <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="□□□" Style="{StaticResource TabItemStyle1}"/>
            <TabItem Header="□□□" Style="{StaticResource TabItemStyle1}"/>
        </TabControl>
        <Button Style="{StaticResource ButtonStyle_clickMe}" Click="btnMenuClick" >

            <TextBlock Text="{StaticResource str.MainEdit.PgMainEdit.ClickMe}" FontSize="25" RenderTransformOrigin="0.5,0.4" Margin="-20">
                <TextBlock.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform />
                        <SkewTransform/>
                        <RotateTransform Angle="-90"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </TextBlock.RenderTransform>

            </TextBlock>
        </Button>
        <Button Grid.Column="1" Style="{StaticResource ButtonStyle_clickMe}" Click="btnDynareaClick" >
            <TextBlock Text="{StaticResource str.MainEdit.PgMainEdit.ClickMe}" />
        </Button>
        <Button Grid.Column="2" Style="{StaticResource ButtonStyle_clickMe}" Click="btnGraphClick">
            <TextBlock Text="{StaticResource str.MainEdit.PgMainEdit.ClickMe}" />
        </Button>
    </Grid>
</UserControl>
