PDFOffice_Windows_exe/PDF Office/Views/PropertyPanel/AnnotPanel/SignatureCreateDialog.xaml

<UserControl x:Class="PDF_Office.Views.PropertyPanel.AnnotPanel.SignatureCreateDialog"
             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.PropertyPanel.AnnotPanel" xmlns:cus="clr-namespace:PDF_Office.CustomControl" xmlns:annotpanel="clr-namespace:PDF_Office.ViewModels.PropertyPanel.AnnotPanel" xmlns:dataconvert="clr-namespace:PDF_Office.DataConvert" xmlns:i="http://schemas.microsoft.com/xaml/behaviors" d:DataContext="{d:DesignInstance Type=annotpanel:SignatureCreateDialogViewModel}"
             xmlns:prism="http://prismlibrary.com/"
             prism:Dialog.WindowStyle="{StaticResource DialogWindowStyle}"
             Width="468"
             Height="392"
             mc:Ignorable="d" >
    <UserControl.Resources>

        <Style TargetType="{x:Type TabItem}">
            <Setter Property="Width" Value="74.67 " />
            <Setter Property="Height" Value="28" />
            <Setter Property="BorderThickness" Value="0" />
            <Setter Property="Template" Value="{DynamicResource Segmented}" />
        </Style>
        <dataconvert:UnVisivleConvert x:Key="UnVisivleConvert"/>
        <dataconvert:IntAndTagToBoolMultiBinding x:Key="IntAndTagToBoolMultiBinding"/>
        <dataconvert:ListCountAndBoolToVisible x:Key="ListCountAndBoolToVisible"/>
        <dataconvert:IntToColorBrush x:Key="IntToColorBrush"/>
        <dataconvert:ListCountToVisible x:Key="ListCountToVisible"/>
        <dataconvert:CenterToolTipConverter x:Key="CenterToolTipConverter"/>

        <Style x:Key="TriangleToolTipStyle" TargetType="ToolTip">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate>
                        <StackPanel>
                            <Path HorizontalAlignment="Center" VerticalAlignment="Center" Data="M 6 0 L 0 6 L 12 6 Z" Fill="#E6333333" Margin="0,0,10,0"/>
                            <Border CornerRadius="8" Background="#E6333333" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
                                <TextBlock  Text="{TemplateBinding ContentControl.Content}" Foreground="White"  LineHeight="20" Margin="6"/>
                            </Border>
                        </StackPanel>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>
    <cus:DialogContent Header="新建签名">
        <cus:DialogContent.Content>
            <TabControl
                BorderThickness="0"
                Style="{StaticResource FormTabControl }"
                SelectedIndex="{Binding TabItemIndex,Mode=TwoWay}">
                <TabItem Header="Input">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="32"/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="16"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="16"/>
                        </Grid.ColumnDefinitions>
                        <cus:TextBoxEx 
                            FontFamily="{Binding ElementName=TextComBox,Path=SelectedValue, TargetNullValue=Segoe UI}" 
                            Background="{StaticResource color.sys.layout.mg}" Grid.Column="1" 
                            TextChanged="TextBoxEx_TextChanged"
                            PlaceholderText="Input"  Height="182" FontSize="20"
                            HorizontalContentAlignment="Center" VerticalContentAlignment="Center"  
                            ShowClose="False" Text="{Binding InputText,Mode=TwoWay}"
                            Foreground ="{Binding RadioButtonIndex,Converter={StaticResource IntToColorBrush}}"  />
                        <Button Margin="0,0,8,24" Visibility="{Binding ShowTextButton}" Content="Clear"  Style="{StaticResource btn.sec}" Grid.Column="1" HorizontalAlignment="Right" VerticalAlignment="Bottom" Height="24" Width="43" Command="{Binding ClearTextCommnad}" />
                        <ComboBox Grid.Row="1" Grid.Column="1" x:Name="TextComBox"
                        Width="200"
                        HorizontalAlignment="Left"
                        VerticalContentAlignment="Center" 
                        ItemsSource="{Binding FontNameList}"
                        SelectedIndex="{Binding FontNameIndex,Mode=TwoWay}"/>
                        <StackPanel Grid.Row="1" Grid.Column="1" HorizontalAlignment="Right" VerticalAlignment="Center" Orientation="Horizontal">
                            <cus:PathRadioButton CornerRadius="4" Tag="1" Checked="TextRadioButton_Checked" MouseOverBackground="#EDEEF0" MouseDownBackground="#CED0D4" MouseDownBackgroundOpacity="0.6">
                                <cus:PathRadioButton.Content>
                                    <Grid Width="32" Height="32">
                                        <Ellipse Width="20" Height="20" Fill="#252629"/>
                                    </Grid>
                                </cus:PathRadioButton.Content>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Checked">
                                        <i:InvokeCommandAction Command="{Binding CheckedCommnad}" 
                                                               CommandParameter="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=RadioButton},Path=Tag}"
                                                               PassEventArgsToCommand="True" />
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                                <RadioButton.IsChecked>
                                    <MultiBinding Converter="{StaticResource IntAndTagToBoolMultiBinding }" Mode="OneWay">
                                        <Binding Source="1"/>
                                        <Binding Path="RadioButtonIndex"/>
                                    </MultiBinding>
                                </RadioButton.IsChecked>
                            </cus:PathRadioButton>
                            <cus:PathRadioButton Tag="2" CornerRadius="4" Checked="TextRadioButton_Checked" MouseOverBackground="#EDEEF0" MouseDownBackground="#CED0D4" MouseDownBackgroundOpacity="0.6">
                                <cus:PathRadioButton.Content>
                                    <Grid Width="32" Height="32">
                                        <Ellipse Width="20" Height="20"   Fill="#F3465B"/>
                                    </Grid>
                                </cus:PathRadioButton.Content>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Checked">
                                        <i:InvokeCommandAction Command="{Binding CheckedCommnad}" 
                                                               CommandParameter="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=RadioButton},Path=Tag}"
                                                               PassEventArgsToCommand="True" />
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                                <RadioButton.IsChecked>
                                    <MultiBinding Converter="{StaticResource IntAndTagToBoolMultiBinding }" Mode="OneWay">
                                        <Binding Source="2"/>
                                        <Binding Path="RadioButtonIndex"/>
                                    </MultiBinding>
                                </RadioButton.IsChecked>
                            </cus:PathRadioButton>
                            <cus:PathRadioButton Tag="3" CornerRadius="4" Checked="TextRadioButton_Checked" MouseOverBackground="#EDEEF0" MouseDownBackground="#CED0D4" MouseDownBackgroundOpacity="0.6">
                                <cus:PathRadioButton.Content>
                                    <Grid Width="32" Height="32">
                                        <Ellipse Width="20" Height="20"   Fill="#273C62"/>
                                    </Grid>
                                </cus:PathRadioButton.Content>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Checked">
                                        <i:InvokeCommandAction Command="{Binding CheckedCommnad}" 
                                                               CommandParameter="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=RadioButton},Path=Tag}"
                                                               PassEventArgsToCommand="True" />
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                                <RadioButton.IsChecked>
                                    <MultiBinding Converter="{StaticResource IntAndTagToBoolMultiBinding }" Mode="OneWay">
                                        <Binding Source="3"/>
                                        <Binding Path="RadioButtonIndex"/>
                                    </MultiBinding>
                                </RadioButton.IsChecked>
                            </cus:PathRadioButton>
                            <cus:PathRadioButton Tag="4" CornerRadius="4" Checked="TextRadioButton_Checked" MouseOverBackground="#EDEEF0" MouseDownBackground="#CED0D4" MouseDownBackgroundOpacity="0.6">
                                <cus:PathRadioButton.Content>
                                    <Grid Width="32" Height="32">
                                        <Ellipse Width="20" Height="20"   Fill="#94989C"/>
                                    </Grid>
                                </cus:PathRadioButton.Content>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Checked">
                                        <i:InvokeCommandAction Command="{Binding CheckedCommnad}" 
                                                               CommandParameter="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=RadioButton},Path=Tag}"
                                                               PassEventArgsToCommand="True" />
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                                <RadioButton.IsChecked>
                                    <MultiBinding Converter="{StaticResource IntAndTagToBoolMultiBinding }" Mode="OneWay">
                                        <Binding Source="4"/>
                                        <Binding Path="RadioButtonIndex"/>
                                    </MultiBinding>
                                </RadioButton.IsChecked>
                            </cus:PathRadioButton>
                        </StackPanel>
                    </Grid>
                </TabItem>
                <TabItem Header="Drawing">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="32"/>
                        </Grid.RowDefinitions>

                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="16"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="16"/>
                        </Grid.ColumnDefinitions>
                        <Border Grid.Column="1"  Height="182" BorderThickness="1" CornerRadius="4" BorderBrush="{StaticResource color.field.border.norm}">
                            <Grid>
                                <InkCanvas x:Name="inkCanvas" PreviewMouseLeftButtonDown="inkCanvas_MouseLeftButtonDown"  PreviewMouseLeftButtonUp="inkCanvas_MouseLeftButtonUp"  DefaultDrawingAttributes="{Binding DrawingAttributeObject}" Strokes="{Binding StrokesObject}"/>

                                <Grid Opacity="0.7" x:Name="PlanGrid"   IsHitTestVisible="False" Background="#F3F3F3">
                                    <Grid.Visibility>
                                        <MultiBinding Converter="{StaticResource ListCountAndBoolToVisible }" Mode="OneWay">
                                            <Binding Path="StrokesObject.Count"/>
                                            <Binding Path="IsMouseDown"/>
                                        </MultiBinding>
                                    </Grid.Visibility>
                                    <TextBlock Text="此处绘制签名" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                </Grid>
                                <Button Style="{StaticResource btn.sec}" Margin="0,0,8,8" Width="43" Height="24" HorizontalAlignment="Right" VerticalAlignment="Bottom" Content="Clear" Command="{Binding ClearInkCanvasCommnad}" Visibility="{Binding ElementName=PlanGrid,Path=Visibility,Converter={StaticResource UnVisivleConvert}}"/>
                            </Grid>
                        </Border>
                        <ComboBox Grid.Row="1" Grid.Column="1" 
                        Width="80"
                        HorizontalAlignment="Left"
                        VerticalContentAlignment="Center" 
                        ItemsSource="{Binding ThicknessList}"
                        SelectedIndex="{Binding ThicknessListIndex,Mode=TwoWay}"/>
                        <StackPanel Grid.Row="1" Grid.Column="1"  HorizontalAlignment="Right" VerticalAlignment="Center" Orientation="Horizontal" >
                            <cus:PathRadioButton Tag="1" Checked="ImageRadioButton_Checked" MouseOverBackground="#EDEEF0" MouseDownBackground="#CED0D4" MouseDownBackgroundOpacity="0.6">
                                <cus:PathRadioButton.Content>
                                    <Grid Width="32" Height="32">
                                        <Ellipse Width="20" Height="20" Fill="#252629"/>
                                    </Grid>
                                </cus:PathRadioButton.Content>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Checked">
                                        <i:InvokeCommandAction Command="{Binding CheckedCommnad}" 
                                                               CommandParameter="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=RadioButton},Path=Tag}"
                                                               PassEventArgsToCommand="True" />
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                                <RadioButton.IsChecked>
                                    <MultiBinding Converter="{StaticResource IntAndTagToBoolMultiBinding }" Mode="OneWay">
                                        <Binding Source="1"/>
                                        <Binding Path="ImageRadioButtonIndex"/>
                                    </MultiBinding>
                                </RadioButton.IsChecked>
                            </cus:PathRadioButton>
                            <cus:PathRadioButton Tag="2" Checked="ImageRadioButton_Checked" MouseOverBackground="#EDEEF0" MouseDownBackground="#CED0D4" MouseDownBackgroundOpacity="0.6">
                                <cus:PathRadioButton.Content>
                                    <Grid Width="32" Height="32">
                                        <Ellipse Width="20" Height="20"   Fill="#FC1F1F"/>
                                    </Grid>
                                </cus:PathRadioButton.Content>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Checked">
                                        <i:InvokeCommandAction Command="{Binding CheckedCommnad}" 
                                                               CommandParameter="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=RadioButton},Path=Tag}"
                                                               PassEventArgsToCommand="True" />
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                                <RadioButton.IsChecked>
                                    <MultiBinding Converter="{StaticResource IntAndTagToBoolMultiBinding }" Mode="OneWay">
                                        <Binding Source="2"/>
                                        <Binding Path="ImageRadioButtonIndex"/>
                                    </MultiBinding>
                                </RadioButton.IsChecked>
                            </cus:PathRadioButton>
                            <cus:PathRadioButton Tag="3" Checked="ImageRadioButton_Checked" MouseOverBackground="#EDEEF0" MouseDownBackground="#CED0D4" MouseDownBackgroundOpacity="0.6">
                                <cus:PathRadioButton.Content>
                                    <Grid Width="32" Height="32">
                                        <Ellipse Width="20" Height="20" Fill="#273C62"/>
                                    </Grid>
                                </cus:PathRadioButton.Content>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Checked">
                                        <i:InvokeCommandAction Command="{Binding CheckedCommnad}" 
                                                               CommandParameter="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=RadioButton},Path=Tag}"
                                                               PassEventArgsToCommand="True" />
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                                <RadioButton.IsChecked>
                                    <MultiBinding Converter="{StaticResource IntAndTagToBoolMultiBinding }" Mode="OneWay">
                                        <Binding Source="3"/>
                                        <Binding Path="ImageRadioButtonIndex"/>
                                    </MultiBinding>
                                </RadioButton.IsChecked>
                            </cus:PathRadioButton>
                            <cus:PathRadioButton Tag="4" Checked="ImageRadioButton_Checked" MouseOverBackground="#EDEEF0" MouseDownBackground="#CED0D4" MouseDownBackgroundOpacity="0.6">
                                <cus:PathRadioButton.Content>
                                    <Grid Width="32" Height="32">
                                        <Ellipse Width="20" Height="20" Fill="#94989C"/>
                                    </Grid>
                                </cus:PathRadioButton.Content>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Checked">
                                        <i:InvokeCommandAction Command="{Binding CheckedCommnad}" 
                                                               CommandParameter="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=RadioButton},Path=Tag}"
                                                               PassEventArgsToCommand="True" />
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                                <RadioButton.IsChecked>
                                    <MultiBinding Converter="{StaticResource IntAndTagToBoolMultiBinding }" Mode="OneWay">
                                        <Binding Source="4"/>
                                        <Binding Path="ImageRadioButtonIndex"/>
                                    </MultiBinding>
                                </RadioButton.IsChecked>
                            </cus:PathRadioButton>
                        </StackPanel>
                    </Grid>
                </TabItem>
                <TabItem Header="Picture">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="32"/>
                        </Grid.RowDefinitions>

                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="16"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="16"/>
                        </Grid.ColumnDefinitions>
                        <Border Grid.Column="1"  Height="182" BorderThickness="1" CornerRadius="4" BorderBrush="{StaticResource color.field.border.norm}">
                            <Grid Background="{StaticResource color.sys.layout.mg}">
                                <StackPanel  x:Name="AddStackPanel"  HorizontalAlignment="Center" VerticalAlignment="Center" Visibility="{Binding ShowImageButton}">
                                    <cus:ImageButton
                                Height="128" Width="128" IconHeight="128" IconWidth="128"  
                                Icon="pack://application:,,,/PDF Office;component/Resources/Dialog/AddImage.png"  
                                IconPress="pack://application:,,,/PDF Office;component/Resources/Dialog/AddImageSuspend.png"  
                                IconMouseOver="pack://application:,,,/PDF Office;component/Resources/Dialog/AddImageSuspend.png"   
                                Command="{Binding OpenImageCommnad}"/>
                                    <TextBlock Text="Select image file" FontWeight="Regular" FontSize="14" FontFamily="Segoe UI" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="{StaticResource color.sys.text.neutral.lv3}"/>
                                </StackPanel>
                                <Grid Visibility="{Binding ElementName=AddStackPanel,Path=Visibility,Converter={StaticResource UnVisivleConvert}}">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="24"/>
                                        <RowDefinition Height="*"/>
                                    </Grid.RowDefinitions>
                                    <Image Grid.RowSpan="2" Width="200" Height="200" Source="{Binding ImagePreviewSource}" />
                                    <Button Style="{StaticResource btn.sec}" Grid.Row="1" Width="60" Height="24" Margin="0,0,8,8" HorizontalAlignment="Right" VerticalAlignment="Bottom" Content="重新选择" Command="{Binding OpenImageCommnad}"/>
                                </Grid>
                            </Grid>
                        </Border>
                        <StackPanel Grid.Column="1"   Grid.Row="1" Orientation="Horizontal" HorizontalAlignment="Center">
                            <CheckBox Width="20" Height="20" IsChecked="{Binding IsRemoveBackground}"/>
                            <TextBlock Text="Clear background" FontSize="14" FontFamily="Segoe UI" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                            <cus:ImageButton Margin="8,0,0,0"
                                Height="16" Width="16" IconHeight="16" IconWidth="16"  
                                Icon="pack://application:,,,/PDF Office;component/Resources/Dialog/help.png"  
                                IconPress="pack://application:,,,/PDF Office;component/Resources/Dialog/help.png"  
                                IconMouseOver="pack://application:,,,/PDF Office;component/Resources/Dialog/help.png">
                                <cus:ImageButton.ToolTip >
                                    <ToolTip Style ="{StaticResource TriangleToolTipStyle}" Placement="Bottom" Content="Remove white background from images" >
                                        <ToolTip.HorizontalOffset>
                                            <MultiBinding Converter="{StaticResource CenterToolTipConverter}">
                                                <Binding RelativeSource="{RelativeSource Self}" Path="PlacementTarget.ActualWidth"/>
                                                <Binding RelativeSource="{RelativeSource Self}" Path="ActualWidth"/>
                                            </MultiBinding>
                                        </ToolTip.HorizontalOffset>
                                    </ToolTip>
                                </cus:ImageButton.ToolTip>
                            </cus:ImageButton>
                        </StackPanel>
                    </Grid>
                </TabItem>
            </TabControl>
        </cus:DialogContent.Content>

        <cus:DialogContent.BottmBar>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                <Button
                    Style="{StaticResource Btn.cta}"
                    Grid.Column="0"
                    Width="80"
                    Height="32"
                    HorizontalAlignment="Right"
                    Command="{Binding CreateCommnad}"
                    Content="确定" />
                <Button
                    Style="{StaticResource btn.sec}"
                    Grid.Column="2"
                    Width="80"
                    Height="32"
                    Margin="16,0,16,0"
                    HorizontalAlignment="Left"
                    Command="{Binding CancelCommand}"
                    Content="取消" />
            </StackPanel>
        </cus:DialogContent.BottmBar>
    </cus:DialogContent>
</UserControl>