列表视图在项目源更改时重置其滚动位置

时间:2015-05-01 08:53:47

标签: c# xaml listview windows-phone-8.1 win-universal-app

我在Windows Phone 8.1应用程序中遇到问题,如果我在listview的itemsource中添加元素,listview会重置其滚动位置。

为了解释,如果我滚动到列表视图的底部并将一个元素插入到绑定的OC的顶部,列表视图会自动跳转到顶部。

我希望它保持不变。如何解决这个问题?

CODE

背后的代码

public sealed partial class MainPage : Page
{
    public ObservableCollection<String> Collection = new ObservableCollection<string>();

    private bool incall;
    private int offset;
    int _noofelements;
    ScrollViewer _scrollViewer;

    public MainPage()
    {
        this.InitializeComponent();

        this.NavigationCacheMode = NavigationCacheMode.Required;
        listview.ItemsSource = Collection;
        addNumber(0);
    }

    public static ScrollViewer GetScrollViewer(DependencyObject depObj)
    {
        if (depObj is ScrollViewer) return depObj as ScrollViewer;

        for (int i = 0; i < VisualTreeHelper.GetChildrenCount(depObj); i++)
        {
            var child = VisualTreeHelper.GetChild(depObj, i);

            var result = GetScrollViewer(child);
            if (result != null) return result;
        }
        return null;
    }

    private void OnViewChanged(object sender, ScrollViewerViewChangedEventArgs e)
    {
        ScrollViewer view = (ScrollViewer)sender;
        if ((view.VerticalOffset > 0.9 * view.ScrollableHeight) & !incall)
        {
            incall = true;
            addNumber(++offset);
        }
    }

    private void addNumber(int offset)
    {
        int start = offset * 20;
        for (int i = start; i < start + 20; i++)
        {
            if (i % 20 == 0)
                Collection.Insert(0, (_noofelements++).ToString());
            else
                Collection.Add((_noofelements++).ToString());
        }

        incall = false;
    }

    private void listview_Loaded(object sender, RoutedEventArgs e)
    {
        _scrollViewer = GetScrollViewer(listview);
        if (_scrollViewer != null)
        {
            _scrollViewer.ViewChanged += OnViewChanged;
        }
    }
}

UI

<Grid>
    <ListView x:Name="listview" Loaded="listview_Loaded">
        <ListView.ItemsPanel>
            <ItemsPanelTemplate>
                <ItemsStackPanel ItemsUpdatingScrollMode="KeepItemsInView"/>
            </ItemsPanelTemplate>
        </ListView.ItemsPanel>
        <ListView.ItemTemplate>
            <DataTemplate>
                <TextBlock Margin="25" FontSize="32" Text="{Binding}"/>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</Grid>

0 个答案:

没有答案