Loading

WPF 实现ScrollViewer的垂直偏移滚动跳转

问题:考虑屏幕大小,一般都是会在表单问卷的页面使用ScrollViewer。问卷中问题漏填漏选时,在提交时校验不过,需要滚动跳转至漏填漏选项。

页面如下:

每个选项使用StackPanel,并对复选框和单选的勾选事件进行答案记录,使用全局变量记录

private readonly Dictionary<string, string> _dicAnswer = new Dictionary<string, string>();

将所有选项使用StackPanel指定垂直样式,思路是借用字典记录每一题的答案,给题目编号记录,答案为空,即未回答该问题。
在提交按钮的click事件中添加如下代码

			var answer = _dicAnswer.First(_ => string.IsNullOrEmpty(_.Value));
            var title = answer.Key;
            double verticalOffset = 0;
            foreach (var child in QuestionsStackPanel.Children)
            {
                if (!(child is StackPanel sp))
                {
                    continue;
                }

                if (sp.Tag.ToString() != title)
                {
                    continue;
                }

                //获取偏移量
                var vector = VisualTreeHelper.GetOffset(sp);

                verticalOffset = vector.Y;
                break;
            }
            //滚动到指定的垂直偏移位置
            QuestionsScrollViewer.ScrollToVerticalOffset(verticalOffset);
posted @ 2018-08-17 12:53  repeatedly  阅读(1042)  评论(0编辑  收藏  举报