AIPlatform/aipdev/ScriptEditor.xaml

<UserControl x:Class="aipdev.ScriptEditor"
             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:aipdev"
             xmlns:avalonedit="http://icsharpcode.net/sharpdevelop/avalonedit"
             xmlns:system="clr-namespace:System;assembly=System.Runtime" 
             xmlns:extensions="clr-namespace:aipdev.Extensions"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="2"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="240"/>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <StackPanel Grid.Row="0" Orientation="Horizontal" Grid.Column="0" Grid.ColumnSpan="2">
            <Button Content="保存" Style="{StaticResource btn-primary}" Width="80" Margin="2" Click="OnSaveClick"/>
            <Button Content="关闭" Style="{StaticResource btn-danger}" Width="80" Margin="2" Click="OnCloseClick"/>
        </StackPanel>
        <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="2">
            <TextBlock VerticalAlignment="Center" Margin="2" FontSize="12pt">字体大小：</TextBlock>
            <ComboBox Name="cbbFontSize" Width="60" Margin="2">
                <ComboBoxItem Content="14"/>
                <ComboBoxItem Content="16"/>
                <ComboBoxItem Content="18"/>
                <ComboBoxItem Content="20"/>
                <ComboBoxItem Content="22"/>
                <ComboBoxItem Content="25"/>
                <ComboBoxItem Content="30"/>
            </ComboBox>
        </StackPanel>
        <TreeView x:Name="FileList" Grid.Row="1" Grid.Column="0">
            <TreeView.Resources>
                <Style x:Key="ExpandCollapseToggleStyle" TargetType="ToggleButton">
                    <Setter Property="Focusable" Value="False"/>
                    <Setter Property="Background" Value="Transparent"/>
                    <Setter Property="BorderBrush" Value="#FF565656"/>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="ToggleButton">
                                <Grid>
                                    <!-- 画折叠样式 -->
                                    <Border x:Name="CollapsePath" Height="14" Width="10" SnapsToDevicePixels="True" Background="{TemplateBinding Background}">
                                        <!--<Rectangle x:Name="CollapsePath" Width="1" Height="5" Stroke="{TemplateBinding Background}" SnapsToDevicePixels="true"/>-->
                                        <Path Data="M 0,0 8,7 0,14" Stretch="Fill"
                                              Stroke="{TemplateBinding BorderBrush}" StrokeThickness="1.5"
                                              Height="14" Width="8"
                                              VerticalAlignment="Center" 
                                              HorizontalAlignment="Center"
                                              Margin="0,0,0,0">
                                            <Path.LayoutTransform>
                                                <TransformGroup>
                                                    <ScaleTransform/>
                                                    <SkewTransform/>
                                                    <RotateTransform Angle="0"/>
                                                    <TranslateTransform/>
                                                </TransformGroup>
                                            </Path.LayoutTransform>
                                        </Path>
                                    </Border>
                                    <!-- 画展开折叠样式 -->
                                    <Border x:Name="ExpandPath" Height="10" Width="14" SnapsToDevicePixels="True" Background="{TemplateBinding Background}" Visibility="Collapsed">
                                        <!--<Rectangle x:Name="ExpandPath" Width="1" Height="5" Stroke="{TemplateBinding Background}" SnapsToDevicePixels="true"/>-->
                                        <Path Data="M 0,0 8,7 0,14" Stretch="Fill"
                                              Stroke="{TemplateBinding BorderBrush}" StrokeThickness="1.5"
                                              Height="14" Width="8"
                                              VerticalAlignment="Center" 
                                              HorizontalAlignment="Center"
                                              Margin="0,0,0,0">
                                            <Path.LayoutTransform>
                                                <TransformGroup>
                                                    <ScaleTransform/>
                                                    <SkewTransform/>
                                                    <RotateTransform Angle="90"/>
                                                    <TranslateTransform/>
                                                </TransformGroup>
                                            </Path.LayoutTransform>
                                        </Path>
                                    </Border>
                                </Grid>
                                <ControlTemplate.Triggers>
                                    <!-- 通过IsChecked判断折叠还是展开 -->
                                    <Trigger Property="IsChecked" Value="True">
                                        <Setter Property="Visibility" TargetName="CollapsePath" Value="Collapsed"/>
                                        <Setter Property="Visibility" TargetName="ExpandPath" Value="Visible"/>
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
                <HierarchicalDataTemplate DataType="{x:Type local:ScriptProject}" ItemsSource="{Binding Path=Children}">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="24"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <Image Grid.Column="0" VerticalAlignment="Center" HorizontalAlignment="Center" Source="Resources/Images/Files.png" Width="20" Height="20"/>
                        <TextBlock Grid.Column="1" VerticalAlignment="Center" Text="{Binding Name}" Foreground="Black" Margin="2,0,0,0"/>
                        <Grid.ContextMenu>
                            <ContextMenu>
                                <MenuItem Header="新建脚本..." Click="OnNewFileClick"/>
                                <MenuItem Header="新建文件夹..." Click="OnNewFolderClick"/>
                                <MenuItem Header="粘贴" Click="OnCopyFolderOrFilesClick" Loaded="OnMenuLoaded"/>
                            </ContextMenu>
                        </Grid.ContextMenu>
                    </Grid>
                </HierarchicalDataTemplate>

                <HierarchicalDataTemplate DataType= "{x:Type local:ScriptFileFolder}" ItemsSource = "{Binding Path=Children}">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="24"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <Image Grid.Column="0" VerticalAlignment="Center" HorizontalAlignment="Center" Source="Resources/Images/ProjectFolder.png" Width="20" Height="20"/>
                        <TextBlock Grid.Column="1" VerticalAlignment="Center" Text="{Binding Name}" Foreground="Black" Margin="2,0,0,0"/>
                        <Grid.ContextMenu>
                            <ContextMenu>
                                <MenuItem Header="新建脚本..." Click="OnNewFileClick"/>
                                <MenuItem Header="新建文件夹..." Click="OnNewFolderClick"/>
                                <MenuItem Header="粘贴" Click="OnCopyFolderOrFilesClick" Loaded="OnMenuLoaded"/>
                                <MenuItem Header="删除" Click="OnDeleteFolderClick"/>
                            </ContextMenu>
                        </Grid.ContextMenu>
                    </Grid>
                </HierarchicalDataTemplate>
                <HierarchicalDataTemplate DataType= "{x:Type local:ScriptFile}">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="24"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <Image Grid.Column="0" VerticalAlignment="Center" HorizontalAlignment="Center" Source="{Binding Path=DataContext,RelativeSource={RelativeSource Mode=Self}, Converter={extensions:ScriptFileToImageConverterExtension}}" Width="20" Height="20"/>
                        <TextBlock Grid.Column="1" VerticalAlignment="Center" Text="{Binding Name}" Foreground="Black" Margin="2,0,0,0"/>
                        <Grid.ContextMenu>
                            <ContextMenu>
                                <MenuItem Header="删除" Click="OnDeleteFileClick"/>
                            </ContextMenu>
                        </Grid.ContextMenu>
                    </Grid>
                </HierarchicalDataTemplate>
            </TreeView.Resources>
            <TreeView.ItemContainerStyle>
                <Style TargetType="{x:Type TreeViewItem}">
                    <Setter Property="IsExpanded" Value="True" />
                    <Setter Property="Background" Value="Transparent"/>
                    <Setter Property="Padding" Value="1,0,0,0"/>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="{x:Type TreeViewItem}">
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition MinWidth="20" Width="Auto"/>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="*"/>
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition/>
                                    </Grid.RowDefinitions>
                                    <Border Name="FocusBd" Margin="-100,0,0,0" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="True"></Border>
                                    <Border Name="Bd" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="True">
                                        <Grid Margin="2">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="Auto"/>
                                                <ColumnDefinition Width="Auto"/>
                                                <ColumnDefinition Width="*"/>
                                            </Grid.ColumnDefinitions>
                                            <ToggleButton Width="18" Grid.Column="0" Margin="-1,0,0,0" x:Name="Expander" Style="{StaticResource ExpandCollapseToggleStyle}" IsChecked="{Binding Path=IsExpanded, RelativeSource={RelativeSource TemplatedParent}}" ClickMode="Press"/>
                                            <ContentPresenter Grid.Column="2" x:Name="PART_Header" ContentSource="Header" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" MinWidth="20"/>
                                        </Grid>
                                    </Border>
                                    <ItemsPresenter x:Name="ItemsHost" Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="2"/>
                                </Grid>
                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsExpanded" Value="False">
                                        <Setter TargetName="ItemsHost" Property="Visibility" Value="Collapsed"/>
                                    </Trigger>
                                    <Trigger Property="HasItems" Value="False">
                                        <Setter TargetName="Expander" Property="Visibility" Value="Collapsed"/>
                                    </Trigger>
                                    <MultiTrigger>
                                        <MultiTrigger.Conditions>
                                            <Condition Property="HasHeader" Value="False"/>
                                            <Condition Property="Width" Value="Auto"/>
                                        </MultiTrigger.Conditions>
                                        <Setter TargetName="PART_Header" Property="MinWidth" Value="75"/>
                                    </MultiTrigger>
                                    <MultiTrigger>
                                        <MultiTrigger.Conditions>
                                            <Condition Property="HasHeader" Value="False"/>
                                            <Condition Property="Height" Value="Auto"/>
                                        </MultiTrigger.Conditions>
                                        <Setter TargetName="PART_Header" Property="MinHeight" Value="19"/>
                                    </MultiTrigger>
                                    <Trigger Property="IsSelected" Value="True">
                                        <Setter TargetName="FocusBd" Property="Background" Value="#C4D5FF"/>
                                        <Setter TargetName="Bd" Property="Background" Value="#C4D5FF"/>
                                    </Trigger>
                                    <Trigger Property="IsEnabled" Value="False">
                                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                    <EventSetter Event="MouseDoubleClick" Handler="OnNodeDoubleClickHandler"></EventSetter>
                    <EventSetter Event="MouseDown" Handler="OnNodeMouseDown"></EventSetter>
                </Style>
            </TreeView.ItemContainerStyle>
        </TreeView>
        <GridSplitter Grid.Row="0" Grid.Column="1" Grid.RowSpan="3"
                      Width="3"
                      Background="White"
                      VerticalAlignment="Stretch"
                      HorizontalAlignment="Center">

        </GridSplitter>
        <TabControl x:Name="EditorGroup" Grid.Row="1" Grid.Column="2">
            <TabControl.ItemContainerStyle>                
                    <Style TargetType="{x:Type TabItem}">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="TabItem">
                                    <Grid Cursor="Hand">
                                        <Border Name="bd" Background="White" Margin="0,0,0,-2" Opacity="0" CornerRadius="4,4,0,0"></Border>
                                        <Border Name="container" Background="#fff" Padding="15 10" BorderThickness="1,1,1,0" CornerRadius="4,4,0,0">
                                            <Grid VerticalAlignment="Center">
                                                <Grid.ColumnDefinitions>
                                                    <ColumnDefinition Width="*"/>
                                                    <ColumnDefinition Width="18"/>
                                                    <ColumnDefinition Width="18"/>
                                                </Grid.ColumnDefinitions>
                                                <TextBlock Grid.Column="0" VerticalAlignment="Center" HorizontalAlignment="Left" x:Name="content" Text="{Binding Name}"/>
                                                <Button x:Name="cb" Grid.Column="2" VerticalAlignment="Center" HorizontalAlignment="Right" Width="16" Height="16" Visibility="Collapsed" Click="OnCloseEditorTabClick">
                                                    <Button.Template>
                                                        <ControlTemplate>
                                                            <Border x:Name="cbb" BorderBrush="Gray" BorderThickness="1" Background="#eee" CornerRadius="4" Padding="1">
                                                                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="10" Text="X"/>
                                                            </Border>
                                                            <ControlTemplate.Triggers>
                                                                <Trigger Property="IsMouseOver" Value="True">
                                                                    <Setter TargetName="cbb" Property="BorderBrush" Value="Black"></Setter>
                                                                    <Setter TargetName="cbb" Property="BorderThickness" Value="1"></Setter>
                                                                </Trigger>
                                                            </ControlTemplate.Triggers>
                                                        </ControlTemplate>
                                                    </Button.Template>
                                                </Button>
                                            </Grid>
                                        </Border>
                                    </Grid>
                                
                                <ControlTemplate.Triggers>
                                        <Trigger Property="IsSelected" Value="True">
                                            <Setter TargetName="container" Property="BorderBrush" Value="#ddd"></Setter>
                                            <Setter TargetName="bd" Property="Opacity" Value="1"></Setter>
                                            <Setter TargetName="content" Property="TextBlock.Foreground" Value="#555"></Setter>
                                            <Setter TargetName="cb" Property="Visibility" Value="Visible"/>
                                        </Trigger>
                                        <!--<MultiTrigger>
                                        <MultiTrigger.Conditions>
                                            <Condition Property="IsMouseOver" Value="True"></Condition>
                                            <Condition Property="IsSelected" Value="False"></Condition>
                                        </MultiTrigger.Conditions>
                                        <Setter TargetName="container" Property="Background" Value="#eee"></Setter>
                                        <Setter TargetName="cb" Property="Visibility" Value="Visible"/>
                                    </MultiTrigger>-->
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="Content">
                            <Setter.Value>
                                <Grid >
                                    <avalonedit:TextEditor
                                            Margin="1"
                                            x:Name="TextEditor"
                                            SyntaxHighlighting="Python"
                                            FontFamily="Consolas"
                                            FontSize="14" 
                                            LineNumbersForeground="Blue"
                                            ShowLineNumbers="True">
                                        <avalonedit:TextEditor.Options>
                                            <avalonedit:TextEditorOptions ShowSpaces="True">
                                                <avalonedit:TextEditorOptions.ColumnRulerPosition>
                                                    <system:Int32>10</system:Int32>
                                                </avalonedit:TextEditorOptions.ColumnRulerPosition>
                                            </avalonedit:TextEditorOptions>
                                        </avalonedit:TextEditor.Options>
                                    </avalonedit:TextEditor>
                                <ScrollViewer Grid.Column="1" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="10,0,0,0" Visibility="Collapsed"
                                              HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
                                    <Image x:Name="MyImage" Visibility="Collapsed" Stretch="None"  VerticalAlignment="Center"
                                              HorizontalAlignment="Center"   />
                                </ScrollViewer>
                            </Grid>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </TabControl.ItemContainerStyle>
        </TabControl>
        
    </Grid>
</UserControl>