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:FormControl="clr-namespace:PDF_Office.CustomControl.Form"
    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/"
    prism:ViewModelLocator.AutoWireViewModel="True"
    d:DesignHeight="450"
    d:DesignWidth="800"
    
    Loaded="UserControl_Loaded"
    mc:Ignorable="d">
    <!--d:DataContext="{d:DesignInstance Type=pdfedit:TextEditPropertyViewModel}"-->
    <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>
        <FormControl:LayoutAglinContent x:Name="laoutAglin" Grid.Row="1" IsLayoutAlign="{Binding IsLayoutAlign}" IsLayoutAvgAlign="{Binding IsLayoutAvgAlign}">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="ValueChanged">
                    <i:InvokeCommandAction Command="{Binding ImgAlignCheckedCommand}" CommandParameter="{Binding ElementName=laoutAglin, Path=Btntag}" />
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </FormControl:LayoutAglinContent>
    </Grid>
</UserControl>