首页 > 解决方案 > Xamarin ProgressBar 绑定进度

问题描述

我的 ProgressBar 的 Progress 属性由名为 UploadProgressCallback 的方法更新,该方法由 UploadProgressChanged 事件调用。一切正常,但我注意到 ProgressBar 直接从 0 变为 1,似乎没有平滑更新,我决定分析操作输出并实现发送字节除以文件大小被截断为 0,所以有些结果应该是 0.234 或 0.643,进入 Progress 属性为“0”,它会导致 bar 一直停留在初始点,当上传完成时,除法显然会返回 1 并且 bar 被填充。我尝试了很多东西,但输出始终为 0。有没有人有可以解决这个问题的建议?

xaml 上的进度条视图

<ProgressBar IsVisible="{Binding UploadProgressVisibility}" IsEnabled="{Binding UploadProgressVisibility}" FlowDirection="LeftToRight" ProgressColor="Orange" Progress="{Binding UploadProgress}" Grid.Column="0" Grid.Row="1" HeightRequest="20" WidthRequest="80" Margin="0" />

上传进度回调

webclient.UploadProgressChanged += new UploadProgressChangedEventHandler((s,e) => UploadProgressCallback(s,e,idrefecence));

private void UploadProgressCallback(object sender, UploadProgressChangedEventArgs e, int idreference)
{
    double temp = (double) e.BytesSent / filesize;
    Device.BeginInvokeOnMainThread(() => 
    {
        valuesLock.EnterWriteLock();
        try
        {
           MyCollection[idreference].UploadProgress = temp;
           // this value is being bound to Progress property of ProgressBar 
        }
        finally { valuesLock.ExitWriteLock(); }
    });
}

也试过:

double temp = Convert.ToDouble((double)e.BytesSent / filesize, CultureInfo.InvariantCulture);

使用它,我可以获得正确的结果,但小数点分隔符是“,”而不是“。”

标签: c#xamarindoubleprogress-bar

解决方案


一切正常,但我注意到 ProgressBar 直接从 0 变为 1,似乎没有顺利更新

如果你想要Progressbar 的顺利更新,我建议你可以使用JimBobBennett.AnimatedProgress来实现动画。

首先,通过nuget包安装JimBobBennett.AnimatedProgress,然后在xaml中引用这个dll。

然后将此附加属性用于 ProgressBar。

   <ProgressBar
            jbb:AttachedProperties.AnimatedProgress="{Binding Source={x:Reference entry1}, Path=Text}"
            jbb:AttachedProperties.AnimatedProgressAnimationTime="1000"
            jbb:AttachedProperties.AnimatedProgressEasing="BounceOut"
            ProgressColor="Red" />

        <Entry x:Name="entry1" />

截图:

在此处输入图像描述

请看附件属性:

  public static class AttachedProperties
{
    public static BindableProperty AnimatedProgressProperty =
       BindableProperty.CreateAttached("AnimatedProgress",
       typeof(double),
       typeof(ProgressBar),
       0.0d,
       BindingMode.OneWay,
       propertyChanged: (b, o, n) => ProgressBarProgressChanged((ProgressBar)b, (double)n));

    public static BindableProperty AnimatedProgressAnimationTimeProperty =
       BindableProperty.CreateAttached("AnimatedProgressAnimationTime",
       typeof(int),
       typeof(ProgressBar),
       800,
       BindingMode.OneWay);

    public static BindableProperty AnimatedProgressEasingProperty =
       BindableProperty.CreateAttached("AnimatedProgressEasing",
       typeof(string),
       typeof(ProgressBar),
       default(string),
       BindingMode.OneWay);

    public static double GetAnimatedProgress(BindableObject target) => (double)target.GetValue(AnimatedProgressProperty);
    public static void SetAnimatedProgress(BindableObject target, double value) => target.SetValue(AnimatedProgressProperty, value);

    public static int GetAnimatedProgressAnimationTime(BindableObject target) => (int)target.GetValue(AnimatedProgressAnimationTimeProperty);
    public static void SetAnimatedProgressAnimationTime(BindableObject target, int value) => target.SetValue(AnimatedProgressAnimationTimeProperty, value);

    public static string GetAnimatedProgressEasing(BindableObject target) => (string)target.GetValue(AnimatedProgressEasingProperty);
    public static void SetAnimatedProgressEasing(BindableObject target, string value) => target.SetValue(AnimatedProgressEasingProperty, value);

    private static void ProgressBarProgressChanged(ProgressBar progressBar, double progress)
    {
        ViewExtensions.CancelAnimations(progressBar);

        var animationTime = GetAnimatedProgressAnimationTime(progressBar);
        var easingName = GetAnimatedProgressEasing(progressBar);

        progressBar.ProgressTo(progress, Convert.ToUInt32(Math.Max(0, animationTime)), GetEasing(easingName));
    }

    private static Easing GetEasing(string easingName)
    {
        if (easingName.ToUpper() == nameof(Easing.BounceIn).ToUpper())
            return Easing.BounceIn;
        if (easingName.ToUpper() == nameof(Easing.BounceOut).ToUpper())
            return Easing.BounceOut;
        if (easingName.ToUpper() == nameof(Easing.CubicIn).ToUpper())
            return Easing.CubicIn;
        if (easingName.ToUpper() == nameof(Easing.CubicOut).ToUpper())
            return Easing.CubicOut;
        if (easingName.ToUpper() == nameof(Easing.CubicInOut).ToUpper())
            return Easing.CubicInOut;
        if (easingName.ToUpper() == nameof(Easing.Linear).ToUpper())
            return Easing.Linear;
        if (easingName.ToUpper() == nameof(Easing.SinIn).ToUpper())
            return Easing.SinIn;
        if (easingName.ToUpper() == nameof(Easing.SinOut).ToUpper())
            return Easing.SinOut;
        if (easingName.ToUpper() == nameof(Easing.SinInOut).ToUpper())
            return Easing.SinInOut;
        if (easingName.ToUpper() == nameof(Easing.SpringIn).ToUpper())
            return Easing.SpringIn;
        if (easingName.ToUpper() == nameof(Easing.SpringOut).ToUpper())
            return Easing.SpringOut;

        return Easing.SinIn;
    }
}

推荐阅读