PDFOffice_Windows_exe/PDF Office/Views/BOTA/OutLineControl.xaml

<UserControl
    x:Class="PDF_Office.Views.BOTA.OutLineControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:bota="clr-namespace:PDF_Office.ViewModels.BOTA"
    xmlns:customcontrol="clr-namespace:PDF_Office.CustomControl"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:PDF_Office.Views.BOTA"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:model="clr-namespace:PDF_Office.Model.BOTA"
    x:Name="ttt"
    d:DataContext="{d:DesignInstance Type=bota:OutLineControlViewModel}"
    mc:Ignorable="d">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/PDF Office;component/Styles/OutLineItemStyle.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="40" />
            <RowDefinition />
        </Grid.RowDefinitions>
        <Grid x:Name="Header">
            <TextBlock
                x:Name="TxtTitle"
                Margin="12,0,0,0"
                HorizontalAlignment="Left"
                VerticalAlignment="Center"
                FontSize="18"
                FontWeight="SemiBold"
                Text="Outline" />
            <StackPanel HorizontalAlignment="Right" Orientation="Horizontal">
                <customcontrol:PathButton
                    x:Name="BtnAdd"
                    Width="32"
                    Height="32"
                    Click="BtnAdd_Click"
                    Icon="{StaticResource Ic_AddButtonPath}"
                    IconFill="#616469"
                    IconHeight="16"
                    IconWidth="16"
                    IconMouseOver="{StaticResource Ic_AddButtonPath}"
                    IconMouseOverFill="#616469"
                    IconPress="{StaticResource Ic_AddButtonPath}"
                    IconPressFill="#616469"
                    CornerRadius="4"
                    HorizontalContentAlignment="Center"
                    MouseOverBackground="{StaticResource color.item-state.hov.bg}"
                    MouseDownBackground="{StaticResource color.item-state.sel.bg.lv3}"                          
                    MouseDownBorderBrush="{StaticResource color.item-state.sel.border.lv3}"
                    />
                <customcontrol:PathButton
                    x:Name="BtnMore"
                    Width="32"
                    Height="32"
                    Click="BtnMore_Click"
                    Icon="{StaticResource Ic_MoreButtonPath}"
                    IconFill="#616469"
                    IconHeight="16"
                    IconWidth="16"
                    CornerRadius="4"
                    IconMouseOver="{StaticResource Ic_MoreButtonPath}"
                    IconMouseOverFill="#616469"
                    IconPress="{StaticResource Ic_MoreButtonPath}"
                    IconPressFill="#616469"
                    HorizontalContentAlignment="Center"
                    MouseOverBackground="{StaticResource color.item-state.hov.bg}"
                    MouseDownBackground="{StaticResource color.item-state.sel.bg.lv3}"                          
                    MouseDownBorderBrush="{StaticResource color.item-state.sel.border.lv3}">
                    <customcontrol:PathButton.ContextMenu>
                        <ContextMenu Name="MenuMore">
                            <ContextMenu.ItemContainerStyle>
                                <Style TargetType="MenuItem" BasedOn="{StaticResource GlobalMenuItem}">
                                    <Setter Property="Padding" Value="-25,7,-40,7" />
                                    <Setter Property="VerticalContentAlignment" Value="Center" />
                                </Style>
                            </ContextMenu.ItemContainerStyle>
                            <MenuItem
                                Name="MenuDeleteAll"
                                Command="{Binding DeleteAllCommand}"
                                Header="Delete All Outline" />
                            <MenuItem
                                Name="MenuExpandAll"
                                Command="{Binding ExpandAllCommand}"
                                CommandParameter="{Binding Outlinelist}"
                                Header="一键展开" />
                            <MenuItem
                                Name="MenuCollapseAll"
                                Command="{Binding CollapseAllCommand}"
                                CommandParameter="{Binding Outlinelist}"
                                Header="一键折叠" />
                        </ContextMenu>
                    </customcontrol:PathButton.ContextMenu>
                </customcontrol:PathButton>
            </StackPanel>
        </Grid>

        <StackPanel
            x:Name="FirstOulineLine"
            Margin="10,0"
            VerticalAlignment="Bottom"
            Orientation="Horizontal"
            Visibility="{Binding IsInsertHead, Converter={StaticResource BoolToVisible}}">
            <Ellipse
                Width="8"
                Height="8"
                HorizontalAlignment="Stretch"
                VerticalAlignment="Bottom"
                Fill="White"
                Stroke="#FF0078D7"
                StrokeThickness="1.5" />
            <Rectangle
                Width="{Binding ElementName=Header, Path=ActualWidth}"
                Height="1.5"
                Margin="-1,0,0,2"
                HorizontalAlignment="Stretch"
                VerticalAlignment="Bottom"
                Fill="#FF0078D7"
                StrokeDashArray="2" />
        </StackPanel>
        <Grid
            Grid.Row="1"
            DragLeave="Grid_DragLeave"
            DragOver="Grid_DragOver">
            <StackPanel
                x:Name="NoOutlineStackPanel"
                VerticalAlignment="Center"
                Visibility="{Binding Outlinelist.Count, Converter={StaticResource ListCountToVisible}}">
                <Image Source="pack://application:,,,/PDF Office;component/Resources/BOTA/no_outline.png" />
                <TextBlock
                    Height="22"
                    HorizontalAlignment="Center"
                    FontFamily="Segoe UI"
                    FontSize="14"
                    Text="No outline found" />
                <TextBlock
                    Width="168"
                    HorizontalAlignment="Center"
                    FontFamily="Segoe UI"
                    FontSize="12"
                    Foreground="#94989C"
                    Text="Please right-click on the selected page and select Add Outline, or click the Add button on the upper right to create a outline."
                    TextWrapping="Wrap" />
            </StackPanel>
            <TreeView
                x:Name="OutlineView"
                Grid.Row="1"
                AllowDrop="True"
                BorderThickness="0"
                Drop="OutlineView_Drop"
                ItemsSource="{Binding Outlinelist}"
                PreviewMouseDoubleClick="OutlineView_PreviewMouseDoubleClick"
                PreviewMouseLeftButtonUp="OutlineView_PreviewMouseLeftButtonUp"
                PreviewMouseMove="OutlineView_PreviewMouseMove"
                ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                VirtualizingPanel.ScrollUnit="Pixel"
                Visibility="{Binding ElementName=NoOutlineStackPanel, Path=Visibility, Converter={StaticResource UnVisivleConvert}}">
                <TreeView.ItemTemplate>
                    <HierarchicalDataTemplate DataType="{x:Type model:OutlineNode}" ItemsSource="{Binding Path=Chlidlist}">
                        <Grid>
                            <Grid.ContextMenu>
                                <ContextMenu>
                                    <MenuItem
                                        x:Name="AddMenu"
                                        Click="AddMenu_Click"
                                        Header="添加条目" />
                                    <MenuItem
                                        x:Name="AddChlidMenu"
                                        Click="AddChlidMenu_Click"
                                        Header="添加子条目" />
                                    <MenuItem
                                        x:Name="AddParentMenu"
                                        Click="AddParentMenu_Click"
                                        Header="添加上一级条目"
                                        IsEnabled="{Binding CanAddParent}" />

                                    <MenuItem
                                        x:Name="DeleteMenu"
                                        Click="DeleteMenu_Click"
                                        Header="删除" />

                                    <MenuItem
                                        x:Name="RenameMenu"
                                        Click="RenameMenu_Click"
                                        Header="重命名" />
                                    <MenuItem
                                        x:Name="ChangeDestinationMenu"
                                        Click="ChangeDestinationMenu_Click"
                                        Header="更改目标位置" />

                                    <MenuItem
                                        x:Name="UpgradeMenu"
                                        Click="UpgradeMenu_Click"
                                        Header="升级"
                                        IsEnabled="{Binding CanUp}" />
                                    <MenuItem
                                        x:Name="DowngradeMenu"
                                        Click="DowngradeMenu_Click"
                                        Header="降级"
                                        IsEnabled="{Binding CanDown}" />
                                </ContextMenu>
                            </Grid.ContextMenu>
                            <Grid x:Name="ContentPanel">
                                <Grid.ToolTip>
                                    <!--  圆角 https://wpf.2000things.com/2012/05/11/556-clipping-to-a-border-using-an-opacity-mask  -->
                                    <ToolTip
                                        Width="320"
                                        Height="120"
                                        Closed="ToolTip_Closed"
                                        Opened="ToolTip_Opened"
                                        Style="{StaticResource ErrorRoundedTooltip}">
                                        <customcontrol:CustomImageControl
                                            Width="320"
                                            Height="120"
                                            HorizontalAlignment="Stretch"
                                            VerticalAlignment="Stretch" />
                                    </ToolTip>
                                </Grid.ToolTip>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition />
                                    <ColumnDefinition Width="auto" />
                                </Grid.ColumnDefinitions>
                                <TextBlock
                                    x:Name="Content"
                                    VerticalAlignment="Center"
                                    Text="{Binding Outline.Title}"
                                    TextTrimming="CharacterEllipsis"
                                    Visibility="{Binding IsReName, Mode=TwoWay}" />
                                <TextBlock
                                    x:Name="PageIndex"
                                    Grid.Column="1"
                                    HorizontalAlignment="Right"
                                    VerticalAlignment="Center"
                                    Text="{Binding PageIndex}" />
                            </Grid>

                            <StackPanel
                                HorizontalAlignment="Stretch"
                                Orientation="Horizontal"
                                Visibility="{Binding IsInsertNextLayer, Converter={StaticResource BoolToVisible}}">
                                <Ellipse
                                    Width="8"
                                    Height="8"
                                    Margin="0,0,0,0"
                                    VerticalAlignment="Bottom"
                                    Fill="White"
                                    Stroke="#FF0078D7"
                                    StrokeThickness="1.5" />
                                <Line
                                    Margin="-1,0,0,2"
                                    HorizontalAlignment="Stretch"
                                    VerticalAlignment="Bottom"
                                    Stroke="#FF0078D7"
                                    StrokeDashArray="2"
                                    StrokeThickness="1.5"
                                    X1="0"
                                    X2="{Binding ElementName=ContentPanel, Path=ActualWidth}" />
                            </StackPanel>
                            <Grid
                                x:Name="RenameGrid"
                                LostFocus="RenameGrid_LostFocus"
                                Visibility="{Binding ElementName=Content, Path=Visibility, Mode=TwoWay, Converter={StaticResource UnVisivleConvert}}">
                                <TextBox
                                    x:Name="ReName"
                                    HorizontalAlignment="Left"
                                    VerticalAlignment="Center"
                                    IsVisibleChanged="ReName_IsVisibleChanged"
                                    Style="{StaticResource TextBoxStyleRadius}" />
                            </Grid>
                        </Grid>
                    </HierarchicalDataTemplate>
                </TreeView.ItemTemplate>
                <TreeView.ItemContainerStyle>
                    <Style BasedOn="{StaticResource OutLineItemStyle}" TargetType="TreeViewItem">
                        <EventSetter Event="PreviewMouseLeftButtonUp" Handler="TreeViewItem_PreviewMouseLeftButtonUp" />
                        <EventSetter Event="PreviewMouseLeftButtonDown" Handler="TreeViewItem_PreviewMouseLeftButtonDown" />
                    </Style>
                </TreeView.ItemContainerStyle>
            </TreeView>
        </Grid>
    </Grid>
</UserControl>