【WPF控件】简约实用，进度百分比跟随显示的Progressbar

最新推荐文章于 2024-07-19 11:46:30 发布

阿容和远方

最新推荐文章于 2024-07-19 11:46:30 发布

阅读量4.4k

点赞数 1

分类专栏： wpf 文章标签： ProgressBar 自定义样式 wpf控件美化

本文链接：https://blog.csdn.net/sinat_29484257/article/details/84746009

版权

本文介绍了如何创建一个具有进度百分比显示功能的WPF Progressbar控件。通过自定义样式，包括底层灰色条、上层涂色部分和百分比文字，实现进度条的美观展示。进度条的百分比显示与实际进度同步更新，同时讨论了Path和Image的不可变性以及转换器在绑定值时的作用。

摘要由CSDN通过智能技术生成

话不多说先上图：

有三部分组成：1. 底下灰色条部分 2.上层涂色部分 3. 百分比显示部分

<Style TargetType="{x:Type ProgressBar}">
                <Setter Property="Maximum" Value="100" />
                <Setter Property="Height" Value="70" />
                <Setter Property="Value" Value="20" />
                <Setter Property="Foreground" Value="#40a2c2"/>
                <Setter Property="SnapsToDevicePixels" Value="True" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type ProgressBar}">
                            <Grid x:Name="Root">
                                <Grid.RowDefinitions>
                                    <RowDefinition></RowDefinition>
                                    <RowDefinition Height="35" ></RowDefinition>
                                </Grid.RowDefinitions>
                                <Grid  Grid.Row="0">
                                    <Canvas Grid.Row="0" Height="38">
                                        <Canvas x:Name="Too