专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > WinRT Metro

“Win10 UAP 开发系列”之 在MVVM模式中统制ListView滚动位置

发布时间:2011-06-23 13:56:15 文章来源:www.iduyao.cn 采编人员:星星草
“Win10 UAP 开发系列”之 在MVVM模式中控制ListView滚动位置

这个扩展属性从WP8.1就开始用了,主要是为了解决MVVM模式中无法直接控制ListView滚动位置的问题。比如在VM中刷新了数据,需要将View中的ListView滚动到顶部,ListView只有一个ScrollIntoView()方法可以控制滚动的位置,但最好在VM中不要出现直接控制View的代码,需要通过其他的方式。

使用一个扩展属性即可实现:

/// <summary>
    /// 将ListView滚动到顶部 使用方法:在ListView增加扩展属性
    /// ext:ListViewScrollToProperties.ScrollToIndex="{Binding ScrollToIndex}"
    /// 在VM中先vm.ScrollToIndex = 1;再vm.ScrollToIndex = 0;
    /// </summary>
    public class ListViewScrollToProperties : DependencyObject
    {
        public static readonly DependencyProperty ScrollToIndexProperty =
            DependencyProperty.RegisterAttached("ScrollToIndex", typeof(int), typeof(ListViewScrollToProperties), new PropertyMetadata("", OnScrollToIndexChanged));

        public static string GetScrollToIndex(DependencyObject dependencyObject)
        {
            return (string)dependencyObject.GetValue(ScrollToIndexProperty);
        }

        public static void SetScrollToIndex(DependencyObject dependencyObject, string scrollToIndex)
        {
            dependencyObject.SetValue(ScrollToIndexProperty, scrollToIndex);
        }

        private static void OnScrollToIndexChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            if ((int)e.NewValue != 1)
            {
                var listview = (ListView)d;
                if (listview != null)
                {
                    if (listview.Items.Count > 0)
                    {
                        try
                        {
                            var target = listview.Items[int.Parse(e.NewValue.ToString())];
                            if (target != null)
                            {
                                listview.UpdateLayout();
                                listview.ScrollIntoView(target);
                            }
                        }
                        catch (Exception ex)
                        {
                            System.Diagnostics.Debug.WriteLine(ex.Message);
                        }
                    }
                }
            }
        }
    }

使用方式比较丑,可以将就用:

在VM中提供一个ScrollToIndex属性,绑定到ListView上:

<ListView ItemsSource="{Binding ArticleItemList}" 
                              controlHelper:ListViewScrollToProperties.ScrollToIndex="{Binding ScrollToIndex}"
                              Margin="0"></ListView>

在VM中刷新数据后,需要手动更改值来触发:

//滚动到顶部
ScrollToIndex = 1;
ScrollToIndex = 0;

我觉得这种实现方式比较丑,如果大家有好的实现方式欢迎留言讨论。

 

1楼h82258652
囧,我现在都是直接写在view的后台代码里。,最初学MVVM我也是这样,后台cs是确保要干净的,顶多就留个初始化DataContext。,但现在一想,算了,吃力不讨好,为了MVVM而MVVM。不涉及Model的全放后台代码里了。
Re: yan_xiaodi
@h82258652,嗯也不是非要保持cs干净,我cs里也有不少代码。主要是在Command里再去拿view的控件也麻烦,还要为了重用,写个这个一了百了。
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: