Question

我有一个垂直的WPF列表框，绑定到一个集合，带有一个自定义的ItemTemplate。我注意到了一些事情：

与独立的滚动查看器不同，列表框不会连续滚动，而是以增量等于项目的高度跳转。在XAML中定义了这种差异（列表框模板毕竟只包含一个滚动查看器？
是否可以为此跳转设置动画？我正在尝试为此设置动画，以便快速动画从一个偏移到另一个偏移的跳跃。结束蛋糕将是动画显示一些内部和最后的“摆动”。我希望有一个预先定义的行为，但似乎没有一个。尝试使用BeginAnimation在代码中执行此操作失败，抛出Exception告诉我Scrollviewer的VerticalOffset属性无法设置动画。

任何线索？

由于汤姆

Answer 1

1-如果您想要不滚动，可以将ScrollViewer.CanContentScroll更改为False。

<ListBox ScrollViewer.CanContentScroll="False" .... >.....</ListBox>

2-您可以创建自己的控件，使其能够为其偏移设置动画。

MyScrollViewer类

public class MyScrollViewer : ScrollViewer
{
    public static readonly DependencyProperty MyOffsetProperty = DependencyProperty.Register(
        "MyOffset", typeof(double), typeof(MyScrollViewer),
        new PropertyMetadata(new PropertyChangedCallback(onChanged)));

    public double MyOffset
    {
        get { return (double)this.GetValue(ScrollViewer.VerticalOffsetProperty); }
        set { this.ScrollToVerticalOffset(value); }
    }
    private static void onChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        ((MyScrollViewer)d).MyOffset = (double)e.NewValue;
    }
}

在MainWindow.xaml中的

或其他东西

<Grid>
    <my:MyScrollViewer x:Name="myScroll">
        <ListBox x:Name="myList">

        </ListBox>
    </my:MyScrollViewer>
    <Button Content="Down"
                    VerticalAlignment="Bottom"
                    HorizontalAlignment="Right"
                    Margin="10"
                    Click="Button_Click" />
</Grid>

MainWindow.cs

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        for (int i = 1; i < 50; i++)
            myList.Items.Add(i);
    }

    private void Button_Click(object sender, RoutedEventArgs e)
    {
        double offset = (double)myScroll.GetValue(MyScrollViewer.MyOffsetProperty);
        DoubleAnimation goDown = new DoubleAnimation(
            offset,
            offset + 100,
            new Duration(TimeSpan.FromSeconds(2)));
        myScroll.BeginAnimation(MyScrollViewer.MyOffsetProperty, goDown);
    }
}

动画列表框滚动

1 个答案: