PDFOffice_Windows_exe/PDF Office/Views/PropertyPanel/PDFEdit/TextEditProperty.xaml

<UserControl
    x:Class="PDF_Office.Views.PropertyPanel.PDFEdit.TextEditProperty"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:CompositeControl="clr-namespace:PDF_Office.CustomControl.CompositeControl"
    xmlns:Convert="clr-namespace:PDF_Office.DataConvert"
    xmlns:cus="clr-namespace:PDF_Office.CustomControl"
    xmlns:cusColor="clr-namespace:PDF_Office.CustomControl.CompositeControl"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
    xmlns:local="clr-namespace:PDF_Office.Views.PropertyPanel"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:pdfedit="clr-namespace:PDF_Office.Views.PropertyPanel.PDFEdit"
    xmlns:prism="http://prismlibrary.com/"
    d:DataContext="{d:DesignInstance Type=pdfedit:TextEditPropertyViewModel}"
    d:DesignHeight="450"
    d:DesignWidth="800"
    prism:ViewModelLocator.AutoWireViewModel="True"
    Loaded="UserControl_Loaded"
    mc:Ignorable="d">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="../../../Styles/SliderStyle.xaml" />
                <ResourceDictionary Source="../../../Styles/CustomBtnStyle.xaml" />
                <ResourceDictionary Source="../../../Styles/RadioButtonStyle.xaml" />
            </ResourceDictionary.MergedDictionaries>

            <Convert:BoolToVisible x:Key="BoolToVisible" />
            <Convert:InvertBoolToVisibleConvert x:Key="InvertBoolToVisibleConvert" />
            <Convert:InvertBoolConvert x:Key="InvertBoolConvert" />
            <ContextMenu x:Key="BtnFlyoutMenu" FontSize="14">
                <ContextMenu.ItemContainerStyle>
                    <Style TargetType="MenuItem">
                        <Setter Property="Padding" Value="0,7,0,7" />
                        <Setter Property="VerticalContentAlignment" Value="Center" />
                    </Style>
                </ContextMenu.ItemContainerStyle>
                <MenuItem
                    Name="ChangeStyleMenuItem"
                    Header="用所选部分重新定义"
                    IsEnabled="True" />
                <MenuItem
                    Name="BackStyleMenuItem"
                    Header="恢复默认预设样式"
                    IsEnabled="True" />
            </ContextMenu>

            <DataTemplate x:Key="FontStyleData">
                <Grid>
                    <TextBlock Foreground="Black" Text="{Binding mFontStyleName}" />
                </Grid>
            </DataTemplate>

        </ResourceDictionary>
    </UserControl.Resources>
    <Grid Background="#F3F3F3">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <Grid Visibility="{Binding IsSelectTextAndImg, Converter={StaticResource InvertBoolToVisibleConvert}}">

            <StackPanel Visibility="{Binding IsTextEdit, Converter={StaticResource BoolToVisible}}">
                <TextBlock
                    Name="AnnotTypeTitle"
                    Margin="10,8,0,0"
                    HorizontalAlignment="Left"
                    FontFamily="Segoe UI Semibold"
                    FontSize="18"
                    FontWeight="SemiBold"
                    LineHeight="24">
                    Freetext
                </TextBlock>
                <Border
                    Width="228"
                    Height="100"
                    Margin="0,8,0,0"
                    Background="White"
                    BorderBrush="#DDDDDD"
                    BorderThickness="1"
                    CornerRadius="2">
                    <Grid>
                        <Border
                            Name="FreeTextBorder"
                            Padding="5"
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center">
                            <TextBlock
                                Name="SampleText"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                FontFamily="{Binding TextFontFamily}"
                                FontSize="{Binding TextFontSize}"
                                FontStyle="{Binding TextFontStyle}"
                                FontWeight="{Binding TextFontWeights}"
                                Foreground="{Binding SelectColor}"
                                Text="Sample" />
                        </Border>

                        <Path
                            Name="UnderlinePath"
                            Margin="0,51,0,0"
                            HorizontalAlignment="Center"
                            StrokeThickness="2"
                            Visibility="Collapsed">
                            <Path.Data>
                                <LineGeometry StartPoint="0,0" EndPoint="62,0" />
                            </Path.Data>
                        </Path>
                        <Path
                            Name="StrikeoutPath"
                            Margin="0,40,0,0"
                            HorizontalAlignment="Center"
                            StrokeThickness="2"
                            Visibility="Collapsed">
                            <Path.Data>
                                <LineGeometry StartPoint="0,0" EndPoint="62,0" />
                            </Path.Data>
                        </Path>
                        <Path
                            Name="SquigglyPath"
                            Margin="0,51,0,0"
                            HorizontalAlignment="Center"
                            StrokeThickness="2"
                            Visibility="Collapsed" />
                    </Grid>
                </Border>


                <Border
                    Height="32"
                    Margin="12,0,4,0"
                    BorderBrush="#E2E3E6"
                    BorderThickness="0">
                    <StackPanel Orientation="Horizontal">
                        <ComboBox
                            Name="FontTitleBox"
                            Width="148"
                            Padding="10,10,0,0"
                            Background="Transparent"
                            BorderBrush="#FFE2E3E6"
                            BorderThickness="1"
                            IsReadOnly="True"
                            ItemTemplate="{StaticResource FontStyleData}"
                            ItemsSource="{Binding FontStyleList}">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="SelectionChanged">
                                    <i:InvokeCommandAction Command="{Binding SelectedFontStyleCommand}" CommandParameter="{Binding ElementName=FontTitleBox, Path=SelectedItem}" />
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </ComboBox>
                        <Button
                            Width="32"
                            Height="32"
                            ContextMenu="{StaticResource BtnFlyoutMenu}" />
                    </StackPanel>
                </Border>




                <TextBlock
                    x:Name="FontText"
                    Margin="12,18,0,0"
                    FontFamily="Segoe UI Semibold"
                    FontSize="14"
                    FontWeight="SemiBold"
                    LineHeight="20">
                    Font
                </TextBlock>

                <Grid Margin="0,6,0,0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto" />
                        <ColumnDefinition Width="auto" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto" />
                        <RowDefinition Height="auto" />
                        <RowDefinition Height="auto" />
                    </Grid.RowDefinitions>

                    <Border
                        Grid.ColumnSpan="2"
                        Width="228"
                        Height="32"
                        Margin="12,0,4,0"
                        BorderBrush="#E2E3E6"
                        BorderThickness="0">
                        <Grid>
                            <ComboBox
                                Name="FontFamilyBox"
                                Padding="10,10,0,0"
                                Background="Transparent"
                                BorderBrush="#FFE2E3E6"
                                BorderThickness="1"
                                IsReadOnly="True">
                                <ComboBox.ItemContainerStyle>
                                    <Style TargetType="{x:Type ComboBoxItem}">
                                        <Setter Property="Padding" Value="10,0,0,0" />
                                    </Style>
                                </ComboBox.ItemContainerStyle>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    <TextBlock
                                        FontFamily="Courier New"
                                        FontSize="14"
                                        Tag="Courier"
                                        Text="Courier New" />
                                </ComboBoxItem>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    <TextBlock
                                        FontFamily="Arial"
                                        FontSize="14"
                                        Tag="Helvetica"
                                        Text="Arial" />
                                </ComboBoxItem>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    <TextBlock
                                        FontFamily="Times New Roman"
                                        FontSize="14"
                                        Tag="Times Roman"
                                        Text="Times New Roman" />
                                </ComboBoxItem>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="SelectionChanged">
                                        <i:InvokeCommandAction Command="{Binding FontFamilyChangedCommand}" CommandParameter="{Binding ElementName=FontFamilyBox, Path=SelectedIndex}" />
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </ComboBox>

                            <TextBox
                                Name="FontFamilyText"
                                Margin="2,0,25,0"
                                Padding="10,0,0,0"
                                VerticalAlignment="Center"
                                Background="White"
                                BorderThickness="0"
                                FontFamily="Segoe UI"
                                FontSize="14"
                                IsReadOnly="True"
                                TextAlignment="Left" />
                        </Grid>
                    </Border>

                    <cusColor:ColorSubContent
                        x:Name="FontColorBox"
                        Grid.Row="2"
                        Grid.Column="1"
                        HorizontalAlignment="Left" />

                    <Border
                        Grid.Row="1"
                        Width="148"
                        Height="32"
                        Margin="12,8,4,0"
                        BorderBrush="#E2E3E6"
                        BorderThickness="0">
                        <Grid>
                            <ComboBox
                                Name="FontStyleBox"
                                Padding="10,10,0,0"
                                Background="Transparent"
                                BorderBrush="#FFE2E3E6"
                                BorderThickness="1"
                                IsReadOnly="True">
                                <ComboBox.ItemContainerStyle>
                                    <Style TargetType="{x:Type ComboBoxItem}">
                                        <Setter Property="Padding" Value="10,0,0,0" />
                                    </Style>
                                </ComboBox.ItemContainerStyle>
                                <ComboBoxItem
                                    x:Name="RegularItem"
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    Regular
                                </ComboBoxItem>
                                <ComboBoxItem
                                    x:Name="BoldItem"
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    Bold
                                </ComboBoxItem>
                                <ComboBoxItem
                                    x:Name="ItalicItem"
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    Italic
                                </ComboBoxItem>
                                <ComboBoxItem
                                    x:Name="BoldItalicItem"
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    Bold Italic
                                </ComboBoxItem>

                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="SelectionChanged">
                                        <i:InvokeCommandAction Command="{Binding FontStyleChangedCommand}" CommandParameter="{Binding ElementName=FontStyleBox, Path=SelectedItem}" />
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </ComboBox>
                            <TextBox
                                Name="FontStyleText"
                                Height="20"
                                Margin="2,0,35,0"
                                Padding="10,0,0,0"
                                VerticalAlignment="Center"
                                Background="White"
                                BorderThickness="0"
                                FontFamily="Segoe UI"
                                FontSize="14"
                                IsReadOnly="True"
                                TextAlignment="Left" />
                        </Grid>
                    </Border>

                    <Border
                        Grid.Row="1"
                        Grid.Column="1"
                        Width="80"
                        Height="32"
                        Margin="-1,8,0,0"
                        BorderBrush="#E2E3E6"
                        BorderThickness="0">
                        <Grid>
                            <ComboBox
                                Name="FontSizeBox"
                                Background="Transparent"
                                BorderBrush="#FFE2E3E6"
                                BorderThickness="1"
                                MaxDropDownHeight="200">
                                <ComboBox.ItemContainerStyle>
                                    <Style TargetType="{x:Type ComboBoxItem}">
                                        <Setter Property="Padding" Value="10,0,0,0" />
                                    </Style>
                                </ComboBox.ItemContainerStyle>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    6
                                </ComboBoxItem>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    8
                                </ComboBoxItem>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    9
                                </ComboBoxItem>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    10
                                </ComboBoxItem>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    12
                                </ComboBoxItem>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    14
                                </ComboBoxItem>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    18
                                </ComboBoxItem>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    20
                                </ComboBoxItem>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    22
                                </ComboBoxItem>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    24
                                </ComboBoxItem>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    26
                                </ComboBoxItem>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    28
                                </ComboBoxItem>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    32
                                </ComboBoxItem>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    36
                                </ComboBoxItem>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    48
                                </ComboBoxItem>
                                <ComboBoxItem
                                    Height="32"
                                    VerticalContentAlignment="Center"
                                    Template="{StaticResource comboxitem}">
                                    72
                                </ComboBoxItem>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="SelectionChanged">
                                        <i:InvokeCommandAction Command="{Binding FontSizeChangedCommand}" CommandParameter="{Binding ElementName=FontSizeBox, Path=SelectedItem}" />
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </ComboBox>
                            <TextBox
                                Name="FontSizeText"
                                Height="20"
                                Margin="2,0,35,0"
                                Padding="10,0,0,0"
                                VerticalAlignment="Center"
                                Background="White"
                                BorderThickness="0"
                                FontFamily="Segoe UI"
                                FontSize="14"
                                IsReadOnly="True"
                                TextAlignment="Left" />
                        </Grid>
                    </Border>


                    <Border
                        Grid.Row="2"
                        Grid.ColumnSpan="2"
                        Width="148"
                        Margin="12,8,0,0"
                        HorizontalAlignment="Left">
                        <Grid Name="ToolGrid">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>



                            <RadioButton
                                x:Name="TextAlignLeftBtn"
                                Width="32"
                                Height="32"
                                VerticalContentAlignment="Center"
                                Background="Transparent"
                                Foreground="#616469"
                                GroupName="TextAlign"
                                IsChecked="True"
                                Style="{DynamicResource GreyBgRadioBtnStyle}"
                                Tag="AlignLeft">
                                <RadioButton.Content>
                                    <Grid Width="32" Height="32">
                                        <Canvas Margin="5,10,0,0">
                                            <Rectangle
                                                Canvas.Top="0.25"
                                                Width="14"
                                                Height="1.5"
                                                Stroke="{Binding ElementName=TextAlignLeftBtn, Path=Foreground}"
                                                StrokeThickness="1.5" />
                                            <Rectangle
                                                Canvas.Top="4.25"
                                                Width="8"
                                                Height="1.5"
                                                Stroke="{Binding ElementName=TextAlignLeftBtn, Path=Foreground}"
                                                StrokeThickness="1.5" />
                                            <Rectangle
                                                Canvas.Top="12.25"
                                                Width="8"
                                                Height="1.5"
                                                Stroke="{Binding ElementName=TextAlignLeftBtn, Path=Foreground}"
                                                StrokeThickness="1.5" />
                                            <Rectangle
                                                Canvas.Top="8.25"
                                                Width="14"
                                                Height="1.5"
                                                Stroke="{Binding ElementName=TextAlignLeftBtn, Path=Foreground}"
                                                StrokeThickness="1.5" />
                                        </Canvas>
                                    </Grid>
                                </RadioButton.Content>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Checked">
                                        <i:InvokeCommandAction Command="{Binding TextAlignCheckedCommand}" CommandParameter="{Binding ElementName=TextAlignLeftBtn, Path=Tag}" />
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </RadioButton>

                            <RadioButton
                                x:Name="TextAlignCenterBtn"
                                Grid.Column="1"
                                Width="32"
                                Height="32"
                                VerticalContentAlignment="Center"
                                Background="Transparent"
                                Foreground="#616469"
                                GroupName="TextAlign"
                                Style="{DynamicResource GreyBgRadioBtnStyle}"
                                Tag="AlignCenter">
                                <RadioButton.Content>
                                    <Grid Width="32" Height="32">
                                        <Canvas Margin="5,10,0,0">
                                            <Rectangle
                                                Canvas.Top="0.25"
                                                Width="14"
                                                Height="1.5"
                                                Stroke="{Binding ElementName=TextAlignCenterBtn, Path=Foreground}"
                                                StrokeThickness="1.5" />
                                            <Rectangle
                                                Canvas.Left="3"
                                                Canvas.Top="4.25"
                                                Width="8"
                                                Height="1.5"
                                                Stroke="{Binding ElementName=TextAlignCenterBtn, Path=Foreground}"
                                                StrokeThickness="1.5" />
                                            <Rectangle
                                                Canvas.Left="3"
                                                Canvas.Top="12.25"
                                                Width="8"
                                                Height="1.5"
                                                Stroke="{Binding ElementName=TextAlignCenterBtn, Path=Foreground}"
                                                StrokeThickness="1.5" />
                                            <Rectangle
                                                Canvas.Top="8.25"
                                                Width="14"
                                                Height="1.5"
                                                Stroke="{Binding ElementName=TextAlignCenterBtn, Path=Foreground}"
                                                StrokeThickness="1.5" />
                                        </Canvas>
                                    </Grid>
                                </RadioButton.Content>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Checked">
                                        <i:InvokeCommandAction Command="{Binding TextAlignCheckedCommand}" CommandParameter="{Binding ElementName=TextAlignCenterBtn, Path=Tag}" />
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </RadioButton>

                            <RadioButton
                                x:Name="TextAlignRightBtn"
                                Grid.Column="2"
                                Width="32"
                                Height="32"
                                VerticalContentAlignment="Center"
                                Background="Transparent"
                                Foreground="#616469"
                                GroupName="TextAlign"
                                Style="{DynamicResource GreyBgRadioBtnStyle}"
                                Tag="AlignRight">
                                <RadioButton.Content>
                                    <Grid Width="32" Height="32">
                                        <Canvas Margin="5,10,0,0">
                                            <Rectangle
                                                Canvas.Top="0.25"
                                                Width="14"
                                                Height="1.5"
                                                Stroke="{Binding ElementName=TextAlignRightBtn, Path=Foreground}"
                                                StrokeThickness="1.5" />
                                            <Rectangle
                                                Canvas.Left="6"
                                                Canvas.Top="4.25"
                                                Width="8"
                                                Height="1.5"
                                                Stroke="{Binding ElementName=TextAlignRightBtn, Path=Foreground}"
                                                StrokeThickness="1.5" />
                                            <Rectangle
                                                Canvas.Left="6"
                                                Canvas.Top="12.25"
                                                Width="8"
                                                Height="1.5"
                                                Stroke="{Binding ElementName=TextAlignRightBtn, Path=Foreground}"
                                                StrokeThickness="1.5" />
                                            <Rectangle
                                                Canvas.Top="8.25"
                                                Width="14"
                                                Height="1.5"
                                                Stroke="{Binding ElementName=TextAlignRightBtn, Path=Foreground}"
                                                StrokeThickness="1.5" />
                                        </Canvas>
                                    </Grid>
                                </RadioButton.Content>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Checked">
                                        <i:InvokeCommandAction Command="{Binding TextAlignCheckedCommand}" CommandParameter="{Binding ElementName=TextAlignRightBtn, Path=Tag}" />
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </RadioButton>

                            <RadioButton
                                x:Name="TextAlignBtn"
                                Grid.Column="3"
                                Width="32"
                                Height="32"
                                VerticalContentAlignment="Center"
                                Background="Transparent"
                                Foreground="#616469"
                                GroupName="TextAlign"
                                Style="{DynamicResource GreyBgRadioBtnStyle}"
                                Tag="Align">
                                <RadioButton.Content>
                                    <Grid Width="32" Height="32">
                                        <Canvas Margin="5,10,0,0">
                                            <Rectangle
                                                Canvas.Top="0.25"
                                                Width="14"
                                                Height="1.5"
                                                Stroke="{Binding ElementName=TextAlignBtn, Path=Foreground}"
                                                StrokeThickness="1.5" />
                                            <Rectangle
                                                Canvas.Top="8.25"
                                                Width="14"
                                                Height="1.5"
                                                Stroke="{Binding ElementName=TextAlignBtn, Path=Foreground}"
                                                StrokeThickness="1.5" />
                                            <Rectangle
                                                Canvas.Top="4.25"
                                                Width="14"
                                                Height="1.5"
                                                Stroke="{Binding ElementName=TextAlignBtn, Path=Foreground}"
                                                StrokeThickness="1.5" />
                                            <Rectangle
                                                Canvas.Top="12.25"
                                                Width="14"
                                                Height="1.5"
                                                Stroke="{Binding ElementName=TextAlignBtn, Path=Foreground}"
                                                StrokeThickness="1.5" />
                                        </Canvas>
                                    </Grid>
                                </RadioButton.Content>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Checked">
                                        <i:InvokeCommandAction Command="{Binding TextAlignCheckedCommand}" CommandParameter="{Binding ElementName=TextAlignBtn, Path=Tag}" />
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </RadioButton>

                        </Grid>
                    </Border>
                </Grid>

                <TextBlock
                    x:Name="AlignText"
                    Margin="12,14,0,0"
                    FontFamily="Segoe UI Semibold"
                    FontSize="14"
                    FontWeight="SemiBold"
                    LineHeight="20">
                    Align
                </TextBlock>
            </StackPanel>

            <StackPanel Visibility="{Binding IsTextEdit, Converter={StaticResource InvertBoolToVisibleConvert}}">
                <TextBlock
                    Name="AnnotTypeTitle1"
                    Margin="10,8,0,0"
                    HorizontalAlignment="Left"
                    FontFamily="Segoe UI Semibold"
                    FontSize="18"
                    FontWeight="SemiBold"
                    LineHeight="24">
                    Image
                </TextBlock>
                <Border
                    Width="228"
                    Height="100"
                    Margin="0,8,0,0"
                    Background="White"
                    BorderBrush="#DDDDDD"
                    BorderThickness="1"
                    CornerRadius="2">
                    <Grid>
                        <Border
                            Name="FreeTextBorder1"
                            Padding="5"
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center">
                            <Image x:Name="ImgExmple" Source="{Binding CurrentImg}">
                                <Image.RenderTransform>
                                    <RotateTransform x:Name="test" Angle="{Binding Angle}" />
                                </Image.RenderTransform>
                            </Image>
                        </Border>
                    </Grid>
                </Border>
                <StackPanel
                    Margin="0,18,0,0"
                    HorizontalAlignment="Center"
                    Orientation="Horizontal">
                    <Button
                        Width="32"
                        Height="32"
                        Margin="0,0,20,0"
                        Command="{Binding AntiClockwiseCommand}"
                        Content="逆转"
                        IsEnabled="{Binding IsCrop, Converter={StaticResource InvertBoolConvert}}" />
                    <Button
                        Width="32"
                        Height="32"
                        Command="{Binding ClockwiseCommand}"
                        Content="顺转"
                        IsEnabled="{Binding IsCrop, Converter={StaticResource InvertBoolConvert}}" />
                </StackPanel>

                <CompositeControl:SlidComboControl IsEnabled="{Binding IsCrop, Converter={StaticResource InvertBoolConvert}}" />
                <StackPanel
                    Width="228"
                    Margin="0,20,0,0"
                    HorizontalAlignment="Center">
                    <Grid x:Name="GridCrop">
                        <cus:CustomIconToggleBtn
                            x:Name="BtnCrop"
                            BorderBrush="#DFE1E5"
                            BorderThickness="1"
                            Command="{Binding CropModeCommand}"
                            ContentStringFormat="156"
                            Foreground="Black"
                            Style="{StaticResource ToggleBtnViewModeStyle}"
                            Tag="Crop"
                            Visibility="{Binding IsCrop, Converter={StaticResource InvertBoolToVisibleConvert}}">
                            <TextBlock Text="Crop" />
                        </cus:CustomIconToggleBtn>
                        <Grid Visibility="{Binding IsCrop, Converter={StaticResource BoolToVisible}}">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="8" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>

                            <Button
                                Height="32"
                                Background="#1770F4"
                                Command="{Binding CropImgCommand}"
                                Content="Confirm" />
                            <Button
                                Grid.Column="2"
                                Background="White"
                                BorderBrush="#DFE1E5"
                                BorderThickness="1"
                                Command="{Binding CancelCropCommand}"
                                Content="Cancel" />
                        </Grid>
                    </Grid>
                    <cus:CustomIconToggleBtn
                        x:Name="BtnReplace"
                        Margin="0,13,0,0"
                        BorderBrush="#DFE1E5"
                        BorderThickness="1"
                        Command="{Binding ReplaceImgCommand}"
                        ContentStringFormat="156"
                        Foreground="Black"
                        IsEnabled="{Binding IsCrop, Converter={StaticResource InvertBoolConvert}}"
                        Style="{StaticResource ToggleBtnViewModeStyle}"
                        Tag="Replace">
                        <TextBlock Text="Replace" />
                    </cus:CustomIconToggleBtn>

                    <cus:CustomIconToggleBtn
                        x:Name="BtnExtract"
                        Margin="0,13,0,0"
                        BorderBrush="#DFE1E5"
                        BorderThickness="1"
                        Command="{Binding ExportImgCommand}"
                        ContentStringFormat="156"
                        Foreground="Black"
                        IsEnabled="{Binding IsCrop, Converter={StaticResource InvertBoolConvert}}"
                        Style="{StaticResource ToggleBtnViewModeStyle}"
                        Tag="Extract">
                        <TextBlock Text="Extract" />
                    </cus:CustomIconToggleBtn>
                </StackPanel>
                <TextBlock
                    x:Name="AlignImg"
                    Margin="12,14,0,0"
                    FontFamily="Segoe UI Semibold"
                    FontSize="14"
                    FontWeight="SemiBold"
                    LineHeight="20">
                    Align
                </TextBlock>
            </StackPanel>

        </Grid>

        <StackPanel Visibility="{Binding IsSelectTextAndImg, Converter={StaticResource BoolToVisible}}">
            <TextBlock
                x:Name="GeneralProperties"
                Margin="12,14,0,0"
                FontFamily="Segoe UI Semibold"
                FontSize="14"
                FontWeight="SemiBold"
                LineHeight="20">
                General Properties
            </TextBlock>
            <TextBlock
                x:Name="AlignTextAndImg"
                Margin="12,14,0,0"
                FontFamily="Segoe UI Semibold"
                FontSize="14"
                FontWeight="SemiBold"
                LineHeight="20">
                Align
            </TextBlock>
        </StackPanel>

        <Grid
            x:Name="LayoutAlignGrid"
            Grid.Row="1"
            Width="150"
            Margin="0,10,0,0"
            HorizontalAlignment="Left">
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>

            <RadioButton
                x:Name="BtnImgLayoutAlignLeft"
                Grid.Row="0"
                Grid.Column="0"
                Width="32"
                Height="32"
                VerticalContentAlignment="Center"
                Background="Transparent"
                Foreground="#616469"
                GroupName="ImgAlign"
                IsEnabled="{Binding IsLayoutAlign}"
                Style="{DynamicResource GreyBgRadioBtnStyle}"
                Tag="AlignLeft">
                <RadioButton.Content>
                    <Path
                        Margin="5,0,0,0"
                        Data="M2.01367 15V1H3.51367V15H2.01367ZM5 4H11V7H5V4ZM14 9H5V12H14V9Z"
                        Fill="{Binding ElementName=BtnImgLayoutAlignLeft, Path=Foreground}" />
                </RadioButton.Content>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Checked">
                        <i:InvokeCommandAction Command="{Binding ImgAlignCheckedCommand}" CommandParameter="{Binding ElementName=BtnImgLayoutAlignLeft, Path=Tag}" />
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </RadioButton>

            <RadioButton
                x:Name="BtnImgLayoutAlignHorizonCenter"
                Grid.Row="0"
                Grid.Column="1"
                Width="32"
                Height="32"
                VerticalContentAlignment="Center"
                Background="Transparent"
                Foreground="#616469"
                GroupName="ImgAlign"
                IsEnabled="{Binding IsLayoutAlign}"
                Style="{DynamicResource GreyBgRadioBtnStyle}"
                Tag="AlignHorizonCenter">
                <RadioButton.Content>
                    <Path
                        Margin="5,0,0,0"
                        Data="M8.75 7L8.75 9L12 9L12 12L8.75 12L8.75 15L7.25 15L7.25 12L4 12L4 9L7.25 9L7.25 7L2 7L2 4L7.25 4L7.25 0.999999L8.75 1L8.75 4L14 4L14 7L8.75 7Z"
                        Fill="{Binding ElementName=BtnImgLayoutAlignHorizonCenter, Path=Foreground}" />
                </RadioButton.Content>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Checked">
                        <i:InvokeCommandAction Command="{Binding ImgAlignCheckedCommand}" CommandParameter="{Binding ElementName=BtnImgLayoutAlignHorizonCenter, Path=Tag}" />
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </RadioButton>

            <RadioButton
                x:Name="BtnImgLayoutAlignRight"
                Grid.Row="0"
                Grid.Column="2"
                Width="32"
                Height="32"
                VerticalContentAlignment="Center"
                Background="Transparent"
                Foreground="#616469"
                GroupName="ImgAlign"
                IsEnabled="{Binding IsLayoutAlign}"
                Style="{DynamicResource GreyBgRadioBtnStyle}"
                Tag="AlignRight">
                <RadioButton.Content>
                    <Path
                        Margin="5,0,0,0"
                        Data="M14 1L14 15L12.5 15L12.5 1L14 1ZM11 12L2 12L2 9L11 9L11 12ZM4 7L11 7L11 4L4 4L4 7Z"
                        Fill="{Binding ElementName=BtnImgLayoutAlignRight, Path=Foreground}" />
                </RadioButton.Content>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Checked">
                        <i:InvokeCommandAction Command="{Binding ImgAlignCheckedCommand}" CommandParameter="{Binding ElementName=BtnImgLayoutAlignRight, Path=Tag}" />
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </RadioButton>

            <RadioButton
                x:Name="BtnImgLayoutAlignDistributeHorizontal"
                Grid.Row="0"
                Grid.Column="3"
                Width="32"
                Height="32"
                VerticalContentAlignment="Center"
                Background="Transparent"
                Foreground="#616469"
                GroupName="ImgAlign"
                IsEnabled="{Binding IsLayoutAvgAlign}"
                Style="{DynamicResource GreyBgRadioBtnStyle}"
                Tag="DistributeHorizontal">
                <RadioButton.Content>
                    <Path
                        Margin="5,0,0,0"
                        Data="M15 12.5L1 12.5L1 14L15 14L15 12.5ZM12 9.5L4 9.5L4 6.5L12 6.5L12 9.5ZM1 2L15 2L15 3.5L1 3.5L1 2Z"
                        Fill="{Binding ElementName=BtnImgLayoutAlignDistributeHorizontal, Path=Foreground}" />
                </RadioButton.Content>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Checked">
                        <i:InvokeCommandAction Command="{Binding ImgAlignCheckedCommand}" CommandParameter="{Binding ElementName=BtnImgLayoutAlignDistributeHorizontal, Path=Tag}" />
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </RadioButton>

            <RadioButton
                x:Name="BtnImgLayoutAlignTop"
                Grid.Row="1"
                Grid.Column="0"
                Width="32"
                Height="32"
                VerticalContentAlignment="Center"
                Background="Transparent"
                Foreground="#616469"
                GroupName="ImgAlign"
                IsEnabled="{Binding IsLayoutAlign}"
                Style="{DynamicResource GreyBgRadioBtnStyle}"
                Tag="AlignTop">
                <RadioButton.Content>
                    <Path
                        Margin="5,0,0,0"
                        Data="M15 2L1 2L1 3.5L15 3.5L15 2ZM12 5L12 11L9 11L9 5L12 5ZM7 5L7 14L4 14L4 5L7 5Z"
                        Fill="{Binding ElementName=BtnImgLayoutAlignTop, Path=Foreground}" />
                </RadioButton.Content>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Checked">
                        <i:InvokeCommandAction Command="{Binding ImgAlignCheckedCommand}" CommandParameter="{Binding ElementName=BtnImgLayoutAlignTop, Path=Tag}" />
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </RadioButton>

            <RadioButton
                x:Name="BtnImgLayoutAlignVerticalCenter"
                Grid.Row="1"
                Grid.Column="1"
                Width="32"
                Height="32"
                VerticalContentAlignment="Center"
                Background="Transparent"
                Foreground="#616469"
                GroupName="ImgAlign"
                IsEnabled="{Binding IsLayoutAlign}"
                Style="{DynamicResource GreyBgRadioBtnStyle}"
                Tag="AlignVerticalCenter">
                <RadioButton.Content>
                    <Path
                        Margin="5,0,0,0"
                        Data="M7 7.25L9 7.25L9 4L12 4L12 7.25L15 7.25L15 8.75L12 8.75L12 12L9 12L9 8.75L7 8.75L7 14L4 14L4 8.75L1 8.75L1 7.25L4 7.25L4 2L7 2L7 7.25Z"
                        Fill="{Binding ElementName=BtnImgLayoutAlignVerticalCenter, Path=Foreground}" />
                </RadioButton.Content>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Checked">
                        <i:InvokeCommandAction Command="{Binding ImgAlignCheckedCommand}" CommandParameter="{Binding ElementName=BtnImgLayoutAlignVerticalCenter, Path=Tag}" />
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </RadioButton>

            <RadioButton
                x:Name="BtnImgLayoutAlignBottom"
                Grid.Row="1"
                Grid.Column="2"
                Width="32"
                Height="32"
                VerticalContentAlignment="Center"
                Background="Transparent"
                Foreground="#616469"
                GroupName="ImgAlign"
                IsEnabled="{Binding IsLayoutAlign}"
                Style="{DynamicResource GreyBgRadioBtnStyle}"
                Tag="AlignBottom">
                <RadioButton.Content>
                    <Path
                        Margin="5,0,0,0"
                        Data="M9 2H12V11H9V2ZM4 5H7V11H4V5ZM1 14H15V12.5H1V14Z"
                        Fill="{Binding ElementName=BtnImgLayoutAlignBottom, Path=Foreground}" />
                </RadioButton.Content>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Checked">
                        <i:InvokeCommandAction Command="{Binding ImgAlignCheckedCommand}" CommandParameter="{Binding ElementName=BtnImgLayoutAlignBottom, Path=Tag}" />
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </RadioButton>

            <RadioButton
                x:Name="BtnImgLayoutDistributeVertical"
                Grid.Row="1"
                Grid.Column="3"
                Width="32"
                Height="32"
                VerticalContentAlignment="Center"
                Background="Transparent"
                Foreground="#616469"
                GroupName="ImgAlign"
                IsEnabled="{Binding IsLayoutAvgAlign}"
                Style="{DynamicResource GreyBgRadioBtnStyle}"
                Tag="DistributeVertical">
                <RadioButton.Content>
                    <Path
                        Margin="5,0,0,0"
                        Data="M2 15V1H3.5V15H2ZM6.5 4H9.5V12H6.5V4ZM12.5 1V15H14V1H12.5Z"
                        Fill="{Binding ElementName=BtnImgLayoutDistributeVertical, Path=Foreground}" />
                </RadioButton.Content>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Checked">
                        <i:InvokeCommandAction Command="{Binding ImgAlignCheckedCommand}" CommandParameter="{Binding ElementName=BtnImgLayoutDistributeVertical, Path=Tag}" />
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </RadioButton>

        </Grid>
    </Grid>
</UserControl>