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

<UserControl x:Class="PDF_Office.Views.PropertyPanel.AnnotPanel.FreetextAnnotProperty"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:PDF_Office.Views.PropertyPanel.AnnotPanel"
             xmlns:CompositeControl="clr-namespace:PDF_Office.CustomControl.CompositeControl"
             xmlns:cusColor="clr-namespace:PDF_Office.CustomControl.CompositeControl"
             xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
             xmlns:prism="http://prismlibrary.com/"             
             prism:ViewModelLocator.AutoWireViewModel="True"
             xmlns:Convert="clr-namespace:PDF_Office.DataConvert"
             xmlns:cus="clr-namespace:PDF_Office.CustomControl"
             mc:Ignorable="d"
             d:DesignHeight="850" d:DesignWidth="800">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="../../../Styles/SliderStyle.xaml"></ResourceDictionary>
                <ResourceDictionary Source="../../../Styles/CustomBtnStyle.xaml"/>
            </ResourceDictionary.MergedDictionaries>
            <Convert:InvertBoolToVisibleConvert x:Key="InvertBoolToVisibleConvert"/>
            <Convert:CheckToVisibleMutiConvert x:Key="CheckToVisibleMutiConvert"/>
            <Style x:Key="line1Style" TargetType="{x:Type Line}">
                <Setter Property="Visibility">
                    <Setter.Value>
                        <MultiBinding Converter="{StaticResource CheckToVisibleMutiConvert}">
                            <Binding ElementName="TextAlignLeftBtn" Path="IsChecked"/>
                            <Binding ElementName="TextAlignCenterBtn" Path="IsChecked"/>
                        </MultiBinding>
                    </Setter.Value>
                </Setter>
            </Style>
            <Style x:Key="line2Style" TargetType="{x:Type Line}">
                <Setter Property="Visibility">
                    <Setter.Value>
                        <MultiBinding Converter="{StaticResource CheckToVisibleMutiConvert}">
                            <Binding ElementName="TextAlignCenterBtn" Path="IsChecked"/>
                            <Binding ElementName="TextAlignRightBtn" Path="IsChecked"/>
                        </MultiBinding>
                    </Setter.Value>
                </Setter>
            </Style>

            <DataTemplate x:Key="FontStyleData">
                <Grid >
                    <TextBlock Text="{Binding mFontStyleName}" Foreground="Black"/>
                </Grid>
            </DataTemplate>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid Background="#F3F3F3">
        <StackPanel>
            <TextBlock Name="AnnotTypeTitle" FontFamily="Segoe UI Semibold" FontWeight="SemiBold" FontSize="18" LineHeight="24" HorizontalAlignment="Left" Margin="10,8,0,0">Freetext</TextBlock>
            <Border Width="228" Height="100" BorderThickness="1" CornerRadius="2" BorderBrush="#DDDDDD" Background="White" Margin="0,8,0,0"
                     Visibility="{Binding IsMultiSelected,Converter={StaticResource InvertBoolToVisibleConvert}}"
                    >
                <Grid>
                    <Border Name="FreeTextBorder" HorizontalAlignment="Center" VerticalAlignment="Center" Padding="5"
                            Opacity="{Binding FillOpacity}"
                            Background="{Binding FillColor}">
                        <TextBlock Name="SampleText"
                                   Foreground="{Binding SelectColor}" 
                                   FontFamily="{Binding  CurrentFontFamily.ValueStr}"
                                   FontWeight="{Binding FontWeightItem}" 
                                   FontStyle="{Binding FontStyleItem}"
                                   FontSize="{Binding CurrentFontSize.Value}" Opacity="{Binding FillOpacity}"
                                   Text="Sample" HorizontalAlignment="Center" VerticalAlignment="Center">
                        </TextBlock>
                    </Border>

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

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

            <Border
                    Height="32"
                    Margin="15,8,15,18"
                    BorderBrush="#E2E3E6"
                    BorderThickness="0">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition Width="auto"/>
                    </Grid.ColumnDefinitions>
                    <CompositeControl:CustomComboControl
                            x:Name="FontTitleBox"
                            Width="188"
                            Height="32"
                            HorizontalAlignment="Left"
                            IsValueContent="True"
                            ItemSource="{Binding PresetFontItems}"
                            SelectedItems="{Binding CurrentPresetFont, Mode=TwoWay}" />


                    <Button Grid.Column="1"
                            Width="32"
                            Height="32"
                            HorizontalAlignment="Left" 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 Margin="15,0,15,0">
                <TextBlock
                        Margin="0,0,0,10"
                        Style="{StaticResource PropertyHeaderLv2}"
                        Text="文本" />

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

                    <Grid Margin="0,8">
                        <CompositeControl:CustomComboControl
                                x:Name="FontStyleBox"
                                Width="110"
                                Height="32"
                                HorizontalAlignment="Left"
                                IsValueContent="True"
                                ItemSource="{Binding FontStyleItems}"
                                IsSelectedEmpty ="{Binding IsSelectedEmpty}"
                                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"
                                ShowColorList="Collapsed"  
                                UIColor="{Binding CurrentFontColor,Mode=OneWay}"
                            >
                            <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>
            <Grid Margin="15,18,15,0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <TextBlock Text="Fill" VerticalAlignment="Center"/>
                <CompositeControl:SlidContent x:Name="layerThick" HorizontalAlignment="Right"
                    Visibility="{Binding IsMultiSelected,Converter={StaticResource InvertBoolToVisibleConvert}}"                           
                                              >
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="SelectedValueChanged">
                            <i:InvokeCommandAction Command="{Binding SelectedOpacityValueCommand}" CommandParameter="{Binding ElementName=layerThick,Path=Value}"/>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </CompositeControl:SlidContent>
                <CompositeControl:ColorContent Grid.Row="1" x:Name="cusColor" UIColor="{Binding CurrentFillColor,Mode=OneWay}">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="SelectedColorInvoke">
                            <i:InvokeCommandAction Command="{Binding SelectedFillColorCommand}" CommandParameter="{Binding ElementName=cusColor,Path=SelectedColor}"/>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </CompositeControl:ColorContent>
            </Grid>


