【WPF】利用Ellipse或Rectangle制作圆形进度条

最新推荐文章于 2024-08-09 16:00:00 发布

阿月浑子2021

最新推荐文章于 2024-08-09 16:00:00 发布

阅读量1.2k

点赞数

分类专栏： WPF 文章标签： wpf c#

本文链接：https://blog.csdn.net/weixin_56814032/article/details/122116883

版权

本文介绍了如何在WPF中利用RenderTransformOrigin和不同的Transform类型，如TranslateTransform、RotateTransform、ScaleTransform等，来创建圆形进度条效果。通过调整这些变换属性，可以实现对象的平移、旋转和缩放，从而达到动态的圆形进度显示。

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

        public MainViewModel()
        {
            Task.Run(() =>
            {
                while(true)
                {
                    Application.Current.Dispatcher.Invoke(() =>
                    {
                        double second = DateTime.Now.Second * 100 / 60;
                        ProcessValue = CalcProgress(second, 50, 12);
                        ProcessNumber = second + "%";
                    });
                }
            });
        }

        /// <summary>
        /// 计算进度条百分比
        /// </summary>
        /// <param name="progress">百分比</param>
        /// <param name="radius">圆角的度数</param>
        /// <param name="thickness">边框厚度</param>
        /// <returns></returns>
        private DoubleCollection CalcProgress(double progress, double radius, double thickness)
        {
            var r = radius - thickness / 2;
            var perimeter = 2 * Math.PI * r / thickness;
            var step = progress / 100 * perimeter;
            var result = new DoubleCollection() { step, 1000 };
            return result;
        }

        private DoubleCollection processValue;
        /// <summary>
        /// 圆形进度条数组
        /// </summary>
        public DoubleCollection ProcessValue
        {
            get { return