滾動條QScroolBar實現滾屏功能

2021-08-21 13:55:29 字數 1062 閱讀 7364

顯示區域win 600*300

需要顯示的widget控制項show 590*550

則有600*250的show介面無法顯示

使用滑塊控制show介面滾動顯示全部內容

增加水平滑塊verticalscroolbar (10*300)控制項

注意:verticalscroolbar不要放在show控制項上,而是show、verticalscroolbar兩個控制項同時以win介面為父介面水平擺放

第一步:實現拖拽滑塊滾動show介面

連線訊號與槽

宣告乙個滑塊響應槽

private slots:

slot_scroolwidget(int);

connect(ui->verticalscrollbar,signal(valuechanged(int)),this,slot(slot_scroolwidget(int)));
verticalscrollbar的訊號valuechagned(int)傳送來乙個int引數

該引數指明當前滑塊所在的位置

其中,滑塊長度恆定為0-100,而該引數就是介於0-100之間

槽函式實現

void fun::slot_scroolwidget(int value)

獲得滑塊的位置value

計算乙個比例因子p=滑塊的位置/滑塊的最大位置

利用比例因子p,呼叫show的成員函式move來移動相應的位置

到此,滑塊滾屏的基本功能已經實現了

但是,一般來說,更順手使用滑鼠滾輪來進行滾屏

所以,我們還需要過載wheelevent()事件來實現此功能

void fun::wheelevent(qwheelevent *event)

else

}else

else}}

參考:

HTML實現滾動條

overflow scroll 這個屬性定義溢位元素內容區的內容會如何處理。如果值為 scroll 預設值為 visible 不論是否需要,使用者 都會提供一種滾動機制。因此,有可能即使元素框中可以放下所有內容也會出現滾動條。eg 這個屬性定義溢位元素內容區的內容會如何處理。如果值為 scroll ...

隱藏滾動條css3實現滾動同時隱藏滾動條

專案場景需求要在區域性實現滾動,但是滾動出現了滾動條,一瞬間感覺整個頁面都不好了,經過努力css成功實現滾動同時隱藏滾動條,廢話不多說,直接上 隱藏滾動條title ulli ulul webkit scrollbar style head 測試隱藏滾動條li 測試隱藏滾動條li 測試隱藏滾動條li...

python橫向滾動條 控制滾動條

調過js指令碼控制 python 1.coding utf 8 2.from selenium import webdriver 3.import time 5.driver webdriver.firefox 6.driver.get 7.搜尋 8.driver.find element by i...