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 FontFamilyData.ValueStr}"
                                FontSize="{Binding FontSizeData.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"
                            ItemSource="{Binding PresetTextItems}"
                            SelectedItems="{Binding PresetTextData, 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"
                            ItemSource="{Binding FontFamilyItems}"
                            SelectedItems="{Binding FontFamilyData, Mode=TwoWay}" />

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


                            <CompositeControl:CustomComboControl
                                x:Name="FontSizeBox"
                                Width="110"
                                Height="32"
                                HorizontalAlignment="Right"
                                SelectedItems="{Binding FontSizeData, 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 SelectColor}"
                                ShowColorList="Collapsed" />
                        </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>