BPASmartClient/BeDesignerSCADA/Controls/CodeCanvasPanel.xaml

<UserControl x:Class="BeDesignerSCADA.Controls.CodeCanvasPanel"
             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:BeDesignerSCADA.Controls"
             xmlns:icon="http://metro.mahapps.com/winfx/xaml/iconpacks"
             mc:Ignorable="d" 
            d:DesignHeight="900" d:DesignWidth="1400">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary  Source="/可视化配置工具;component/Themes/Styles.xaml"></ResourceDictionary>
                <ResourceDictionary Source="/BPASmartClient.SCADAControl;component/Themes/Generic.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="245"/>
            <ColumnDefinition/>
            <ColumnDefinition Width="320"/>
        </Grid.ColumnDefinitions>

        <!--左侧选择区域-->
        <TabControl x:Name="LeftSelectTab" SelectedIndex="0">
            <TabItem Header="页面编辑">
                <Border  BorderThickness="1" BorderBrush="#FFA9A9A9" Background="Transparent" >
                    <Grid  >
                    </Grid>
                </Border>
            </TabItem>

            <TabItem Header="组件列表">
                <Border  BorderThickness="1" BorderBrush="#FFA9A9A9" Background="Transparent">
                </Border>
            </TabItem>

            <TabItem Header="菜单布局">
                <Border  BorderThickness="1" BorderBrush="#FFA9A9A9" Background="Transparent">

                </Border>
            </TabItem>
        </TabControl>

        <!--中间控制区域-->
        <DockPanel Grid.Column="1">
            <!--按钮控制-->
            <DockPanel LastChildFill="False" DockPanel.Dock="Top" Height="24" Margin="4 4 4 0">
                <Button Margin="5" Grid.Column="2" Click="OnNew" Name="ButtonNew" ToolTip="创建新工程" Focusable="True" Width="24">
                    <Button.Template>
                        <ControlTemplate>
                            <icon:PackIconModern x:Name="Icon" Kind="PageCode"/>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Gray"/>
                                </Trigger>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Green"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Button.Template>
                </Button>
                <Button Margin="5" Grid.Column="2" Click="OnOpen" Name="ButtonOpen" IsEnabled="True" ToolTip="" Width="24">
                    <Button.Template>
                        <ControlTemplate>
                            <icon:PackIconModern x:Name="Icon" Kind="FolderOpen"/>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Gray"/>
                                </Trigger>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Green"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Button.Template>
                </Button>
                <Button Margin="5" Grid.Column="2" Click="OnSave" Name="ButtonSave" IsEnabled="False" ToolTip="" Width="24">
                    <Button.Template>
                        <ControlTemplate>
                            <icon:PackIconModern x:Name="Icon" Kind="Save"/>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Gray"/>
                                </Trigger>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Green"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Button.Template>
                </Button>
                <Button Margin="5" Grid.Column="2" Name="ButtonSaveAs" IsEnabled="False" ToolTip="" Width="24" Click="OnSaveAs">
                    <Button.Template>
                        <ControlTemplate>
                            <icon:PackIconModern x:Name="Icon" Kind="Archive"/>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Gray"/>
                                </Trigger>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Green"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Button.Template>
                </Button>
                <Button Margin="5" Grid.Column="2" Name="ButtonPrint" IsEnabled="False" ToolTip="" Width="24" Visibility="Collapsed" Click="OnPrint">
                    <Button.Template>
                        <ControlTemplate>
                            <icon:PackIconModern x:Name="Icon" Kind="Printer"/>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Gray"/>
                                </Trigger>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Green"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Button.Template>
                </Button>
                <Separator  Style="{StaticResource {x:Static ToolBar.SeparatorStyleKey}}"/>
                <Button Margin="5" Grid.Column="2" Name="ButtonCopy" IsEnabled="{Binding ElementName=Editor, Path=IsCopyEnabled}" ToolTip="" Width="24" Click="OnCopy">
                    <Button.Template>
                        <ControlTemplate>
                            <icon:PackIconModern x:Name="Icon" Kind="PageCopy"/>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Gray"/>
                                </Trigger>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Green"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Button.Template>
                </Button>
                <Button Margin="5" Grid.Column="2" Name="ButtonPaste" IsEnabled="{Binding ElementName=Editor, Path=IsPasteEnabled}" ToolTip="" Width="24" Click="OnPaste">
                    <Button.Template>
                        <ControlTemplate>
                            <icon:PackIconModern x:Name="Icon" Kind="ClipboardPaste"/>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Gray"/>
                                </Trigger>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Green"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Button.Template>
                </Button>
                <Separator  Style="{StaticResource {x:Static ToolBar.SeparatorStyleKey}}"/>
                <Button Margin="5" Grid.Column="2" Click="OnStartRun" Name="ButtonStart" IsEnabled="False" ToolTip="" Width="24">
                    <Button.Template>
                        <ControlTemplate>
                            <icon:PackIconModern x:Name="Icon" Kind="ControlPlay"/>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Gray"/>
                                </Trigger>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter TargetName="Icon" Property="Foreground" Value="DarkBlue"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Button.Template>
                </Button>
                <Button Margin="5" Grid.Column="3" Click="OnStopRun" Name="ButtonStop" IsEnabled="False" Visibility="Visible" ToolTip="">
                    <Button.Template>
                        <ControlTemplate TargetType="Button">
                            <icon:PackIconModern x:Name="Icon" Kind="ControlStop"/>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Gray"/>
                                </Trigger>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter TargetName="Icon" Property="Foreground" Value="DarkBlue"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Button.Template>
                </Button>
                <Button Margin="5" Grid.Column="3" Click="OnClearError" IsEnabled="False" Name="ButtonClearError" Visibility="Visible" ToolTip="" Width="24">
                    <Button.Template>
                        <ControlTemplate TargetType="Button">
                            <icon:PackIconModern x:Name="Icon" Kind="StarRemove"/>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Gray"/>
                                    <Setter TargetName="Icon" Property="Spin" Value="False"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Button.Template>
                </Button>
                <ToggleButton Name="ButtonHighligh" ToolTip="" IsChecked="False" Width="24"
                          Click="OnHighlightClicked">
                    <ToggleButton.Template>
                        <ControlTemplate TargetType="ToggleButton">
                            <icon:PackIconModern x:Name="Icon" Kind="Flag"/>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Gray"/>
                                </Trigger>
                                <Trigger Property="IsChecked" Value="True">
                                    <Setter TargetName="Icon" Property="Foreground" Value="Green"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </ToggleButton.Template>
                </ToggleButton>
                <Slider ToolTip="运行速度" Minimum="0" Maximum="100" Margin="15, 0" Value="20" Name="SliderSpeeder"
                    Width="150" VerticalAlignment="Center" ValueChanged="OnSpeedValueChanged"/>
            </DockPanel>

            <!--中间画布-->
            <Border BorderThickness="1" BorderBrush="{StaticResource AccentBrush}" Margin="4">
                <Border.Background>
                    <ImageBrush ImageSource="../Images/bj.png" Stretch="UniformToFill"/>
                </Border.Background>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition Width="auto"/>
                    </Grid.ColumnDefinitions>

                    <ScrollViewer VerticalScrollBarVisibility="Visible" HorizontalScrollBarVisibility="Visible">
                        <Grid>
                            <!--画布区域-->
                        </Grid>
                    </ScrollViewer>


                    <TextBlock HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,20,20" FontSize="16" Foreground="Red">分辨率：1920×1080</TextBlock>
                </Grid>
            </Border>
        </DockPanel>
        
        <!--右侧属性栏-->
        <Grid Grid.Column="2">
            <TabControl x:Name="ReditSeleceTab" SelectedIndex="0">
                <TabItem Header="属性栏">

                </TabItem>
            </TabControl>
        </Grid>


    </Grid>
</UserControl>