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);

更多专业前端知识，请上【猿2048】www.mk2048.com

WPF 实现ScrollViewer的垂直偏移滚动跳转相关推荐

WPF实现ScrollViewer平滑滚动效果
WPF实现滚动条只要在控件外围加上ScrollViewer即可,但是滚动的时候没有动画效果,比较生硬,在滚动的时候添加过渡动画实现平滑滚动能给我们的软件增色不少. 接下来,在上一篇博客(WPF使用Fl ...
iOS-禁止scrollview垂直方向滚动，只允许水平方向滚动；或只允许垂直方向滚动...
禁止UIScrollView垂直方向滚动,只允许水平方向滚动 scrollview.contentSize = CGSizeMake(你要的长度, 0); 禁止UIScrollView水平方向滚动 ...
php滚动公告源码,JavaScript_jquery垂直公告滚动实现代码，复制代码代码如下: !DOCTYPE - phpStudy...
jquery垂直公告滚动实现代码无标题文档 *{ padding:0px; margin:0px; } ul{ list-style:none; } li{ line-height:30px; } ...
html字体整体偏移,CSS自定义字体垂直偏移(错误？)
ScottS.. 5 你可能没有做错任何事情.以下是一些可能适用的要点,有些可以由您控制,有些则不可以. 只是为了确定,明确设置vertical-align: baseline. 不同的文件(.eof ...
仿造小红书页面代码html,jQuery仿小红书登录页，背景图垂直循环滚动登录页，向上循环滚动的动画，实现一张背景图片的无缝向上循环js滚动...
jQuery仿小红书登录页,背景图垂直循环滚动登录页,向上循环滚动的动画,实现一张背景图片的无缝向上循环js滚动先看效果图: 图片是gif看着有点卡顿,网页里面其实很流畅的此代码使用CSS3动画实 ...
0.96寸OLED（SSD1306）屏幕显示（三）——屏幕垂直水平滚动
0.96寸OLED(SSD1306)屏幕显示 (一)基础功能介绍 (二)超长文字水平滚动 (三)屏幕垂直水平滚动文章目录一.垂直水平滚动方法 1)SSD1306驱动芯片 2)SSD1315驱动芯片 ...
从源码角度上探索AdapterViewFlipper怎么实现广告栏的垂直自动滚动
一,从源码上认识AdapterViewFlipper 我不知道大家有没有跟我一样,看到别人的app一些比较好的交互时,总是好奇别人是怎么实现的,如果是换做自己,我哦该怎么实现.最近在做一个横向轮播的视 ...
jQuery实现消息列表循环垂直向上滚动
一.HTML代码 <ul id="express"><li>・2010考研英语大纲到货75折...</li><li>・权威定本四大名 ...
android高仿京东快报（垂直循环滚动新闻栏）
的android高仿京东快报(垂直循环滚动新闻栏) 标签: 机器人 2016年3月20日03:08 2676阅读人评论(15)收藏举报分类: 机器人(71) 版权声明:本文为博主原创文章, ...

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

WPF 实现ScrollViewer的垂直偏移滚动跳转相关推荐

最新文章

热门文章