wpf - 更改日期时TimeSpanUpDown的显示错误的解决方法

Question

当天数从0更改为> 0时，TimeSpanUpDown（扩展的WPF工具包）似乎存在显示错误。

这是重现它的简单方法：

<Window x:Class="TimeSpanBug.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
        Height="100" Width="200">
    <StackPanel>
        <!-- Bind both to the same TimeSpan property in the ViewModel -->
        <xctk:TimeSpanUpDown Value="{Binding TimeSpan}"/>
        <xctk:TimeSpanUpDown Value="{Binding TimeSpan}"/>
    </StackPanel>
</Window>

输入接近但低于24小时的时间范围。天数将自动隐藏。



然后按第一个控件上的向上箭头，将时间跨度增加到> 24h。控件现在更新其显示以包括天数。第二个控件接收到属性更改通知，并尝试更新，但最终处于怪异状态：



显然，这是一个错误，应该由Xceed修复，但是有人知道快速简便的修复方法或解决方法吗？

Answer 1

为什么不自己动手呢？欢迎使用自定义控件创作！一个没有上述错误的简单起点，您可以根据自己的喜好自定义该错误：

[TemplatePart(Name = "UP", Type = typeof(ButtonBase))]
[TemplatePart(Name = "DOWN", Type = typeof(ButtonBase))]
public class TimeSpinner : Control
{
    static TimeSpinner()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(TimeSpinner), new FrameworkPropertyMetadata(typeof(TimeSpinner)));
    }

    public TimeSpan Time
    {
        get { return (TimeSpan)GetValue(TimeProperty); }
        set { SetValue(TimeProperty, value); }
    }

    // Using a DependencyProperty as the backing store for Time.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty TimeProperty =
        DependencyProperty.Register("Time", typeof(TimeSpan), typeof(TimeSpinner), new PropertyMetadata(TimeSpan.Zero));

    public TimeSpan Interval
    {
        get { return (TimeSpan)GetValue(IntervalProperty); }
        set { SetValue(IntervalProperty, value); }
    }

    // Using a DependencyProperty as the backing store for Interval.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty IntervalProperty =
        DependencyProperty.Register("Interval", typeof(TimeSpan), typeof(TimeSpinner), new PropertyMetadata(TimeSpan.FromTicks(TimeSpan.TicksPerHour)));

    private static readonly TimeSpan OneDay = TimeSpan.FromTicks(TimeSpan.TicksPerDay);

    void UpTime()
    {
        var newTime = Time + Interval;
        if (newTime >= OneDay)
            Time = newTime - OneDay;
        else
            Time = newTime;
    }

    void DownTime()
    {
        var newTime = Time - Interval;
        if (newTime < TimeSpan.Zero)
            Time = newTime + OneDay;
        else
            Time = newTime;
    }


    public override void OnApplyTemplate()
    {
        var upButton = GetUIPart<ButtonBase>("UP");
        if(upButton != null)
            upButton.Click += upButton_Click;
        if (_upButton != null)
            _upButton.Click -= upButton_Click;
        _upButton = upButton;

        var downButton = GetUIPart<ButtonBase>("DOWN");
        if (downButton != null)
            downButton.Click += downButton_Click;
        if (_downButton != null)
            _downButton.Click -= downButton_Click;
        _downButton = downButton;
    }

    void downButton_Click(object sender, RoutedEventArgs e)
    {
        DownTime();
    }

    void upButton_Click(object sender, RoutedEventArgs e)
    {
        UpTime();
    }

    private ButtonBase _upButton;
    private ButtonBase _downButton;

    T GetUIPart<T>(string name) where T : DependencyObject
    {
        return (T) GetTemplateChild(name);
    }
}

和一个示例模板（应将其放在项目根目录下名为Themes的文件夹中的Generic.xaml ResourceDictionary中）：

<Style TargetType="{x:Type local:TimeSpinner}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:TimeSpinner}">
                <Border Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}">
                    <DockPanel>
                        <UniformGrid Columns="1" DockPanel.Dock="Right">
                            <Button x:Name="UP" Content="+"/>
                            <Button x:Name="DOWN" Content="-"/>
                        </UniformGrid>
                        <TextBox Text="{Binding Time, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"/>
                    </DockPanel>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>