如何创建负角半径

Question

所以我有这个Progress-Bar，在它的右边，简单的Border是我想在Border里面放Label（Progress-Bar在左侧）：

在此之后2 Progress-Bar的值为100%：

如您所见，我可以看到Progress-Bar Corner Radius，并且我希望Border的左侧为负Corner Radius

我的Progress-Bar风格：

<Style x:Key="{x:Type ProgressBar}" TargetType="{x:Type ProgressBar}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ProgressBar}">
                    <Grid MinHeight="14" MinWidth="200">
                        <Border Name="PART_Track"
                                CornerRadius="5,0,0,5"
                                Background="{DynamicResource ProgressBarBackgroundColor}"
                                BorderBrush="{DynamicResource ProgressBarBackgroundColor}"
                                BorderThickness="0" />
                        <Border Name="PART_Indicator"
                                CornerRadius="8" 
                                Background="{DynamicResource ProgressBarFillBackgroundColor}"
                                BorderBrush="{DynamicResource ProgressBarFillBackgroundColor}" 
                                BorderThickness="0" 
                                HorizontalAlignment="Left" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

XAML

<StackPanel Orientation="Horizontal">
    <ProgressBar Name="progressBar"
                 Height="20"
                 Width="700"
                 Minimum="0"
                 VerticalAlignment="Center"
                 Maximum="100"
                 HorizontalAlignment="Left"
                 Value="{Binding Progress, UpdateSourceTrigger=PropertyChanged}"                                                                                                                                                             
                 Style="{StaticResource {x:Type ProgressBar}}"
                 Margin="0,0,0,0"/>
    <Border Width="40"
            Height="19"
            VerticalAlignment="Center"
            HorizontalAlignment="Left"
            CornerRadius="0,5,5,0"
            Margin="0,0,0,0">
        <Border.Background>
            <SolidColorBrush Color="#FF343D46" Opacity="0.4"/>
        </Border.Background>
    </Border>
</StackPanel>

**UPDATE**

Answer 1

本质上，您想要做的是，当进度条的值为100时，您也想应用另一种模板，就像您只显示进度条时的模板一样。使用以下XAML：

您可以看到，在触发模板中-角半径属性对于进度条轨道的正确角设置为太零。

 <Style x:Key="{x:Type ProgressBar}" TargetType="{x:Type ProgressBar}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ProgressBar}">
                    <Grid MinHeight="14" MinWidth="200">
                        <Border Name="PART_Track"
                                CornerRadius="5,0,0,5"
                                Background="{DynamicResource ProgressBarBackgroundColor}"
                                BorderBrush="{DynamicResource ProgressBarBackgroundColor}"
                                BorderThickness="0" />
                        <Border Name="PART_Indicator"
                                CornerRadius="5"
                                Background="{DynamicResource ProgressBarFillBackgroundColor}"
                                BorderBrush="{DynamicResource ProgressBarFillBackgroundColor}"
                                BorderThickness="0"
                                HorizontalAlignment="Left" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <Trigger Property="Value" Value="100">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type ProgressBar}">
                            <Grid MinHeight="14" MinWidth="200">
                                <Border Name="PART_Track"
                                        CornerRadius="5,0,0,5"
                                        Background="{DynamicResource ProgressBarBackgroundColor}"
                                        BorderBrush="{DynamicResource ProgressBarBackgroundColor}"
                                        BorderThickness="0" />
                                <Border Name="PART_Indicator"
                                        CornerRadius="5,0,0,5"
                                        Background="{DynamicResource ProgressBarFillBackgroundColor}"
                                        BorderBrush="{DynamicResource ProgressBarFillBackgroundColor}"
                                        BorderThickness="0"
                                        HorizontalAlignment="Left" />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Trigger>
        </Style.Triggers>

这将导致以下行为：