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

Posted 2020-12-30 alienxu

问题：考虑屏幕大小，一般都是会在表单问卷的页面使用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);