WPF技术问询：如何在进度条显示文本及实现DataGrid下载百分比列

针对你提出的两个WPF技术需求，我整理了具体的实现方案，希望能帮到你：

1. 在进度条控件上显示文本 #

WPF默认的ProgressBar控件没有内置显示文本的功能，最直接的实现方式是用容器控件（比如Grid）将进度条和文本块叠加，让文本显示在进度条上方。

快速实现方案 #

<Grid Width="200" Height="25">
    <ProgressBar Value="75" Minimum="0" Maximum="100" />
    <TextBlock Text="75%" 
               HorizontalAlignment="Center" 
               VerticalAlignment="Center" 
               Foreground="White" />
</Grid>

可复用的自定义控件方案 #

如果需要在多个地方复用带文本的进度条，可以封装成自定义控件：

1. 创建自定义控件类：

public class ProgressBarWithText : ProgressBar
{
    static ProgressBarWithText()
    {
        DefaultStyleKeyProperty.OverrideMetadata(
            typeof(ProgressBarWithText), 
            new FrameworkPropertyMetadata(typeof(ProgressBarWithText)));
    }
}

2. 在Generic.xaml中定义控件模板：

<Style TargetType="{x:Type local:ProgressBarWithText}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:ProgressBarWithText}">
                <Grid>
                    <ProgressBar Value="{TemplateBinding Value}" 
                                 Minimum="{TemplateBinding Minimum}" 
                                 Maximum="{TemplateBinding Maximum}" />
                    <TextBlock Text="{Binding RelativeSource={RelativeSource TemplatedParent}, 
                                              Path=Value, 
                                              StringFormat={}{0}%}" 
                               HorizontalAlignment="Center" 
                               VerticalAlignment="Center" 
                               Foreground="White" />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

使用时直接引用自定义控件即可：

<local:ProgressBarWithText Value="60" />

2. DataGrid下载百分比列的代码完善 #

从你提供的代码片段来看，你正在构建一个带停止按钮的下载百分比列，我帮你补全并优化了代码，同时添加了进度条+百分比文本的显示逻辑：

<DataGridTemplateColumn Header="Percent" IsReadOnly="True" Width="*">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <DockPanel>
                <!-- 左侧：显示下载进度与百分比 -->
                <Grid DockPanel.Dock="Left" Width="150" Margin="0,0,5,0">
                    <ProgressBar Value="{Binding DownloadPercent}" 
                                 Minimum="0" 
                                 Maximum="100" 
                                 Height="20" />
                    <TextBlock Text="{Binding DownloadPercent, StringFormat={}{0:F1}%}" 
                               HorizontalAlignment="Center" 
                               VerticalAlignment="Center" 
                               Foreground="White" 
                               FontSize="10" />
                </Grid>
                <!-- 右侧：停止下载按钮 -->
                <Button Margin="5,0,0,0" 
                        DockPanel.Dock="Right" 
                        VerticalContentAlignment="Center" 
                        Style="{StaticResource BasicButtonStyle}"
                        Command="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type DataGrid}}, Path=DataContext.StopCommand}"
                        CommandParameter="{Binding}">
                    <!-- 这里可以替换成你需要的图标或文字 -->
                    <TextBlock>停止</TextBlock>
                </Button>
            </DockPanel>
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

关键说明： #

• 进度绑定：假设你的数据项包含DownloadPercent属性（类型为double，取值0-100），直接绑定即可动态更新进度
• 停止按钮命令：通过RelativeSource绑定到DataGrid的DataContext中的StopCommand，并传递当前数据项作为CommandParameter，方便ViewModel定位要停止的下载任务
• 样式调整：你可以根据需求修改进度条宽度、文本样式，或者替换按钮图标（比如用Material Design Icons）

内容的提问来源于stack exchange，提问作者Kerwen