<!--MVP不上-->

            <TextBlock x:Name="thicknessText" Visibility="Collapsed" FontFamily="Segoe UI Semibold" FontWeight="SemiBold" FontSize="14" LineHeight="20" Margin="12,14,0,0" >Thickness</TextBlock>

            <Grid Visibility="Collapsed">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="auto"></ColumnDefinition>
                </Grid.ColumnDefinitions>

                <Slider Name="ThicknessSlider" VerticalAlignment="Center" Margin="12,0,0,0" Width="148"  Minimum="0" Maximum="24" IsSelectionRangeEnabled="True" IsMoveToPointEnabled="True" 
                    Style="{StaticResource RoundThumbSlider}"  TickFrequency="1" IsSnapToTickEnabled="True" >
                    <Slider.Resources>
                        <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="#477EDE" />
                        <SolidColorBrush x:Key="{x:Static SystemColors.ControlDarkDarkBrushKey}" Color="#E2E3E6" />
                    </Slider.Resources>
                </Slider>


                <Border Grid.Column="1" BorderBrush="#E2E3E6"  Width="80" Height="32" Margin="0,0,11,0"  BorderThickness="0">
                    <Grid>
                        <ComboBox Name="ThicknessBox" BorderThickness="1" Padding="10" Background="Transparent" BorderBrush="#FFE2E3E6"
                                  MaxDropDownHeight="200">
                            <ComboBox.ItemContainerStyle>
                                <Style TargetType="{x:Type ComboBoxItem}">
                                    <Setter Property="Padding" Value="10 0 0 0"/>
                                </Style>
                            </ComboBox.ItemContainerStyle>
                            <ComboBoxItem Content="1" Height="32" VerticalContentAlignment="Center" Template="{StaticResource comboxitem}"/>
                            <ComboBoxItem Content="3" Height="32" VerticalContentAlignment="Center" Template="{StaticResource comboxitem}"/>
                            <ComboBoxItem Content="6" Height="32" VerticalContentAlignment="Center" Template="{StaticResource comboxitem}"/>
                            <ComboBoxItem Content="9" Height="32" VerticalContentAlignment="Center" Template="{StaticResource comboxitem}"/>
                            <ComboBoxItem Content="12" Height="32" VerticalContentAlignment="Center" Template="{StaticResource comboxitem}"/>
                            <ComboBoxItem Content="15" Height="32" VerticalContentAlignment="Center" Template="{StaticResource comboxitem}"/>
                            <ComboBoxItem Content="18" Height="32" VerticalContentAlignment="Center" Template="{StaticResource comboxitem}"/>
                            <ComboBoxItem Content="21" Height="32" VerticalContentAlignment="Center" Template="{StaticResource comboxitem}"/>
                            <ComboBoxItem Content="24" Height="32" VerticalContentAlignment="Center" Template="{StaticResource comboxitem}"/>
                        </ComboBox>
                        <TextBox Name="ThicknessText" Background="White" FontFamily="Segoe UI" FontSize="14"  Height="20" Margin="10,0,35,0" IsReadOnly="True"
                             BorderThickness="0" VerticalAlignment="Center" TextAlignment="Left" >
                        </TextBox>
                    </Grid>
                </Border>
            </Grid>

            <StackPanel Visibility="Collapsed" Orientation="Horizontal" Margin="0,20,0,0">

                <RadioButton x:Name="BtnSolid" Tag="Solid" GroupName="LineMode"
                                 Width="105" Height="32" Margin="0,0,10,0" Foreground="#616469"
                                 VerticalContentAlignment="Center" Background="Transparent"
                                 Style="{DynamicResource GreyBgRadioBtnStyle}">
                    <RadioButton.Content>
                        <Line X1="10" Y1="5" X2="90" Y2="5" Stroke="Black" StrokeThickness="2" />
                    </RadioButton.Content>
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Checked">
                            <i:InvokeCommandAction Command="{Binding LineModeCheckedCommand}" CommandParameter="{Binding ElementName=BtnSolid, Path=Tag}" />
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </RadioButton>

                <RadioButton x:Name="BtnDashed" Tag="Dashed" GroupName="LineMode"
                                 Width="105" Height="32" Margin="0,0" Foreground="#616469"
                                 VerticalContentAlignment="Center" Background="Transparent"
                                 Style="{DynamicResource GreyBgRadioBtnStyle}">
                    <RadioButton.Content>
                        <Line X1="10" Y1="5" X2="90" Y2="5" Stroke="Black" StrokeThickness="2" StrokeDashArray="2"/>
                    </RadioButton.Content>
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Checked">
                            <i:InvokeCommandAction Command="{Binding LineModeCheckedCommand}" CommandParameter="{Binding ElementName=BtnDashed, Path=Tag}" />
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </RadioButton>

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