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:FormControl="clr-namespace:PDF_Office.CustomControl.Form"
    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:form="clr-namespace:PDF_Office.CustomControl.Form"
    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:DesignHeight="450"
    d:DesignWidth="260"
    prism:ViewModelLocator.AutoWireViewModel="True"
    Background="{StaticResource color.sys.layout.mg}"
    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" />
          
            <DataTemplate x:Key="FontStyleData">
                <Grid>
                    <TextBlock Foreground="Black" Text="{Binding mFontStyleName}" />
                </Grid>
            </DataTemplate>

        </ResourceDictionary>
    </UserControl.Resources>
    <Grid Margin="16,14">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <Grid>
            <StackPanel>
                <TextBlock
                    Name="AnnotTypeTitle"
                    HorizontalAlignment="Left"
                    FontFamily="Segoe UI"
                    FontSize="14"
                    FontWeight="SemiBold"
                    LineHeight="22">
                    Freetext
                </TextBlock>
                <Border
                    Width="228"
                    Height="88"
                    Margin="0,8,0,0"
                    Background="{StaticResource color.field.bg.def}"
                    BorderBrush="{StaticResource color.field.border.norm}"
                    BorderThickness="1"
                    CornerRadius="2">
                    <Grid>
                        <Border
                            Name="FreeTextBorder"
                            Padding="5"
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center">
                          
                            <TextBlock
                                Name="SampleText"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                FontFamily="{Binding CurrentFontFamily.ValueStr}"
                                FontSize="{Binding CurrentFontSize.Value}"
                                FontStyle="{Binding FontStyleItem}"
                                FontWeight="{Binding FontWeightItem}"
                                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="0,8,0,18"
                    BorderBrush="#E2E3E6"
                    BorderThickness="0">
                    <Grid>
                        <CompositeControl:CustomComboControl
                            x:Name="FontTitleBox"
                            Width="188"
                            Height="32"
                            HorizontalAlignment="Left"
                            IsValueContent="True"
                            IsSelectedEmpty ="{Binding IsSelectedEmpty}"
                            ItemSource="{Binding PresetFontItems}"
                            SelectedItems="{Binding CurrentPresetFont, Mode=TwoWay}" />

                        <Button
                            Width="32"
                            Height="32"
                            HorizontalAlignment="Right" Command="{Binding CustomFontStyleCommand}"
                            Style="{StaticResource btn.sec}">
                            <Path
                                Width="16"
                                Height="16"
                                Data="M4 8C4 8.82843 3.32843 9.5 2.5 9.5C1.67157 9.5 1 8.82843 1 8C1 7.17157 1.67157 6.5 2.5 6.5C3.32843 6.5 4 7.17157 4 8ZM9.3999 8C9.3999 8.82843 8.72833 9.5 7.8999 9.5C7.07148 9.5 6.3999 8.82843 6.3999 8C6.3999 7.17157 7.07148 6.5 7.8999 6.5C8.72833 6.5 9.3999 7.17157 9.3999 8ZM13.5 9.5C14.3284 9.5 15 8.82843 15 8C15 7.17157 14.3284 6.5 13.5 6.5C12.6716 6.5 12 7.17157 12 8C12 8.82843 12.6716 9.5 13.5 9.5Z"
                                Fill="{StaticResource color.icon.base.neutral.norm.lv1}" />
                        </Button>
                    </Grid>
                </Border>

                <StackPanel>
                    <TextBlock
                        Margin="0,0,0,10"
                        Style="{StaticResource PropertyHeaderLv2}"
                        Text="文本" />

                    <StackPanel>
                        <CompositeControl:CustomComboControl
                            x:Name="FontFamilyBox"
                            Height="32"
                            IsValueContent="True"
                            IsSelectedEmpty ="{Binding IsSelectedEmpty}"
                            ItemSource="{Binding FontFamilyItems}"
                            SelectedItems="{Binding CurrentFontFamily, Mode=TwoWay}" />

                        <Grid Margin="0,8">
                            <CompositeControl:CustomComboControl
                                x:Name="FontStyleBox"
                                Width="110"
                                Height="32"
                                HorizontalAlignment="Left"
                                IsValueContent="True"
                                IsSelectedEmpty ="{Binding IsSelectedEmpty}"
                                ItemSource="{Binding FontStyleItems}"
                                SelectedItems="{Binding CurrrentFontWeightStyle, Mode=TwoWay}" />


                            <CompositeControl:CustomComboControl
                                x:Name="FontSizeBox"
                                Width="110"
                                Height="32"
                                HorizontalAlignment="Right"
                                IsSelectedEmpty ="{Binding IsSelectedEmpty}"
                                SelectedItems="{Binding CurrentFontSize, Mode=TwoWay}" />
                        </Grid>
                        <Grid>
                            <StackPanel Orientation="Horizontal">
                                <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"
                                    Width="32"
                                    Height="32"
                                    Margin="8,0"
                                    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"
                                    Margin="8,0"
                                    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>
                            </StackPanel>
                            <cusColor:ColorContent
                                x:Name="FontColorBox"
                                Width="56"
                                HorizontalAlignment="Right" SelectedColor="{Binding CurrentColor}"
                                ShowColorList="Collapsed" >
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="SelectedColorInvoke">
                                        <i:InvokeCommandAction Command="{Binding SelectedColorCommand}" CommandParameter="{Binding ElementName=FontColorBox, Path=SelectedColor}" />
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </cusColor:ColorContent>
                        </Grid>
                    </StackPanel>
                </StackPanel>

                <TextBlock
                    x:Name="AlignImg"
                    Margin="0,18,0,10"
                    FontFamily="Segoe UI"
                    FontSize="12"
                    FontWeight="SemiBold"
                    Foreground="{StaticResource color.sys.text.neutral.lv2}"
                    LineHeight="20">
                    Align
                </TextBlock>
            </StackPanel>
        </Grid>

        <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 LayoutAlignCheckedCommand}" CommandParameter="{Binding ElementName=laoutAglin, Path=Btntag}" />
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </FormControl:LayoutAglinContent>
    </Grid>
</UserControl>