WPF 實現ScrollViewer的垂直偏移滾動跳轉

来源:https://www.cnblogs.com/AlienXu/archive/2018/08/17/9492755.html
-Advertisement-
Play Games

問題:考慮屏幕大小,一般都是會在表單問卷的頁面使用ScrollViewer。問卷中問題漏填漏選時,在提交時校驗不過,需要滾動跳轉至漏填漏選項。 頁面如下: 每個選項使用StackPanel,並對覆選框和單選的勾選事件進行答案記錄,使用全局變數記錄 將所有選項使用StackPanel指定垂直樣式,思路 ...


問題:考慮屏幕大小,一般都是會在表單問卷的頁面使用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);

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 昨天更新了VS到最新版本v15.8.0,但是編譯UWP出現了操蛋的bug。 谷歌一下,vs社區已經有答案了。 打開.csproj文件,在節點 <PropertyGroup> 裡面,加上一行 保存,重新載入項目,編譯即可。 原文參考:https://developercommunity.visuals ...
  • 消息隊列 神馬是消息隊列,看看某度的原話“在項目中,將一些無需即時返回且耗時的操作提取出來,進行了非同步處理,而這種非同步處理的方式大大的節省了伺服器的請求響應時間,從而提高了系統的吞吐量”。 其實消息隊列還可以用於解耦,在多層項目模型或中型項目以上,都會用到消息隊列,減少層與層之間的耦合;還可以做跨進 ...
  • 本文使用的DEV版本為10.1版本 首先需要添加Dll引用 DevExpress.Data.v10.1 DevExpress.XtraPrinting.v10.1 DevExpress.XtraReports.v10.1 在winfrom的環境下 XtraReport 是可以直接調用 Print() ...
  • default 關鍵字有兩類用法 1. switch語句中指定預設標簽 2. 預設值表達式 switch 語句 預設值表達式 default對應各種類型生成預設值列表如下: |類型|預設值| | | | |任何引用類型| | |數值類型|零| |bool| | |enum|表達式 生成的值,其中 是 ...
  • 解決方法:在執行的任務方法前加上Mutex特性即可,如果作業未完成,新作業開啟的話,新作業會放入計劃中的作業隊列中,直到前面的作業完成。 必須使用Hangfire.Pro.Redis 和 Hangfire.SqlServer 作為資料庫。 參考:https://github.com/Hangfire ...
  • 本節對事件進行總結。 二、事件: 1、概念:Event:A member that enables an object or class to provide notifications;官方的解釋是這樣,就是說在C#中,事件是使 對象或者類具備通知能力的成員。比如說手機收到簡訊提醒我去開會,那麼手 ...
  • 紙殼CMS(ZKEACMS)里的Grid是一個TagHelper,是對jQuery插件datatables的一個配置封裝。 grid的使用很簡單,設置Model,使用 ...
  • @{ ViewBag.Title = "UsersList"; } @{ Html.RenderAction("SearchRole", "Shared"); } 賬號(編號或姓名): ... ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...