天天看點

CefSharp如何進行頁面的縮放(即Ctrl+滾輪)

問題:CefSharp如何進行頁面的縮放

摘要:由于CefSharp并沒有提供滑鼠滾輪事件。隻有一個KeyboardHandler事件,是以隻能接收到鍵盤事件。

環境:CefShap、Wpf

了解CefSharp是否有現成方法調用

CefSharp如何進行頁面的縮放(即Ctrl+滾輪)

通過這個不難看出有一個KeyboardHandler可以用來接收鍵盤的Ctrl按鈕。是以通過這個我們可以說就相當于解決了問題的一半了,就是可以通過這個來接收按鍵。那麼滑鼠的滾輪又如何接收到呢?

CefSharp不能接收到滑鼠滾輪 - 困境

相信大夥一開始肯定會想着ChromiumWebBrowser裡自帶的MouseWheel事件。本人一開始也是這樣想的,後來發現程式在滑鼠滾動的時候不會進入這個事件裡面,雖然我也不知道這事什麼原理,但很明顯這個方法可能已經行不通了。是以我開始了我的面向百度程式設計曆程,但我百度的時候,第一頁第一篇就是說CefSharp的這個縮放,但實際上我進去浏覽的時候發現,他說說的可能并不是CefSharp,因為我這CefSharp裡根本沒有所謂的滑鼠滾輪事件,如下圖所示,是以我覺得這篇文章對我的價值基本上是沒有任何用處。往後翻了幾頁依舊沒有任何收獲,至此我陷入了困境。

CefSharp如何進行頁面的縮放(即Ctrl+滾輪)

CefSharp不能接收到滑鼠滾輪 - 思路

這時的我開始想一些稀奇古怪的招了,比如什麼Js注冊頁面縮放啊、企圖在CefSharp上層鋪控件來接收滾輪事件啊等等的。但js注冊頁面縮放經過嘗試也未能達到要求。但第二個思路可以說是為目前的困境提供了一個很好的思路。但是腦袋瓜子想着就是既然頁面不能接收我的滾輪事件,我為何不能在上層鋪一層控件呢!這個時候思路一來立馬給我精神的。說幹就幹。一開始的時候如下圖所示。

CefSharp如何進行頁面的縮放(即Ctrl+滾輪)

CefSharp不能接收到滑鼠滾輪 - 再臨困境

當我将程式運作起來的時候發現我一開始放置用來測試的按鈕并沒有浮現在頁面的上方。如下圖所示,我再一次懵逼,完全不知所措。因為我也不知道CefSharp是什麼原理,為什麼控件不能浮現在頁面的上方。至此,我又一次陷入了困境,并且對我之前的想法已經不抱任何希望。又開始在電腦前盲目的摸魚起來了T T。

CefSharp如何進行頁面的縮放(即Ctrl+滾輪)

CefSharp不能接收到滑鼠滾輪 - 奇迹再現

有一句話說得可真不錯叫“無心插柳柳成蔭”。這個“奇迹”可以說是無意間給了我再一次嘗試解決的機會。由于前面陷入了困境,又苦于無法解決。在等待群友幫助的我又開始了開一些WPF的基礎知識的檢視學習。也正是這一舉動讓我無意間又發現了解決控件不能浮在CefSharp上方的問題。那時我正在看菜單這個東西,正巧看到了Popup自定義菜單,也正是這個控件讓我對之前那個問題有了嘗試的想法。如下圖所示。我弄了一個這個Popup。但我運作起來的時候,驚喜的發現他居然浮現在頁面的上方。也就是說我可以通過這個控件來讓他浮現在網頁的上方,這樣一來滾輪事件就可以接收到了。這一發現讓我完全可以解決了CefSharp不能就收滾輪的問題。至此一來按鍵事件可以通過KeyboardHandler來擷取,滾輪可以通過Popup來擷取。瞬間柳暗花明啊。O(∩_∩)O哈哈~

CefSharp如何進行頁面的縮放(即Ctrl+滾輪)

CefSharp Ctrl+滑鼠滾輪進行頁面縮放的處理

通過之前可以看到問題已經有了解決的方案了,接下來就是将他們結合起來了。話不多說。直接上代碼圖吧。O(∩_∩)O哈哈~

CefSharp如何進行頁面的縮放(即Ctrl+滾輪)
CefSharp如何進行頁面的縮放(即Ctrl+滾輪)
CefSharp如何進行頁面的縮放(即Ctrl+滾輪)
CefSharp如何進行頁面的縮放(即Ctrl+滾輪)

簡要介紹下上面幾張圖吧,第一張就是Popup,主要點就在于那個透明度是0.01這樣子當按下Ctrl的時候不會因為Popup的顯現而遮擋住了頁面。第二張是滾輪事件頁面縮放代碼,這個用了CefSharp自帶的方法。第三張是KeyboardHandler注冊Ctrl按下和按鍵松開時是發送通知來告知頁面變化。第四章就是用來接收KeyboardHandler發送的通知,并改變Popup的顯示和隐藏。至此,這個CefSharp滾輪縮放就解決啦。感覺是很簡單,主要是有沒有思路來解決這個問題。

最後

希望對大家有所幫助,還有什麼問題可以在下方留言。謝謝!┭┮﹏┭┮希望不要再被移除了,這可是幹貨!!!!!!!