WPF 进度条

  其实不考虑系统兼容性的话有更简单的解决方案:

Media players - Windows apps | Microsoft Docs

如果没办法保证目标机器的系统版本还是建议使用MediaElement。

ProgressBarConvert.cs

    internal class ProgressBarConvert : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return TimeSpan.FromMilliseconds((double)value).ToString(@"hh\:mm\:ss\.fff");
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return ((TimeSpan)value).TotalMilliseconds;
        }
    }

MediaPlayer.xaml

<Slider x:Name="ProgressBar" Style="{DynamicResource PlayerSliderStyle}"  Width="1180" Canvas.Top="596" Minimum="0" TickFrequency="30"/>
<TextBlock  Text="{Binding ElementName=ProgressBar, Path=Value, Converter={StaticResource ProgressBarConvert}}"  FontSize="20"/>

Slider的最大值需要在MediaOpend时获取(媒体文件打开之前获取的不正确);Value通过定时器与视频进度同步;

        private DispatcherTimer MediaTimer;
        private void VideoPlayer_MediaOpened(object sender, RoutedEventArgs e)
        {
            ProgressBar.Maximum = VideoPlayer.NaturalDuration.TimeSpan.TotalMilliseconds;

            MediaTimer = new DispatcherTimer
            {
                Interval = TimeSpan.FromMilliseconds(30)
            };
            MediaTimer.Tick += new EventHandler(Timer_tick);
            MediaTimer.Start();
        }

        private void Timer_tick(object sender, EventArgs e)
        {
            ProgressBar.Value = VideoPlayer.Position.TotalMilliseconds;
        }

显示效果:

以下是使用C# WPF实现圆形进度条的代码示例: ```csharp <Window x:Class="CircularProgressBar.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Circular Progress Bar" Height="350" Width="350"> <Grid> <Ellipse Width="100" Height="100" Stroke="Gray" StrokeThickness="10"> <Ellipse.Clip> <EllipseGeometry Center="50,50" RadiusX="45" RadiusY="45"/> </Ellipse.Clip> </Ellipse> <Path x:Name="progressIndicator" Stroke="Blue" StrokeThickness="10"> <Path.Data> <PathGeometry> <PathFigure x:Name="progressFigure" StartPoint="50,5"> <ArcSegment x:Name="progressArc" Point="50,5" Size="45,45" SweepDirection="Clockwise"/> </PathFigure> </PathGeometry> </Path.Data> </Path> </Grid> </Window> ``` 在代码中,我们使用了一个`Ellipse`元素来绘制圆形进度条的背景,使用`Path`元素来绘制进度条的前景。`Path`元素中的`PathFigure`和`ArcSegment`元素用于绘制圆弧。 接下来,我们需要在C#代码中实现进度条的动态效果。我们可以使用`Storyboard`和`DoubleAnimation`来实现进度条的动态效果。以下是C#代码示例: ```csharp public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); Loaded += MainWindow_Loaded; } private void MainWindow_Loaded(object sender, RoutedEventArgs e) { var storyboard = new Storyboard(); var animation = new DoubleAnimation(0, 360, new Duration(TimeSpan.FromSeconds(5))); Storyboard.SetTarget(animation, progressArc); Storyboard.SetTargetProperty(animation, new PropertyPath(ArcSegment.EndAngleProperty)); storyboard.Children.Add(animation); storyboard.Begin(); } } ``` 在代码中,我们创建了一个`Storyboard`对象,并使用`DoubleAnimation`来实现进度条的动态效果。`Storyboard.SetTarget`和`Storyboard.SetTargetProperty`方法用于将动画应用到`progressArc`元素的`EndAngle`属性上。最后,我们调用`storyboard.Begin()`方法来启动动画。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值