Добавить полосу прокрутки на вкладку PYQT5 - PullRequest
0 голосов
/ 03 августа 2020

Я хотел создать полосу прокрутки (pyqt5) на вкладке, основываясь на примере в ссылке ниже. Я внес некоторые изменения в соответствии с моими потребностями, но полоса прокрутки не отображалась на вкладке, и мои диаграммы стали меньше.

пример PyQt4 - как добавить полосу прокрутки в windows фиксированного размера с вкладками?

файл импорта https://filebin.net/u3m7m3x2k74wlm6l

import sys
import os
import pandas as pd
from PyQt5.QtWidgets import ( QApplication, QWidget,QHBoxLayout,QVBoxLayout,QPushButton,QTabWidget,QMainWindow,QGridLayout,QSizePolicy\
                            ,QScrollArea,QGroupBox)
from PyQt5.QtGui import *
from PyQt5.QtCore import *
#import html 
import plotly.offline as po
import plotly.express as px
import plotly.graph_objs as go
from PyQt5.QtWebEngineWidgets import *

class Win(QMainWindow):
    def __init__(self):
        super().__init__()    
        self.setGeometry(100,100, 1280,900)
        self.GuiApp=App()
        self.setCentralWidget(self.GuiApp)
        self.show()

class Tab1(QWidget):
    def __init__(self, parent=None):
        super(Tab1, self).__init__(parent)

        df = pd.read_csv(r'C:/Users/User/Desktop/Python-setup test/Plot122.csv')# need to download the file from https://filebin.net/u3m7m3x2k74wlm6l 
        data1 = px.line(df,x = 'Date', y ='AAPL.Open', color = 'Category')
        fig4 = go.Figure(data1)
        raw_html = '<html><head><meta charset="utf-8" />'
        raw_html += '<script src="https://cdn.plot.ly/plotly-latest.min.js"></script></head>'
        raw_html += '<body>'
        raw_html += po.plot(fig4, include_plotlyjs=False, output_type='div')
        raw_html += '</body></html>'
#fig_view
        fig_view1 = QWebEngineView()
        fig_view2 = QWebEngineView()
        fig_view3 = QWebEngineView()
        fig_view4 = QWebEngineView()

        fig_view1.setHtml(raw_html)
        fig_view1.setFixedSize(700,600)
        fig_view1.show()

        fig_view2.setHtml(raw_html)
        fig_view2.setFixedSize(700,600)
        fig_view2.show()

        fig_view3.setHtml(raw_html)
        fig_view3.setFixedSize(700,600)
        fig_view3.show()

        fig_view4.setHtml(raw_html)
        fig_view4.setFixedSize(700,600)
        fig_view4.show()

        layoutC = QGridLayout()
        layoutC.addWidget(fig_view1,0,0,1,1)
        layoutC.addWidget(fig_view2,0,1,1,1)
        layoutC.addWidget(fig_view3,1,0,1,1)
        layoutC.addWidget(fig_view4,1,1,1,1)

        self.setLayout(layoutC)     
        self.setSizePolicy(QSizePolicy.Maximum,QSizePolicy.Maximum)


class App(QWidget):
    def __init__(self):
        super().__init__()
        self.layout = QGridLayout(self)
        self.setLayout(self.layout)
        #Button
        BT1 = QPushButton('BT1',self) 
        self.layout.addWidget(BT1, 0,0,1,1) 
        

        ##########################################TEST scrollbar in tab ################################################
        tab1 = Tab1(self)

        self.tabs = QTabWidget(self)     
        self.tabs.addTab(tab1, 'Page 1')

        self.groupscrollbox = QGroupBox() 
        self.MVB = QVBoxLayout() 
        self.MVB.addWidget(self.tabs)      
        
        widgetTab = QWidget(self)  
        widgetTab.setLayout(QVBoxLayout())
        widgetTab.layout().addWidget(self.groupscrollbox) 

        self.scroll = QScrollArea()
        self.scroll.setWidget(widgetTab) 
        self.scroll.setVerticalScrollBarPolicy(Qt.ScrollBarAlwaysOn)
        self.scroll.setWidgetResizable(False)
        self.scroll.setEnabled(True)

        self.groupscrollbox.setLayout(self.MVB) 

        ##########################################TEST scrollbar in tab ################################################  
        self.layout.addWidget(self.groupscrollbox, 0,2,13,1) 
if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Win()
    sys.exit(app.exec_()) 

Я хочу чтобы добавить полосу прокрутки в красное поле, в котором находится код между «ПРОВЕРКА полосы прокрутки на вкладке», чтобы отобразить все диаграммы с «Датой», она будет перекрываться при увеличении окна. I want to add scrollbar in the red box which the code between Below shows the Charts with "Date" below the charts
Это показывает диаграммы с

1 Ответ

2 голосов
/ 03 августа 2020

Решение состоит в том, чтобы поместить «tab1» в QScrollArea, а QScrollArea в QTabWidget

class App(QWidget):
    def __init__(self):
        super().__init__()
        bt1_button = QPushButton("BT1")
        tab1 = Tab1()

        scrollbar = QScrollArea(widgetResizable=True)
        scrollbar.setWidget(tab1)

        tabwidget = QTabWidget()
        tabwidget.addTab(scrollbar, "Tab1")

        layout = QGridLayout(self)
        layout.addWidget(bt1_button, 0, 0)
        layout.addWidget(tabwidget, 0, 1, 2, 1)

введите описание изображения здесь

...