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

<UserControl x:Class="PDF_Office.Views.BOTA.SearchContent"
             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:PDF_Office.Views.BOTA"
             xmlns:prism="http://prismlibrary.com/"
             prism:ViewModelLocator.AutoWireViewModel="True"
             xmlns:bota="clr-namespace:PDF_Office.ViewModels.BOTA"
             d:DataContext="{d:DesignInstance Type=bota:SearchContentViewModel}"
             xmlns:helper="clr-namespace:PDF_Office.Helper"
              xmlns:convert="clr-namespace:PDF_Office.DataConvert"
             xmlns:customControl="clr-namespace:PDF_Office.CustomControl"
             xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
   
    <UserControl.Resources>
        <convert:WidthConvert x:Key="WidthConvert"/>
        <convert:BoolToVisible x:Key="BoolToVisible"/>
        <convert:InvertBoolToVisibleConvert x:Key="InvertBoolToVisibleConvert"/>
        <convert:ListCountToVisible x:Key="ListCountToVisible" />
        <convert:UnVisivleConvert x:Key="UnVisivleConvert" />

        <Style x:Key="ListViewItemGraySelectStyle" TargetType="{x:Type ListViewItem}">
            <Setter Property="Visibility" Value="{Binding TextProperty.ItemVisibility}" />
            <Setter Property="UIElement.SnapsToDevicePixels"
            Value="True" />
            <Setter Property="Control.Padding"
            Value="4,1" />
            <Setter Property="Control.HorizontalContentAlignment">
                <Setter.Value>
                    <Binding Path="HorizontalContentAlignment"
                     RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType=ItemsControl, AncestorLevel=1}" />
                </Setter.Value>
            </Setter>
            <Setter Property="Control.VerticalContentAlignment">
                <Setter.Value>
                    <Binding Path="VerticalContentAlignment"
                     RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType=ItemsControl, AncestorLevel=1}" />
                </Setter.Value>
            </Setter>
            <Setter Property="Panel.Background"
            Value="#00FFFFFF" />
            <Setter Property="Border.BorderBrush"
            Value="#00FFFFFF" />
            <Setter Property="Border.BorderThickness"
            Value="1" />
            <Setter Property="FrameworkElement.FocusVisualStyle">
                <Setter.Value>
                    <Style TargetType="{x:Type IFrameworkInputElement}">
                        <Setter Property="Control.Template">
                            <Setter.Value>
                                <ControlTemplate>
                                    <Rectangle Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"
                                       StrokeThickness="1"
                                       StrokeDashArray="1 2"
                                       Margin="2"
                                       SnapsToDevicePixels="True" />
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </Setter.Value>
            </Setter>
            <Setter Property="Control.Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ListViewItem}">
                        <Border BorderThickness="{TemplateBinding Border.BorderThickness}"
                        Padding="{TemplateBinding Control.Padding}"
                        BorderBrush="{TemplateBinding Border.BorderBrush}"
                        Background="{TemplateBinding Panel.Background}"
                        Name="Bd"
                        SnapsToDevicePixels="True">


                            <Border.ContextMenu>
                                    <ContextMenu>
                                    <MenuItem  Header="加入新圆形" Tag="Round" Click="Create_Click"/>
                                    <MenuItem  Header="加入新四边形" Tag="Rectangle" Click="Create_Click"/>
                                    <MenuItem  Header="加入新高亮" Tag="Highlight" Click="Create_Click"/>
                                    <MenuItem  Header="加入新下划线" Tag="Underline" Click="Create_Click"/>
                                    <MenuItem  Header="加入新删除线" Tag="Strikethrough" Click="Create_Click"/>
                                    </ContextMenu>
                                </Border.ContextMenu>
                            <ContentPresenter Content="{TemplateBinding ContentControl.Content}"
                                      ContentTemplate="{TemplateBinding ContentControl.ContentTemplate}"
                                      ContentStringFormat="{TemplateBinding ContentControl.ContentStringFormat}"
                                      HorizontalAlignment="{TemplateBinding Control.HorizontalContentAlignment}"
                                      VerticalAlignment="{TemplateBinding Control.VerticalContentAlignment}"
                                      SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}" />
                        </Border>
                        <ControlTemplate.Triggers>
                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="UIElement.IsMouseOver" Value="True" />
                                </MultiTrigger.Conditions>
                                <Setter Property="Panel.Background" TargetName="Bd" Value="#1A000000" />
                                <Setter Property="Border.BorderBrush" TargetName="Bd" Value="#1A000000" />
                            </MultiTrigger>
                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="Selector.IsSelectionActive" Value="False" />
                                    <Condition Property="Selector.IsSelected" Value="True" />
                                </MultiTrigger.Conditions>
                                <Setter Property="Panel.Background" TargetName="Bd" Value="#1A477EDE" />
                                <Setter Property="Border.BorderBrush" TargetName="Bd" Value="#1A477EDE" />
                            </MultiTrigger>
                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="Selector.IsSelectionActive" Value="True" />
                                    <Condition Property="Selector.IsSelected" Value="True" />
                                </MultiTrigger.Conditions>
                                <Setter Property="Panel.Background" TargetName="Bd" Value="#1A477EDE" />
                                <Setter Property="Border.BorderBrush" TargetName="Bd" Value="#1A477EDE" />
                            </MultiTrigger>
                            <Trigger Property="UIElement.IsEnabled"  Value="False">
                                <Setter Property="TextElement.Foreground" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <PathGeometry x:Key="Ic_MoreButtonPath" Figures="M5.83333 12.5C8.13452 12.5 10 10.6345 10 8.33333C10 6.03215 8.13452 4.16667 5.83333 4.16667C3.53215 4.16667 1.66667 6.03215 1.66667 8.33333C1.66667 10.6345 3.53215 12.5 5.83333 12.5ZM5.83333 14.1667C6.8191 14.1667 7.74775 13.9222 8.56195 13.4905L12.4581 17.3866L13.6366 16.2081L9.92222 12.4937C10.9989 11.4354 11.6667 9.96235 11.6667 8.33333C11.6667 5.11167 9.05499 2.5 5.83333 2.5C2.61167 2.5 0 5.11167 0 8.33333C0 11.555 2.61167 14.1667 5.83333 14.1667ZM13.5059 7.65166L16.1576 10.3033L18.8092 7.65166L19.9877 8.83017L16.7468 12.0711C16.4214 12.3965 15.8938 12.3965 15.5683 12.0711L12.3274 8.83017L13.5059 7.65166Z"/>

    </UserControl.Resources>
    <Grid Background="#F3F3F3" Width="212">
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="auto"/>
            <RowDefinition/>
        </Grid.RowDefinitions>

        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="16"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="16"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="13"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="18"/>
            </Grid.RowDefinitions>
            <Grid Grid.Column="1" Grid.Row="1">
                <TextBlock Text="查找"  HorizontalAlignment="Left" VerticalAlignment="Center"/>
                <Button Content="完成" Height="24" Width="45" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource Btn.cta}" Visibility="{Binding Completed}" Command="{Binding CleanCommand}"/>
            </Grid>
            <customControl:TextBoxEx x:Name="SearchText" Initialized="TextBoxEx_Initialized" Grid.Column="1" Grid.Row="3" Height="32" Padding="14,0,0,0" Width="180" HorizontalAlignment="Left"  KeyDown="TextBox_KeyDown" >
                <customControl:TextBoxEx.ContextMenu>
                    <ContextMenu Name="ContextSearchText" Width="180" ItemsSource="{Binding MyProperty}">
                        <ContextMenu.ItemContainerStyle>
                            <Style TargetType="MenuItem">
                                <EventSetter Event="Click" Handler="MenuItem_Click"/>
                            </Style>
                        </ContextMenu.ItemContainerStyle>
                    </ContextMenu>
                </customControl:TextBoxEx.ContextMenu>
            </customControl:TextBoxEx>

            <customControl:PathButton  HorizontalAlignment="Left"   Grid.Column="1" Grid.Row="3" 
                   Click="PathButton_Click"                    
                   Margin="8,0,0,0"
                    Width="20"
                    Height="20"
                    Icon="{StaticResource Ic_MoreButtonPath}"
                    IconFill="#616469"
                    IconHeight="20"
                    IconMouseOver="{StaticResource Ic_MoreButtonPath}"
                    IconMouseOverFill="#616469"
                    IconPress="{StaticResource Ic_MoreButtonPath}"
                    IconPressFill="#616469"
                    IconWidth="20"
                    CornerRadius="4"
                    MouseOverBackground="{StaticResource color.item-state.hov.bg}"                   
                    MouseDownBackground="{StaticResource color.item-state.sel.bg.lv3}" 
                    MouseDownBorderBrush="{StaticResource color.item-state.sel.border.lv3}"
                />
        </Grid>


        <Grid Grid.Row="1" Margin="10,0,10,0" Visibility="{Binding ElementName=NoSearch,Path=Visibility, Converter={StaticResource UnVisivleConvert}}">
            <TextBlock  Margin="0,0,0,10"  Text="All Result" VerticalAlignment="Center" HorizontalAlignment="Left"/>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                <TextBlock  Margin="0,0,0,10"  Text="Results:" VerticalAlignment="Center" HorizontalAlignment="Right"/>
                <TextBlock x:Name="TbCount"  Margin="0,0,0,10"  Text="{Binding SearchCount}" VerticalAlignment="Center" HorizontalAlignment="Right"/>
            </StackPanel>
            
        </Grid>
        <Grid Grid.Row="2">
            <ListView  Name="SearchResultList" VirtualizingPanel.IsVirtualizingWhenGrouping="True" 
                              ItemsSource="{Binding SearchItemList}"
                              BorderThickness="0" ItemContainerStyle="{StaticResource ListViewItemGraySelectStyle}"
                              ScrollViewer.HorizontalScrollBarVisibility="Hidden">
                <ListView.GroupStyle>
                    <GroupStyle >
                        <GroupStyle.HeaderTemplate>
                            <DataTemplate >
                                <Grid Background="#E2E3E6" Height="24" >
                                    <TextBlock Padding="0,4,12,4" VerticalAlignment="Stretch" TextAlignment="Center" HorizontalAlignment="Left" FontWeight="SemiBold" FontSize="12" Text="{Binding Items.Count}" 
                                                        FontFamily="Segoe UI" Foreground="#666666 "/>
                                    <customControl:CustomIconToggleBtn x:Name="BtnExptend" Height="24" 
                                                                       HorizontalAlignment="Right" Click="BtnExptend_Click"
                                                                      Style="{StaticResource ToggleBtnViewModeStyle}">
                                        <TextBlock Text="展开" VerticalAlignment="Center"/>
                                    </customControl:CustomIconToggleBtn>
                                </Grid>
                            </DataTemplate>
                        </GroupStyle.HeaderTemplate>
                        <GroupStyle.Panel >
                            <ItemsPanelTemplate>
                                <VirtualizingStackPanel Visibility="Visible"/>
                            </ItemsPanelTemplate>
                        </GroupStyle.Panel>
                    </GroupStyle>
                </ListView.GroupStyle>
                <ListView.ItemsPanel>
                    <ItemsPanelTemplate>
                        <VirtualizingStackPanel Background="White" Margin="-5,0,0,0"></VirtualizingStackPanel>
                    </ItemsPanelTemplate>
                </ListView.ItemsPanel>
                <ListView.ItemTemplate>
                    <ItemContainerTemplate>
                        <StackPanel>
                            <RichTextBox Background="Transparent" Foreground="#000000" FontFamily="Segoe UI" FontSize="14" IsReadOnly="True" BorderThickness="0" 
                                                 Padding="12,6,10,6" VerticalContentAlignment="Center" VerticalAlignment="Center"
                                         helper:RichTextBoxHelper.DocumentBind="{Binding TextProperty}" Cursor="Arrow"
                                         Width="{Binding ElementName=SearchResultList,Path=ActualWidth,Converter={StaticResource WidthConvert}}"
                                          IsHitTestVisible="False">

                            </RichTextBox>
                        </StackPanel>
                    </ItemContainerTemplate>
                </ListView.ItemTemplate>

                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="SelectionChanged">
                        <i:InvokeCommandAction Command="{Binding SearchChangedCommand}" CommandParameter="{Binding ElementName=SearchResultList,Path=SelectedItem}"/>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </ListView>
        </Grid>

        <Grid x:Name="NoSearch" Grid.Row="0" Grid.RowSpan="3"  Visibility="{Binding SearchItemList.Count, Converter={StaticResource ListCountToVisible}}">
            <StackPanel VerticalAlignment="Center" >
                <Image Source="pack://application:,,,/PDF Office;component/Resources/BOTA/no search.png" />
                <TextBlock
                    Height="22"
                    HorizontalAlignment="Center"
                    FontFamily="Segoe UI"
                    FontSize="14"
                    Text="No search results" />
                <TextBlock
                    Width="168"
                    HorizontalAlignment="Center"
                    FontFamily="Segoe UI"
                    FontSize="12"
                    Foreground="#94989C"
                    TextAlignment="Center"
                    Text="Search requests can be entered above."
                    TextWrapping="Wrap" />
            </StackPanel>
            
        </Grid>
    </Grid>
</UserControl>