滑動條:QSlider
#include<QSlider>
QPixmap *pix2(str+"voice_scale.png");
QSlider pSlider=new QSlider(this);
pSlider->resize(pix2.size());//大小
pSlider->move(45,30);//位置
pSlider->setOrientation(Qt::Vertical);Horizontal(橫)//設定滑塊的橫豎
pSlider->setMinimum(-100);最小值滑塊
pSlider->setMaximum(5);//最大值滑塊
pSlider->setValue(-100);//設定當前預設值,
pSlider->setSingleStep(1);//步長
//前一個為滑條的圖片,後一個為滑塊的圖片
pSlider->setStyleSheet("QSlider::groove:vertical{border-image:url("+str+"voice_scale.png)}" "QSlider::handle:vertical{image:url("+str+"voice_button.png)}");
//valueChanged(int)是滑塊移動時自動觸發的訊號,類似按鈕的clicked(bool);
connect(Scene->pSlider,SIGNAL(valueChanged(int)),this,SLOT(leftVoice(int)));
侷限:滑塊必然比滑條的圖片小,是自適應的,改變不了;
滑塊位於滑條圖片的中間,自己實現不了滑塊的位置偏移,
解決方案:改變滑條圖片的原點,使其中點位移;
找UI換圖片 ;
相關文章
- PyQT5之滑塊控制元件QSliderQT控制元件IDE
- Android 設定TextView滑動滾動條和滑動效果AndroidTextView
- CSS 美化滑動輸入條 input rangeCSS
- 視訊直播原始碼,新增內容滑動條,停止滑動時隱藏原始碼
- 直播平臺開發,自定義中間向兩邊滑動的滑動條
- 直播系統app原始碼,自定義中間向兩邊滑動的滑動條APP原始碼
- jquery 實現滑動條的簡單驗證jQuery
- 【Flutter 專題】121 圖解簡易 Slider 滑動條Flutter圖解IDE
- 原生js拖拽功能製作滑動條例項教程JS
- 根據瀏覽器的滑動條 固定導航欄瀏覽器
- 短視訊app開發,更改進度條的滑動速度APP
- backdrop-filter(純CSS實現絲滑邊框線條動畫)FilterCSS動畫
- 5分鐘帶你做個可愛的滑動導航條!
- uniapp---app滑動翻頁(上滑、下滑、左滑、右滑)APP
- 移動端左滑右滑元件元件
- 短視訊帶貨原始碼,更改滾動條跟隨手機滑動的速度原始碼
- 直播平臺原始碼,通知欄中顯示滑動的進度條原始碼
- JS進度條順滑版實現JS
- jQuery 效果 – 滑動jQuery
- ROG筆記本切換效能模式後,Win11 亮度滑動條失效筆記模式
- C++ Qt開發:Slider滑塊條元件C++QTIDE元件
- Swift全屏滑動返回Swift
- 禁止滑動的NoScrollViewPagerViewpager
- Flutter 滑動體系Flutter
- uniapp 滑動切換APP
- UIPikerView 省市區三聯滑動,解決滑動崩潰問題UIView
- 手機直播原始碼,滾動條在滑動時顯示,靜止時恢復隱藏狀態原始碼
- wepy 滑動刪除功能
- Sentinel 原理-滑動視窗
- CSS滑動門技術CSS
- 手指滑動方向判斷
- 模擬滑屏動畫動畫
- 滑動視窗專題
- Flutter之可滑動WidgetFlutter
- 細聊滑動視窗
- Android 禁止ViewPager左右滑動AndroidViewpager
- 小程式禁止swiper滑動
- 一對一原始碼,滑塊驗證,滑塊左右滑動顯示的位置原始碼