vlayout | Project vlayout is a powerfull LayoutManager extension | Android library

by alibaba Java Version: v1.2.36 License: MIT

Download this library from

kandi X-RAY | vlayout Summary

vlayout is a Java library typically used in Mobile, Android applications. vlayout has no vulnerabilities, it has build file available, it has a Permissive License and it has medium support. However vlayout has 14 bugs. You can download it from GitHub, Maven.

Project vlayout is a powerfull LayoutManager extension for RecyclerView, it provides a group of layouts for RecyclerView. Make it able to handle a complicate situation when grid, list and other layouts in the same recyclerview.

Support

Quality

Security

License

Reuse

kandi-support Support

vlayout has a medium active ecosystem.
It has 10776 star(s) with 1811 fork(s). There are 341 watchers for this library.
It had no major release in the last 12 months.
There are 190 open issues and 313 have been closed. On average issues are closed in 50 days. There are 5 open pull requests and 0 closed requests.
It has a neutral sentiment in the developer community.
The latest version of vlayout is v1.2.36

vlayout Support

Best in #Android

Average in #Android

vlayout Support

Best in #Android

Average in #Android

quality kandi Quality

vlayout has 14 bugs (0 blocker, 0 critical, 10 major, 4 minor) and 651 code smells.

vlayout Quality

Best in #Android

Average in #Android

vlayout Quality

Best in #Android

Average in #Android

security Security

vlayout has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
vlayout code analysis shows 0 unresolved vulnerabilities.
There are 36 security hotspots that need review.

vlayout Security

Best in #Android

Average in #Android

vlayout Security

Best in #Android

Average in #Android

license License

vlayout is licensed under the MIT License. This license is Permissive.
Permissive licenses have the least restrictions, and you can use them in most projects.

vlayout License

Best in #Android

Average in #Android

vlayout License

Best in #Android

Average in #Android

build Reuse

vlayout releases are available to install and integrate.
Deployable package is available in Maven.
Build file is available. You can build the component from source.
Installation instructions are not available. Examples and code snippets are available.
vlayout saves you 6143 person hours of effort in developing the same functionality from scratch.
It has 12803 lines of code, 1043 functions and 62 files.
It has high code complexity. Code complexity directly impacts maintainability of the code.

vlayout Reuse

Best in #Android

Average in #Android

vlayout Reuse

Best in #Android

Average in #Android

Top functions reviewed by kandi - BETA

kandi has reviewed vlayout and discovered the below as its top functions. This is intended to give you an instant insight into vlayout implemented functionality, and help decide if they suit your requirements.

Layout the items in the layout
Initializes the view .
Fix layout state .
Uses the layoutManager to handle its children
Computes the layout of children .
Handle five views .
Check for gaps .
Measure and layout .
Creates a horizontal OrientationHelper for the given LayoutManager .
Sets the layout helpers .

vlayout Key Features

Provide default common layout implementation, decouple the View and Layout. Default layout implementations are: LinearLayoutHelper: provide linear layout as LinearLayoutManager. GridLayoutHelper: provide grid layout as GridLayoutManager, but with more feature. FixLayoutHelper: fix the view at certain position of screen, the view does not scroll with whole page. ScrollFixLayoutHelper: fix the view at certain position of screen, but the view does not show until it scrolls to it position. FloatLayoutHelper: float the view on top of page, user can drag and drop it. ColumnLayoutHelper: perform like GridLayoutHelper but layouts all child views in one line. SingleLayoutHelper: contain only one child view. OnePlusNLayoutHelper: a custom layout with one child view layouted at left and the others at right, you may not need this. StickyLayoutHelper: scroll the view when its position is inside the screen, but fix the view at start or end when its position is outside the screen. StaggeredGridLayoutHelper: provide waterfall like layout as StaggeredGridLayoutManager.

LayoutHelpers provided by default can be generally divided into two categories. One is non-fix LayoutHelper such as LinearLayoutHelper, GridLayoutHelper, etc which means the children of these LayoutHelper will be layouted in the flow of parent container and will be scrolled with the container scrolling. While the other is fix LayoutHelper which means the child of these is always fix in parent container.

vlayout Examples and Code Snippets

See all related Code Snippets

Import Library

Copy

Download

compile ('com.alibaba.android:vlayout:1.2.8@aar') {
	transitive = true
}

Initialize LayoutManager

Copy

Download

final RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
final VirtualLayoutManager layoutManager = new VirtualLayoutManager(this);

recyclerView.setLayoutManager(layoutManager);

Initialize recycled pool's size

Copy

Download

RecyclerView.RecycledViewPool viewPool = new RecyclerView.RecycledViewPool();
recyclerView.setRecycledViewPool(viewPool);
viewPool.setMaxRecycledViews(0, 10);

Set Adapters

Copy

Download

DelegateAdapter delegateAdapter = new DelegateAdapter(layoutManager, hasConsistItemType);
recycler.setAdapter(delegateAdapter);

// Then you can set sub- adapters

delegateAdapter.setAdapters(adapters);

// or
CustomAdapter adapter = new CustomAdapter(data, new GridLayoutHelper());
delegateAdapter.addAdapter(adapter);

// call notify change when data changes
adapter.notifyDataSetChanged();

Config proguard

Copy

Download

-keepattributes InnerClasses
-keep class com.alibaba.android.vlayout.ExposeLinearLayoutManagerEx { *; }
-keep class android.support.v7.widget.RecyclerView$LayoutParams { *; }
-keep class android.support.v7.widget.RecyclerView$ViewHolder { *; }
-keep class android.support.v7.widget.ChildHelper { *; }
-keep class android.support.v7.widget.ChildHelper$Bucket { *; }
-keep class android.support.v7.widget.RecyclerView$LayoutManager { *; }

qTableview sorting with PandasModel

Copy

Download

from PyQt5 import QtCore, QtWidgets

import pandas as pd
import numpy as np


class NumpyArrayModel(QtCore.QAbstractTableModel):
    def __init__(self, array, headers, parent=None):
        QtCore.QAbstractTableModel.__init__(self, parent=parent)
        self._array = array
        self._headers = headers
        self.r, self.c = np.shape(self.array)

    @property
    def array(self):
        return self._array

    @property
    def headers(self):
        return self._headers

    def rowCount(self, parent=QtCore.QModelIndex()):
        return self.r

    def columnCount(self, parent=QtCore.QModelIndex()):
        return self.c

    def headerData(self, p_int, orientation, role):
        if role == QtCore.Qt.DisplayRole:
            if orientation == QtCore.Qt.Horizontal:
                if p_int < len(self.headers):
                    return self.headers[p_int]
            elif orientation == QtCore.Qt.Vertical:
                return p_int + 1
        return

    def data(self, index, role=QtCore.Qt.DisplayRole):
        if not index.isValid():
            return None
        row = index.row()
        column = index.column()
        if row < 0 or row >= self.rowCount():
            return None
        if column < 0 or column >= self.columnCount():
            return None
        if role == QtCore.Qt.DisplayRole:
            return float(self.array[row, column])
        return None

    def setData(self, index, value, role):
        if not index.isValid():
            return False
        if role != QtCore.Qt.EditRole:
            return False
        row = index.row()
        column = index.column()
        if row < 0 or row >= self.rowCount():
            return False
        if column < 0 or column >= self.columnCount():
            return False
        self.array.values[row][column] = value
        self.dataChanged.emit(index, index)
        return True

    def sort(self, column, order):
        self.layoutAboutToBeChanged.emit()
        argsort = self.array[:, column].argsort()
        if order == QtCore.Qt.DescendingOrder:
            argsort = argsort[::-1]
        self._array = self.array[argsort]
        self.layoutChanged.emit()


class Widget(QtWidgets.QWidget):
    def __init__(self, parent=None):
        QtWidgets.QWidget.__init__(self, parent=None)
        vLayout = QtWidgets.QVBoxLayout(self)
        hLayout = QtWidgets.QHBoxLayout()
        self.pathLE = QtWidgets.QLineEdit(self)
        hLayout.addWidget(self.pathLE)
        self.loadBtn = QtWidgets.QPushButton("Select File", self)
        hLayout.addWidget(self.loadBtn)
        vLayout.addLayout(hLayout)
        self.pandasTv = QtWidgets.QTableView(self)
        vLayout.addWidget(self.pandasTv)
        self.loadBtn.clicked.connect(self.loadFile)
        self.pandasTv.setSortingEnabled(True)

    def loadFile(self):
        fileName, _ = QtWidgets.QFileDialog.getOpenFileName(
            self, "Open File", "", "CSV Files (*.csv)"
        )
        self.pathLE.setText(fileName)
        if fileName:
            df = pd.read_csv(fileName)
            array = np.array(df.values)
            headers = df.columns.tolist()
            model = NumpyArrayModel(array, headers)
            self.pandasTv.setModel(model)


if __name__ == "__main__":
    import sys

    app = QtWidgets.QApplication(sys.argv)
    w = Widget()
    w.show()
    sys.exit(app.exec_())

Need to connect two nodes of different circle packed layout in d3

Copy

Download

const data = {
    name: "root",
  children: [
    {
        name: "A",
      children: [
        {name: "A1", value: 7}, {name: "A2", value: 8}, {name: "A3", value: 9}, {name: "A4", value: 10}, {name: "A5", value: 10}
      ]
    },
    {
        name: "B",
      children: [
        {name: "B1", value: 11}, {name: "B2", value: 7}, {name: "B3", value: 8},
      ]
    },
    {
      name: "C",
      value: 10
    },
    {
      name: "D",
      value: 10
    },
    {
      name: "E",
      value: 10
    }
  ],
  links: [{from: "A3", to: "C"}, {from: "A2", to: "E"}, {from: "B1", to: "D"}, {from: "B2", to: "B3"}, {from: "B1", to: "C"}]
};

const svg = d3.select("svg");

const pack = data => d3.pack()
    .size([400, 400])
    .padding(20)
  (d3.hierarchy(data)
    .sum(d => d.value * 2.5)
    .sort((a, b) => b.value - a.value));

const root = pack(data);    
    
const nodes = root.descendants().slice(1);    
console.log(nodes);

const container = svg.append('g')
    .attr('transform', 'translate(0,-50)')

const nodeElements = container
    .selectAll("circle")
    .data(nodes);
    
nodeElements.enter()
    .append("circle")
    .attr('cx', d => d.x)
    .attr('cy', d => d.y)
    .attr('r', d => d.value)
    .attr("fill", d => d.children ? "#ffe0e0" : "#ffefef")
    .attr('stroke', 'black')

const labelElements = container
    .selectAll("text")
    .data(nodes);
    
labelElements.enter()
    .append("text")
    .text(d => d.data.name)
    .attr('x', d => d.x)
    .attr('y', d => d.children ? d.y + d.value + 10 : d.y)
    .attr('text-anchor', 'middle')
    .attr('alignment-baseline', 'middle')
    .style('fill', 'black')

const linkElements = container.selectAll('path.link')
    .data(data.links);
  
const linkPath = d => {
 const from = nodes.find(n => n.data.name === d.from);
 const to = nodes.find(n => n.data.name === d.to);
 const length = Math.hypot(from.x - to.x, from.y - to.y);
 const fd = from.value / length;
 const fx = from.x + (to.x - from.x) * fd;
 const fy = from.y + (to.y - from.y) * fd;
 
 const td = to.value / length;
 const tx = to.x + (from.x - to.x) * td;
 const ty = to.y + (from.y - to.y) * td;
 return `M ${fx},${fy} L ${tx},${ty}`; 
};  
  
linkElements.enter()
    .append('path')
  .classed('link', true)
  .attr('d', linkPath)
  .attr('marker-start', 'url(#arrowhead-from)')
  .attr('marker-end', 'url(#arrowhead-to)');

text {
  font-family: "Ubuntu";
  font-size: 12px;
}

.link {
  stroke: blue;
  fill: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/6.7.0/d3.min.js"></script>

<svg width="400" height="400">
  <defs>
    <marker id="arrowhead-to" markerWidth="10" markerHeight="7" 
    refX="10" refY="3.5" orient="auto">
      <polygon fill="blue" points="0 0, 10 3.5, 0 7" />
    </marker>
    <marker id="arrowhead-from" markerWidth="10" markerHeight="7" 
    refX="0" refY="3.5" orient="auto">
      <polygon fill="blue" points="10 0, 0 3.5, 10 7" />
    </marker>
  </defs>
</svg>

-----------------------

const data = {
    name: "root",
  children: [
    {
        name: "A",
      children: [
        {name: "A1", value: 7}, {name: "A2", value: 8}, {name: "A3", value: 9}, {name: "A4", value: 10}, {name: "A5", value: 10}
      ]
    },
    {
        name: "B",
      children: [
        {name: "B1", value: 11}, {name: "B2", value: 7}, {name: "B3", value: 8},
      ]
    },
    {
      name: "C",
      value: 10
    },
    {
      name: "D",
      value: 10
    },
    {
      name: "E",
      value: 10
    }
  ],
  links: [{from: "A3", to: "C"}, {from: "A2", to: "E"}, {from: "B1", to: "D"}, {from: "B2", to: "B3"}, {from: "B1", to: "C"}]
};

const svg = d3.select("svg");

const pack = data => d3.pack()
    .size([400, 400])
    .padding(20)
  (d3.hierarchy(data)
    .sum(d => d.value * 2.5)
    .sort((a, b) => b.value - a.value));

const root = pack(data);    
    
const nodes = root.descendants().slice(1);    
console.log(nodes);

const container = svg.append('g')
    .attr('transform', 'translate(0,-50)')

const nodeElements = container
    .selectAll("circle")
    .data(nodes);
    
nodeElements.enter()
    .append("circle")
    .attr('cx', d => d.x)
    .attr('cy', d => d.y)
    .attr('r', d => d.value)
    .attr("fill", d => d.children ? "#ffe0e0" : "#ffefef")
    .attr('stroke', 'black')

const labelElements = container
    .selectAll("text")
    .data(nodes);
    
labelElements.enter()
    .append("text")
    .text(d => d.data.name)
    .attr('x', d => d.x)
    .attr('y', d => d.children ? d.y + d.value + 10 : d.y)
    .attr('text-anchor', 'middle')
    .attr('alignment-baseline', 'middle')
    .style('fill', 'black')

const linkElements = container.selectAll('path.link')
    .data(data.links);
  
const linkPath = d => {
 const from = nodes.find(n => n.data.name === d.from);
 const to = nodes.find(n => n.data.name === d.to);
 const length = Math.hypot(from.x - to.x, from.y - to.y);
 const fd = from.value / length;
 const fx = from.x + (to.x - from.x) * fd;
 const fy = from.y + (to.y - from.y) * fd;
 
 const td = to.value / length;
 const tx = to.x + (from.x - to.x) * td;
 const ty = to.y + (from.y - to.y) * td;
 return `M ${fx},${fy} L ${tx},${ty}`; 
};  
  
linkElements.enter()
    .append('path')
  .classed('link', true)
  .attr('d', linkPath)
  .attr('marker-start', 'url(#arrowhead-from)')
  .attr('marker-end', 'url(#arrowhead-to)');

text {
  font-family: "Ubuntu";
  font-size: 12px;
}

.link {
  stroke: blue;
  fill: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/6.7.0/d3.min.js"></script>

<svg width="400" height="400">
  <defs>
    <marker id="arrowhead-to" markerWidth="10" markerHeight="7" 
    refX="10" refY="3.5" orient="auto">
      <polygon fill="blue" points="0 0, 10 3.5, 0 7" />
    </marker>
    <marker id="arrowhead-from" markerWidth="10" markerHeight="7" 
    refX="0" refY="3.5" orient="auto">
      <polygon fill="blue" points="10 0, 0 3.5, 10 7" />
    </marker>
  </defs>
</svg>

-----------------------

const data = {
    name: "root",
  children: [
    {
        name: "A",
      children: [
        {name: "A1", value: 7}, {name: "A2", value: 8}, {name: "A3", value: 9}, {name: "A4", value: 10}, {name: "A5", value: 10}
      ]
    },
    {
        name: "B",
      children: [
        {name: "B1", value: 11}, {name: "B2", value: 7}, {name: "B3", value: 8},
      ]
    },
    {
      name: "C",
      value: 10
    },
    {
      name: "D",
      value: 10
    },
    {
      name: "E",
      value: 10
    }
  ],
  links: [{from: "A3", to: "C"}, {from: "A2", to: "E"}, {from: "B1", to: "D"}, {from: "B2", to: "B3"}, {from: "B1", to: "C"}]
};

const svg = d3.select("svg");

const pack = data => d3.pack()
    .size([400, 400])
    .padding(20)
  (d3.hierarchy(data)
    .sum(d => d.value * 2.5)
    .sort((a, b) => b.value - a.value));

const root = pack(data);    
    
const nodes = root.descendants().slice(1);    
console.log(nodes);

const container = svg.append('g')
    .attr('transform', 'translate(0,-50)')

const nodeElements = container
    .selectAll("circle")
    .data(nodes);
    
nodeElements.enter()
    .append("circle")
    .attr('cx', d => d.x)
    .attr('cy', d => d.y)
    .attr('r', d => d.value)
    .attr("fill", d => d.children ? "#ffe0e0" : "#ffefef")
    .attr('stroke', 'black')

const labelElements = container
    .selectAll("text")
    .data(nodes);
    
labelElements.enter()
    .append("text")
    .text(d => d.data.name)
    .attr('x', d => d.x)
    .attr('y', d => d.children ? d.y + d.value + 10 : d.y)
    .attr('text-anchor', 'middle')
    .attr('alignment-baseline', 'middle')
    .style('fill', 'black')

const linkElements = container.selectAll('path.link')
    .data(data.links);
  
const linkPath = d => {
 const from = nodes.find(n => n.data.name === d.from);
 const to = nodes.find(n => n.data.name === d.to);
 const length = Math.hypot(from.x - to.x, from.y - to.y);
 const fd = from.value / length;
 const fx = from.x + (to.x - from.x) * fd;
 const fy = from.y + (to.y - from.y) * fd;
 
 const td = to.value / length;
 const tx = to.x + (from.x - to.x) * td;
 const ty = to.y + (from.y - to.y) * td;
 return `M ${fx},${fy} L ${tx},${ty}`; 
};  
  
linkElements.enter()
    .append('path')
  .classed('link', true)
  .attr('d', linkPath)
  .attr('marker-start', 'url(#arrowhead-from)')
  .attr('marker-end', 'url(#arrowhead-to)');

text {
  font-family: "Ubuntu";
  font-size: 12px;
}

.link {
  stroke: blue;
  fill: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/6.7.0/d3.min.js"></script>

<svg width="400" height="400">
  <defs>
    <marker id="arrowhead-to" markerWidth="10" markerHeight="7" 
    refX="10" refY="3.5" orient="auto">
      <polygon fill="blue" points="0 0, 10 3.5, 0 7" />
    </marker>
    <marker id="arrowhead-from" markerWidth="10" markerHeight="7" 
    refX="0" refY="3.5" orient="auto">
      <polygon fill="blue" points="10 0, 0 3.5, 10 7" />
    </marker>
  </defs>
</svg>

How to open the youtube link from a youtube video embed in a PyQt5 Widget in Python?

Copy

Download

import sys

from PyQt5.QtCore import QUrl, Qt, pyqtSlot
from PyQt5.QtWidgets import QApplication, QLabel, QMainWindow, QVBoxLayout, QWidget
from PyQt5.QtWebEngineWidgets import QWebEnginePage, QWebEngineSettings, QWebEngineView


popups = []


class Widget(QWidget):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.view = QWebEngineView()
        lay = QVBoxLayout(self)
        lay.addWidget(self.view)
        self.resize(640, 480)


class WebEnginePage(QWebEnginePage):
    def createWindow(self, _type):
        w = Widget()
        w.show()
        popups.append(w)
        return w.view.page()


class MainWindow(QMainWindow):
    def __init__(self, parent=None):
        super(MainWindow, self).__init__(parent=None)

        self.setWindowTitle("My Awesome App")

        central_widget = QWidget()
        self.setCentralWidget(central_widget)

        label = QLabel("This is a PyQt5 window!", alignment=Qt.AlignCenter)

        self.webview = QWebEngineView()
        self.page = WebEnginePage()
        self.webview.setPage(self.page)
        self.webview.settings().setAttribute(
            QWebEngineSettings.FullScreenSupportEnabled, True
        )

        self.webview.load(
            QUrl("https://www.youtube.com/embed/g8NVwN0_mks?rel=0&amp;showinfo=0")
        )

        lay = QVBoxLayout(central_widget)
        lay.addWidget(label)
        lay.addWidget(self.webview)


def main():
    app = QApplication(sys.argv)

    window = MainWindow()
    window.show()

    app.exec_()


if __name__ == "__main__":
    main()

GridLayout position in PyQt

Copy

Download

gridLayout.setColumnStretch(1, 1)

How make QListWidgetItem autosize to its content, and fit into its QListWidget

Copy

Download

    widget = customWidget(var[0], var[1], var[2])
    hint = widget.sizeHint()
    hint.setWidth(-1)
    item.setSizeHint(hint)

Implementing PyQt5 "docking/undocking" mechamism for QStackedWidget: unpredictable Access Violation

Copy

Download

def closeEvent(self, event: QtGui.QCloseEvent) -> NoReturn:
    if self.windowFlags() & Qt.Window:
        # Change windowFlags back to Qt.QWidget
        self.setWindowFlags(Qt.Widget)
        # We need to ignore QCloseEvent here
        event.ignore()
        self.returnToQStackedWidgetSignal.emit()
    else:
        event.accept()

PyQt5 Combining QVBoxLayout and QStackedLayout

Copy

Download

class MyCustomWidget(QWidget):
    def __init__(self):
        super().__init__()

        self.my_combo_box = QComboBox(self)
        self.vlayout = QVBoxLayout(self)
        self.slayout = QStackedLayout()

        self.vlayout.addWidget(self.my_combo_box)
        # add stacked layout to self.vlayout (only need to be done once).
        self.vlayout.addLayout(self.slayout)

        self.graphWidget = {}
        
        # self.widget isn't doing anything in your code so I commented out this line
        # self.widget = QWidget()

        # Add signal-slot connection to show correct graph when current index in combo box is changed.
        self.my_combo_box.currentIndexChanged.connect(self.slayout.setCurrentIndex)


    def add_new_graphics(self, name, x, y):
        self.my_combo_box.addItem(name)

        self.graphWidget[name] = pg.PlotWidget()
        self.graphWidget[name].plot(x, y)
        self.slayout.addWidget(self.graphWidget[name])

Writing open file code after converted UI file to Python - QTabWidget

Copy

Download

   def loading(self):
        options = QtWidgets.QFileDialog.Options()
        fileName, _ = QtWidgets.QFileDialog.getOpenFileName(None, "Open File", "C:/", 
               "CSV Files (*.csv)", options=options);

Signal QscrollArea

Copy

Download

class Widget(QWidget):
    def __init__(self, parent= None):
        # ....
        # note that the scroll area is now an instance member
        self.scroll = QScrollArea()
        self.scroll.setVerticalScrollBarPolicy(Qt.ScrollBarAsNeeded)
        self.scroll.setWidget(widget)
        self.scroll.verticalScrollBar().rangeChanged.connect(self.checkScrollBarRange)
        vLayout = QVBoxLayout(self)
        vLayout.addWidget(self.scroll)
        self.setLayout(vLayout)

        # the next is important when resizing the widget containing the scroll area
        self.scroll.installEventFilter(self)

    def eventFilter(self, source, event):
        if source == self.scroll and event.type() == QEvent.Resize:
            self.checkScrollBarRange()
        return super().eventFilter(source, event)

    def checkScrollBarRange(self):
        if (self.scroll.verticalScrollBarPolicy() != Qt.ScrollBarAlwaysOff and
            self.scroll.verticalScrollBar().maximum()):
                print('vertical scroll bar IS visible')
        else:
            print('vertical scroll bar NOT visible')

PyQt5: Program crashes after a certain number of push buttons is added into a GridLayout

Copy

Download

import sys
from PyQt5.Qt import *


class Widget(QWidget):
    def __init__(self):
        super().__init__()

        self.midColLayout = QVBoxLayout()
        self.graphWidget = QWidget(self)                                         ## self
        self.graphWidget.setStyleSheet("background-color: white; padding:0px;")
        self.graphWidget.setSizePolicy(QSizePolicy.Ignored, QSizePolicy.Ignored)

        self.vLayout = QVBoxLayout()
        self.hLayout = QHBoxLayout()

        self.gridLayout = QGridLayout()
        self.gridLayout.setSpacing(0) 
        self.hLayout.addLayout(self.gridLayout)
        self.vLayout.addLayout(self.hLayout)

        self.buttons = []
        for x in range(0, 80): # If I put 81, then the program crashes
            l = []
            for y in range(0, 90): # If I put 91, then the program crashes
                self.button = QPushButton()
                l.append(self.button)
                self.gridLayout.addWidget(self.button, x, y)
            self.buttons.append(l)

        self.graphWidget.setLayout(self.vLayout)
#?        self.midColLayout.addWidget(self.mapLabel)
        self.midColLayout.addWidget(self.graphWidget)

if __name__ == '__main__':
    myapp = QApplication(sys.argv)
    mywin = Widget()
    mywin.resize(400, 400)
    mywin.show()
    sys.exit(myapp.exec_())

import sys
from PyQt5.Qt import *


class Widget(QWidget):
    def __init__(self):
        super().__init__()

        self.midColLayout = QVBoxLayout()
        self.graphWidget = QWidget(self)                                          ## self
        self.graphWidget.setStyleSheet("background-color: white; padding:0px;")
        self.graphWidget.setSizePolicy(QSizePolicy.Ignored, QSizePolicy.Ignored)

        self.vLayout = QVBoxLayout(self)                                          # +++ self
        self.hLayout = QHBoxLayout()

        self.gridLayout = QGridLayout()
        self.gridLayout.setSpacing(0) 
        self.hLayout.addLayout(self.gridLayout)
        self.vLayout.addLayout(self.hLayout)

        self.buttons = []
        for x in range(0, 80): # If I put 81, then the program crashes
            l = []
            for y in range(0, 90): # If I put 91, then the program crashes
                self.button = QPushButton()
                l.append(self.button)
                self.gridLayout.addWidget(self.button, x, y)
            self.buttons.append(l)

#        self.graphWidget.setLayout(self.vLayout)                                   # ---
#?        self.midColLayout.addWidget(self.mapLabel)
        self.midColLayout.addWidget(self.graphWidget)

if __name__ == '__main__':
    myapp = QApplication(sys.argv)
    mywin = Widget()
    mywin.resize(400, 400)
    mywin.show()
    sys.exit(myapp.exec_())

-----------------------

import sys
from PyQt5.Qt import *


class Widget(QWidget):
    def __init__(self):
        super().__init__()

        self.midColLayout = QVBoxLayout()
        self.graphWidget = QWidget(self)                                         ## self
        self.graphWidget.setStyleSheet("background-color: white; padding:0px;")
        self.graphWidget.setSizePolicy(QSizePolicy.Ignored, QSizePolicy.Ignored)

        self.vLayout = QVBoxLayout()
        self.hLayout = QHBoxLayout()

        self.gridLayout = QGridLayout()
        self.gridLayout.setSpacing(0) 
        self.hLayout.addLayout(self.gridLayout)
        self.vLayout.addLayout(self.hLayout)

        self.buttons = []
        for x in range(0, 80): # If I put 81, then the program crashes
            l = []
            for y in range(0, 90): # If I put 91, then the program crashes
                self.button = QPushButton()
                l.append(self.button)
                self.gridLayout.addWidget(self.button, x, y)
            self.buttons.append(l)

        self.graphWidget.setLayout(self.vLayout)
#?        self.midColLayout.addWidget(self.mapLabel)
        self.midColLayout.addWidget(self.graphWidget)

if __name__ == '__main__':
    myapp = QApplication(sys.argv)
    mywin = Widget()
    mywin.resize(400, 400)
    mywin.show()
    sys.exit(myapp.exec_())

import sys
from PyQt5.Qt import *


class Widget(QWidget):
    def __init__(self):
        super().__init__()

        self.midColLayout = QVBoxLayout()
        self.graphWidget = QWidget(self)                                          ## self
        self.graphWidget.setStyleSheet("background-color: white; padding:0px;")
        self.graphWidget.setSizePolicy(QSizePolicy.Ignored, QSizePolicy.Ignored)

        self.vLayout = QVBoxLayout(self)                                          # +++ self
        self.hLayout = QHBoxLayout()

        self.gridLayout = QGridLayout()
        self.gridLayout.setSpacing(0) 
        self.hLayout.addLayout(self.gridLayout)
        self.vLayout.addLayout(self.hLayout)

        self.buttons = []
        for x in range(0, 80): # If I put 81, then the program crashes
            l = []
            for y in range(0, 90): # If I put 91, then the program crashes
                self.button = QPushButton()
                l.append(self.button)
                self.gridLayout.addWidget(self.button, x, y)
            self.buttons.append(l)

#        self.graphWidget.setLayout(self.vLayout)                                   # ---
#?        self.midColLayout.addWidget(self.mapLabel)
        self.midColLayout.addWidget(self.graphWidget)

if __name__ == '__main__':
    myapp = QApplication(sys.argv)
    mywin = Widget()
    mywin.resize(400, 400)
    mywin.show()
    sys.exit(myapp.exec_())

See all related Code Snippets

Community Discussions

Trending Discussions on vlayout

qTableview sorting with PandasModel
Need to connect two nodes of different circle packed layout in d3
How to open the youtube link from a youtube video embed in a PyQt5 Widget in Python?
GridLayout position in PyQt
How make QListWidgetItem autosize to its content, and fit into its QListWidget
Implementing PyQt5 "docking/undocking" mechamism for QStackedWidget: unpredictable Access Violation
PyQt5 Combining QVBoxLayout and QStackedLayout
how to print dataframe values in pyqt5 in python
What is causing this weird UI behavior in simple QTimer example with pygt5 or pyside2 under MacOs?
Writing open file code after converted UI file to Python - QTabWidget

Trending Discussions on vlayout

QUESTION

qTableview sorting with PandasModel

Asked 2021-May-25 at 16:54

I am using Pandasmodel for qTableview. I have converted data to numpy array. Now, I am trying to sort the table columns, but got the following attribute error:numpy.ndarray object has no attribute column. I have used numpy to convert dataframe because numpy is quite faster than panda to show datas in tableview. How can I set with numpyarray for sorting the tableView? pandasModel.py

from PyQt5 import QtCore
import pandas as pd
import numpy as np

class PandasModel(QtCore.QAbstractTableModel): 
    def __init__(self, df = pd.DataFrame(), parent=None): 
        QtCore.QAbstractTableModel.__init__(self, parent=parent)
        self._df = np.array(df.values) # convert to numpy array

        self._cols = df.columns
        self.r, self.c = np.shape(self._df)
    
    def headerData(self, p_int, orientation, role):
        if role == QtCore.Qt.DisplayRole:
            if orientation == QtCore.Qt.Horizontal:
                return self._cols[p_int]
            elif orientation == QtCore.Qt.Vertical:
                return p_int+1
        return None
    
    
    def data(self, index, role=QtCore.Qt.DisplayRole):
        if index.isValid():
            if role == QtCore.Qt.DisplayRole:
                return self._df[index.row(),index.column()]
        return None
   
    def setData(self, index, value, role):
       
        if not index.isValid():
            return False
        if role != QtCore.Qt.EditRole:
            return False
        row = index.row()
        if row < 0 or row >= len(self._df.values):
            return False
        column = index.column()
        if column < 0 or column >= self._df.columns.size:
            return False
        self._df.values[row][column] = value
        self.dataChanged.emit(index, index)
        return True
    
    def rowCount(self, parent=None):
        return self.r

    def columnCount(self, parent=QtCore.QModelIndex()): 
        return self.c


    def sort(self, column, order):
        colname = self._df.columns.tolist()[column]
        self.layoutAboutToBeChanged.emit()
        self._df.sort_values(colname, ascending= order == QtCore.Qt.AscendingOrder, inplace=True)
        self._df.reset_index(inplace=True, drop=True)
        self.layoutChanged.emit()

MainClass.py

from PyQt5 import QtCore, QtGui, QtWidgets

import pandas as pd

from PandasModel import PandasModel


class Widget(QtWidgets.QWidget):
    def __init__(self, parent=None):
        QtWidgets.QWidget.__init__(self, parent=None)
        vLayout = QtWidgets.QVBoxLayout(self)
        hLayout = QtWidgets.QHBoxLayout()
        self.pathLE = QtWidgets.QLineEdit(self)
        hLayout.addWidget(self.pathLE)
        self.loadBtn = QtWidgets.QPushButton("Select File", self)
        hLayout.addWidget(self.loadBtn)
        vLayout.addLayout(hLayout)
        self.pandasTv = QtWidgets.QTableView(self)
        vLayout.addWidget(self.pandasTv)
        self.loadBtn.clicked.connect(self.loadFile)
        self.pandasTv.setSortingEnabled(True)

    def loadFile(self):
        fileName, _ = QtWidgets.QFileDialog.getOpenFileName(self, "Open File", "", "CSV Files (*.csv)");
        self.pathLE.setText(fileName)
        df = pd.read_csv(fileName)
        model = PandasModel(df)
        self.pandasTv.setModel(model)

if __name__ == "__main__":
    import sys
    app = QtWidgets.QApplication(sys.argv)
    w = Widget()
    w.show()
    sys.exit(app.exec_())

ANSWER

Answered 2021-May-25 at 16:54

The problem is that the sort() method uses pandas logic to sort the rows. To avoid that kind of confusion it is better to create a model based on numpy.array replacing all the pandas logic.

from PyQt5 import QtCore, QtWidgets

import pandas as pd
import numpy as np


class NumpyArrayModel(QtCore.QAbstractTableModel):
    def __init__(self, array, headers, parent=None):
        QtCore.QAbstractTableModel.__init__(self, parent=parent)
        self._array = array
        self._headers = headers
        self.r, self.c = np.shape(self.array)

    @property
    def array(self):
        return self._array

    @property
    def headers(self):
        return self._headers

    def rowCount(self, parent=QtCore.QModelIndex()):
        return self.r

    def columnCount(self, parent=QtCore.QModelIndex()):
        return self.c

    def headerData(self, p_int, orientation, role):
        if role == QtCore.Qt.DisplayRole:
            if orientation == QtCore.Qt.Horizontal:
                if p_int < len(self.headers):
                    return self.headers[p_int]
            elif orientation == QtCore.Qt.Vertical:
                return p_int + 1
        return

    def data(self, index, role=QtCore.Qt.DisplayRole):
        if not index.isValid():
            return None
        row = index.row()
        column = index.column()
        if row < 0 or row >= self.rowCount():
            return None
        if column < 0 or column >= self.columnCount():
            return None
        if role == QtCore.Qt.DisplayRole:
            return float(self.array[row, column])
        return None

    def setData(self, index, value, role):
        if not index.isValid():
            return False
        if role != QtCore.Qt.EditRole:
            return False
        row = index.row()
        column = index.column()
        if row < 0 or row >= self.rowCount():
            return False
        if column < 0 or column >= self.columnCount():
            return False
        self.array.values[row][column] = value
        self.dataChanged.emit(index, index)
        return True

    def sort(self, column, order):
        self.layoutAboutToBeChanged.emit()
        argsort = self.array[:, column].argsort()
        if order == QtCore.Qt.DescendingOrder:
            argsort = argsort[::-1]
        self._array = self.array[argsort]
        self.layoutChanged.emit()


class Widget(QtWidgets.QWidget):
    def __init__(self, parent=None):
        QtWidgets.QWidget.__init__(self, parent=None)
        vLayout = QtWidgets.QVBoxLayout(self)
        hLayout = QtWidgets.QHBoxLayout()
        self.pathLE = QtWidgets.QLineEdit(self)
        hLayout.addWidget(self.pathLE)
        self.loadBtn = QtWidgets.QPushButton("Select File", self)
        hLayout.addWidget(self.loadBtn)
        vLayout.addLayout(hLayout)
        self.pandasTv = QtWidgets.QTableView(self)
        vLayout.addWidget(self.pandasTv)
        self.loadBtn.clicked.connect(self.loadFile)
        self.pandasTv.setSortingEnabled(True)

    def loadFile(self):
        fileName, _ = QtWidgets.QFileDialog.getOpenFileName(
            self, "Open File", "", "CSV Files (*.csv)"
        )
        self.pathLE.setText(fileName)
        if fileName:
            df = pd.read_csv(fileName)
            array = np.array(df.values)
            headers = df.columns.tolist()
            model = NumpyArrayModel(array, headers)
            self.pandasTv.setModel(model)


if __name__ == "__main__":
    import sys

    app = QtWidgets.QApplication(sys.argv)
    w = Widget()
    w.show()
    sys.exit(app.exec_())

Source https://stackoverflow.com/questions/67690242

QUESTION

Need to connect two nodes of different circle packed layout in d3

Asked 2021-May-20 at 15:17

I want to connect node inside one big circle to node inside another big circle or sometimes to another bigger circle itself. Is there a way to achieve the same ? I am able to connect nodes inside the same circle.

Below is the sample code that I have tried with :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style type="text/css">
        .node {}

        .link { stroke: #999; stroke-opacity: .6; stroke-width: 1px; }
    </style>
    <script src="https://d3js.org/d3.v4.min.js" type="text/javascript"></script>
    <script src="https://d3js.org/d3-selection-multi.v1.js"></script>
</head>
<svg width="960" height="600"></svg>

<script type="text/javascript">
var data = {
  "nodes": [
    {
      "id": "Myriel", 
      "group": 1, 
      "value": 3, // basically in this ratio the circle radius will be
      "childNode" : [{
        "id": "child1",
        "value": 2
      },{
        "id": "child2",
        "value": 3
      },{
        "id": "child3",
        "value": 1
      }],
      "links": [{
        "source": "child1",
        "target": "child2",
        "isByDirectional": true    
      },{
        "source": "child1",
        "target": "child3",
        "isByDirectional": false    
      }
      ]
    },
    {
      "id": "Napoleon",
      "group": 1,
      "value": 2, // basically in this ratio the circle radius will be
      "childNode" : [{
        "id": "child4",
        "value": 2
      },{
        "id": "child5",
        "value": 3
      }],
      "links": null
    },
    {
      "id": "Mlle.Baptistine",
      "group": 1,
      "value": 1, // basically in this ratio the circle radius will be
    },
    {
      "id": "Mme.Magloire",
      "group": 1,
      "value" : 1,
    },
    {
      "id": "CountessdeLo",
      "group": 1,
      "value" : 2,
    },
    {
      "id": "Geborand",
      "group": 1,
      "value" : 3,
    }
  ],
  "links": [
    {"source": "Napoleon", "target": "Myriel", "value": 1},
    {"source": "Mlle.Baptistine", "target": "Napoleon", "value": 8},
    {"source": "CountessdeLo", "target": "Myriel", "value": 1},
    {"source": "Geborand", "target": "CountessdeLo", "value": 1}
  ]
}



var nodeRadiusScale = d3.scaleSqrt().domain([0, 50]).range([10, 50]);

var color = function() {
  var scale = d3.scaleOrdinal(d3.schemeCategory10);
  return d => scale(d.group);
}

var drag = simulation => {
  
  function dragstarted(d) {
    if (!d3.event.active) simulation.alphaTarget(0.3).restart();
    d.fx = d.x;
    d.fy = d.y;
  }
  
  function dragged(d) {
    d.fx = d3.event.x;
    d.fy = d3.event.y;
  }
  
  function dragended(d) {
    if (!d3.event.active) simulation.alphaTarget(0);
    d.fx = null;
    d.fy = null;
  }
  
  return d3.drag()
      .on("start", dragstarted)
      .on("drag", dragged)
      .on("end", dragended);
}

function drawChildNodes(nodeElement, parentIds, options) {
  if(!parentIds.childNodes) {
    return
  }


  const nodeColor = options.nodeColor
  const borderColor = options.borderColor
  const nodeTextColor = options.nodeTextColor
  const width = options.width
  const height = options.height
  const data = getData(parentIds, width * 2, height * 2);
  const nodeData = nodeElement.selectAll("g").data(data)

  var childNodeRadius = 5;

  const nodesEnter = nodeData
    .enter()
    .append("g")
    .attr("id", (d, i) => {
      return "node-group-" + d.data.id
    })
    .attr('class', 'child-node')
    .attr("transform", (d) => `translate(${d.x - width},${d.y - height})`)
    .attr('cx', (d) => d.x)
    .attr('cy', (d) => d.y)
  
  nodesEnter
    .filter((d) => d.height === 0)
    .append("circle")
    .attr("class", "node pie")
    .attr("r", (d) => childNodeRadius)
    .attr("stroke", borderColor)
    .attr("stroke-width", 1)
    .attr("fill", "white")

  /*nodesEnter
    .filter((d) => d.height === 0)
    .append("text")
    .style("fill", "black")
    .attr("font-size", "0.8em")
    .attr("text-anchor", "middle")
    .attr("alignment-baseline", "middle")
    .attr("dy", -7)
    .text(d=>d.data.id)*/
    if(!parentIds.childLink) {
      return;
    }
  
  const linkData = nodeElement.selectAll("line").data(parentIds.childLink);

  const linksEnter = linkData
    .enter()
    .append("line")
    .attr("class", "node line")
    .attr('id', (d) => d.source + '->' + d.target)
    .attr("x1", (d,i) => data.find(el => el.data.id === d.source).x - width)
    .attr("y1", (d,i) => data.find(el=>el.data.id === d.source).y - height)
    .attr("x2", (d,i) => data.find(el=>el.data.id === d.target).x - width)
    .attr("y2", (d,i) => data.find(el=>el.data.id === d.target).y - height)
    .attr("stroke", 'red')
    .attr("stroke-width", 1)
    .attr("fill", "none")

}

function getData(parentIDs, width, height) {
  var rawData = []
  rawData.push({ id: "root" })
  rawData.push({
    id: parentIDs.key,
    size: parentIDs.values,
    parentId: "root"
  })

  parentIDs.childNodes.forEach((el) => {
    rawData.push({
      id: el.id,
      parentId: parentIDs.key,
      size: el.value
    })
  })
  
  const vData = d3.stratify()(rawData)
  const vLayout = d3.pack().size([width, height]).padding(10)
  const vRoot = d3.hierarchy(vData).sum(function (d) {
    return d.data.size
  })
  const vNodes = vLayout(vRoot)
  const data = vNodes.descendants().slice(1)

  return data
}
var svg = d3.select("svg"),
        width = +svg.attr("width"),
        height = +svg.attr("height");

var links = data.links.map(d => Object.create(d));
var nodes = data.nodes.map(d => Object.create(d));

var simulation = d3.forceSimulation(nodes)
                    .force("link", d3.forceLink(links).id(d => d.id).distance(200))
                    .force("charge", d3.forceManyBody().strength(0,15))
                    .force("collide", d3.forceCollide(function (d) { 
                        return 100;
                        //return nodeRadiusScale(d.value) 
                    }))
                    .force("center", d3.forceCenter(width / 2, height / 2));

var link = svg.append("g")
            .attr("stroke", "#999")
            .attr("stroke-opacity", 0.6)
            .selectAll("line")
            .data(links)
            .enter()
            .append('line')
            .attr("stroke-width", d => Math.sqrt(d.value));

function zoom(focus) {
    const transition = svg.transition()
    .duration(750)
    .attr("transform", function(){
      clicked = !clicked
      if(clicked){
        return `translate(${-(focus.x-width/2)*k},${-(focus.y-height/2)*k})scale(${k})`
      } else {
        return `translate(${0},${0})})scale(1)`
      }      
    });
}

var nodeG = svg.append("g")
    .selectAll("g")
      .data(nodes)
      .enter()
      .append('g')
      .call(drag(simulation))
      .on("click", d => (zoom(d), d3.event.stopPropagation()));


nodeG.append('circle')
    .attr("r", d => nodeRadiusScale(d.value * 2))
    .attr("fill", color);

nodeG.append('text')
    .style("fill", "black")
    .attr("font-size", "0.8em")
    .attr("text-anchor", "middle")
    .attr("alignment-baseline", "middle")
    .attr("dy", d => -nodeRadiusScale(d.value * 2)- 10)
    .text(d=>d.id);

nodeG.append('g')
    .each(function (d) {
    drawChildNodes(
      d3.select(this),
      { key: d.id, values: d.value, childNodes: d.childNode, childLink: d.links },
      {
        width: nodeRadiusScale(d.value),
        height: nodeRadiusScale(d.value),
        nodeColor: 'white',
        borderColor: 'black',
        nodeTextColor: 'black',
      }
    )
  });

simulation.on("tick", () => {
    link
        .attr("x1", d => d.source.x)
        .attr("y1", d => d.source.y)
        .attr("x2", d => d.target.x)
        .attr("y2", d => d.target.y);

    nodeG.attr("transform", d => `translate(${d.x}, ${d.y})`)
  });

</script>
<body>

I want to achieve something here in the image:

ANSWER

Answered 2021-May-20 at 15:17

Here is a snippet using D3 circle packing (V6):

const data = {
    name: "root",
  children: [
    {
        name: "A",
      children: [
        {name: "A1", value: 7}, {name: "A2", value: 8}, {name: "A3", value: 9}, {name: "A4", value: 10}, {name: "A5", value: 10}
      ]
    },
    {
        name: "B",
      children: [
        {name: "B1", value: 11}, {name: "B2", value: 7}, {name: "B3", value: 8},
      ]
    },
    {
      name: "C",
      value: 10
    },
    {
      name: "D",
      value: 10
    },
    {
      name: "E",
      value: 10
    }
  ],
  links: [{from: "A3", to: "C"}, {from: "A2", to: "E"}, {from: "B1", to: "D"}, {from: "B2", to: "B3"}, {from: "B1", to: "C"}]
};

const svg = d3.select("svg");

const pack = data => d3.pack()
    .size([400, 400])
    .padding(20)
  (d3.hierarchy(data)
    .sum(d => d.value * 2.5)
    .sort((a, b) => b.value - a.value));

const root = pack(data);    
    
const nodes = root.descendants().slice(1);    
console.log(nodes);

const container = svg.append('g')
    .attr('transform', 'translate(0,-50)')

const nodeElements = container
    .selectAll("circle")
    .data(nodes);
    
nodeElements.enter()
    .append("circle")
    .attr('cx', d => d.x)
    .attr('cy', d => d.y)
    .attr('r', d => d.value)
    .attr("fill", d => d.children ? "#ffe0e0" : "#ffefef")
    .attr('stroke', 'black')

const labelElements = container
    .selectAll("text")
    .data(nodes);
    
labelElements.enter()
    .append("text")
    .text(d => d.data.name)
    .attr('x', d => d.x)
    .attr('y', d => d.children ? d.y + d.value + 10 : d.y)
    .attr('text-anchor', 'middle')
    .attr('alignment-baseline', 'middle')
    .style('fill', 'black')

const linkElements = container.selectAll('path.link')
    .data(data.links);
  
const linkPath = d => {
 const from = nodes.find(n => n.data.name === d.from);
 const to = nodes.find(n => n.data.name === d.to);
 const length = Math.hypot(from.x - to.x, from.y - to.y);
 const fd = from.value / length;
 const fx = from.x + (to.x - from.x) * fd;
 const fy = from.y + (to.y - from.y) * fd;
 
 const td = to.value / length;
 const tx = to.x + (from.x - to.x) * td;
 const ty = to.y + (from.y - to.y) * td;
 return `M ${fx},${fy} L ${tx},${ty}`; 
};  
  
linkElements.enter()
    .append('path')
  .classed('link', true)
  .attr('d', linkPath)
  .attr('marker-start', 'url(#arrowhead-from)')
  .attr('marker-end', 'url(#arrowhead-to)');

text {
  font-family: "Ubuntu";
  font-size: 12px;
}

.link {
  stroke: blue;
  fill: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/6.7.0/d3.min.js"></script>

<svg width="400" height="400">
  <defs>
    <marker id="arrowhead-to" markerWidth="10" markerHeight="7" 
    refX="10" refY="3.5" orient="auto">
      <polygon fill="blue" points="0 0, 10 3.5, 0 7" />
    </marker>
    <marker id="arrowhead-from" markerWidth="10" markerHeight="7" 
    refX="0" refY="3.5" orient="auto">
      <polygon fill="blue" points="10 0, 0 3.5, 10 7" />
    </marker>
  </defs>
</svg>

Source https://stackoverflow.com/questions/67614914

QUESTION

How to open the youtube link from a youtube video embed in a PyQt5 Widget in Python?

Asked 2021-May-13 at 16:32

Environment:

Python 3.7 PyQT5 5.15.2

I have a GUI with some links and Youtube videos embed inside a QWidget.

A GUI is a user interface. I've done mine for my software with Python PyQT5. I want to show some video tutorials from YOutube inside my GUI.

So I incorporate the youtube iframe HTML code inside a Qwidget (vlayout & webview, see code below).

The GUI is loading fine, and the videos are playing well. But they are too small. So my users will click on the youtube link over the video:

When I click on this Youtube link when playing the video, it supposes to open a youtube video page from my browser. It is useful to watch it directly from youtube instead of from my GUI. But the link doesn't work. it doesn't do anything. Something is wrong.

SO I tried to play with 'setOpenExternalLinks' & 'centralwid', but it doesn't work. The widget for my youtube doesn't have this attribute.

AttributeError: 'QWidget' object has no attribute 'setOpenExternalLinks'

Why?

Here is the code of some youtube videos and labels:

# Code for 1 Youtube video and its QtWidget
# ======================================================================================
self.centralwid = QtWidgets.QWidget(self.tab_run)
self.centralwid.setGeometry(QtCore.QRect(60, 40, 410, 258))
self.centralwid.setObjectName("centralwid")
self.label_loading_browsers = QtWidgets.QLabel(self.centralwid)
# ===================== HERE IS THE CODE FOR IFRAM YOUTUBE ============================
self.vlayout = QtWidgets.QVBoxLayout()
self.webview = QtWebEngineWidgets.QWebEngineView()
self.webview.settings().setAttribute(QWebEngineSettings.FullScreenSupportEnabled, True)
self.webview.page().fullScreenRequested.connect(lambda request: request.accept())
baseUrl = "local"
htmlString = """
                <iframe width="350" height="212" src="https://www.youtube.com/embed/g8NVwN0_mks?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
                        """

self.webview.setHtml(htmlString, QUrl(baseUrl))
self.vlayout.addWidget(self.webview)
self.centralwid.setLayout(self.vlayout)

I search for all the properties and methods of my object qwidget. I added these 2 lines but it didn't change anything:

self.webview.settings().setAttribute(QWebEngineSettings.LocalContentCanAccessRemoteUrls, True)
self.webview.settings().setAttribute(QWebEngineSettings.AllowRunningInsecureContent, True)

Here is MiniMum Reproductable COde (just copy paste in a py file and execute, you may need to resize window of gui to see the video)

import sys
from PyQt5 import QtWidgets
from PyQt5 import QtCore
from PyQt5.QtWidgets import QApplication, QLabel, QMainWindow
from PyQt5.QtCore import QUrl, Qt
from PyQt5 import QtWebEngineWidgets
from PyQt5.QtWebEngineWidgets import QWebEngineSettings

# Subclass QMainWindow to customise your application's main window
class MainWindow(QMainWindow):

    def __init__(self, *args, **kwargs):
        super(MainWindow, self).__init__(*args, **kwargs)

        self.setWindowTitle("My Awesome App")

        label = QLabel("This is a PyQt5 window!")

        # The `Qt` namespace has a lot of attributes to customise
        # widgets. See: http://doc.qt.io/qt-5/qt.html
        label.setAlignment(Qt.AlignCenter)

        # Set the central widget of the Window. Widget will expand
        # to take up all the space in the window by default.
        self.setCentralWidget(label)

        # Code for 1 Youtube video and its QtWidget
        # ======================================================================================

        self.centralwid = QtWidgets.QWidget(self)
        self.centralwid.setGeometry(QtCore.QRect(60, 40, 410, 258))
        self.centralwid.setObjectName("centralwid")
        self.label_loading_browsers = QtWidgets.QLabel(self.centralwid)
        # ===================== HERE IS THE CODE FOR IFRAM YOUTUBE ============================
        self.vlayout = QtWidgets.QVBoxLayout()
        self.webview = QtWebEngineWidgets.QWebEngineView()
        self.webview.settings().setAttribute(QWebEngineSettings.FullScreenSupportEnabled, True)        
        self.webview.settings().setAttribute(QWebEngineSettings.LocalContentCanAccessRemoteUrls, True)
        self.webview.settings().setAttribute(QWebEngineSettings.AllowRunningInsecureContent, True)
        self.webview.page().fullScreenRequested.connect(lambda request: request.accept())
        baseUrl = "local"
        htmlString = """
                        <iframe width="350" height="212" src="https://www.youtube.com/embed/g8NVwN0_mks?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
                                """

        self.webview.setHtml(htmlString, QUrl(baseUrl))
        self.vlayout.addWidget(self.webview)
        self.centralwid.setLayout(self.vlayout)


app = QApplication(sys.argv)

window = MainWindow()
window.show()

app.exec_()

ANSWER

Answered 2021-May-13 at 16:32

The problem is that according to the standard there are several types of actions when a link is clicked: Open the link on the same page, in another tab, window, etc. So in your case you have not implemented that logic (for example in Google Chrome I will have it in another tab). The solution is to override the createWindow method.

import sys

from PyQt5.QtCore import QUrl, Qt, pyqtSlot
from PyQt5.QtWidgets import QApplication, QLabel, QMainWindow, QVBoxLayout, QWidget
from PyQt5.QtWebEngineWidgets import QWebEnginePage, QWebEngineSettings, QWebEngineView


popups = []


class Widget(QWidget):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.view = QWebEngineView()
        lay = QVBoxLayout(self)
        lay.addWidget(self.view)
        self.resize(640, 480)


class WebEnginePage(QWebEnginePage):
    def createWindow(self, _type):
        w = Widget()
        w.show()
        popups.append(w)
        return w.view.page()


class MainWindow(QMainWindow):
    def __init__(self, parent=None):
        super(MainWindow, self).__init__(parent=None)

        self.setWindowTitle("My Awesome App")

        central_widget = QWidget()
        self.setCentralWidget(central_widget)

        label = QLabel("This is a PyQt5 window!", alignment=Qt.AlignCenter)

        self.webview = QWebEngineView()
        self.page = WebEnginePage()
        self.webview.setPage(self.page)
        self.webview.settings().setAttribute(
            QWebEngineSettings.FullScreenSupportEnabled, True
        )

        self.webview.load(
            QUrl("https://www.youtube.com/embed/g8NVwN0_mks?rel=0&amp;showinfo=0")
        )

        lay = QVBoxLayout(central_widget)
        lay.addWidget(label)
        lay.addWidget(self.webview)


def main():
    app = QApplication(sys.argv)

    window = MainWindow()
    window.show()

    app.exec_()


if __name__ == "__main__":
    main()

Source https://stackoverflow.com/questions/67521837

QUESTION

GridLayout position in PyQt

Asked 2021-Mar-10 at 09:46

I have the following problem, because i want the frame for my "Enter IP-address" to have the same size as the three other frames below it, which is "Open file/Save file", "parameter" and "hyppighed". And i want my "start log" frame to go all the way to the top level, but this is how it is showed:

Output

And here is the code:

class myWindow(QWidget):
    def __init__(self):
        super(myWindow, self).__init__()
        self.initUI()

    def initUI(self):
        self.setWindowTitle("Unisab 3 Modbuslogger")
        self.setWindowIcon(QtGui.QIcon("logger\johnsoncontrols.png"))
        self.createLayout()
        self.showMaximized()

    def createLayout(self):
        gridLayout = QGridLayout()
        vlayout5 = QHBoxLayout()

        self.frame1_custom = ConfigurationWidget()
        gridLayout.addWidget(self.frame1_custom, 0, 0, 1, 1)

        self.frame2_custom = SaveOpenWidget()
        gridLayout.addWidget(self.frame2_custom, 1, 0, 1, 1)

        self.frame3_custom = ParameterWidget()
        gridLayout.addWidget(self.frame3_custom, 2, 0, 1, 1)

        self.frame4_custom = HyppighedWidget()
        gridLayout.addWidget(self.frame4_custom, 3, 0, 1, 1)

        self.frame5_custom = StartLogWidget()
        gridLayout.addWidget(self.frame5_custom, 0, 1, 4, 4)

        self.setLayout(gridLayout)


class ConfigurationWidget(QFrame):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.frame1 = self
        self.frame1.setFrameShape(self.StyledPanel)
        self.vlayout = QVBoxLayout()

        self.labelIP = QLabel("Enter IP-address:", self)
        self.labelIP.setFont(QFont("Times", 12))
        self.lineeditIP = QLineEdit(self)
        self.lineeditIP.setFont(QFont("Times", 12))
        self.labelIPConfirm = QLabel(self)
        self.labelIPConfirm.setFont(QFont("Times", 12))
        self.lineeditIP.returnPressed.connect(self.labelIPpressed)
        self.vlayout.addWidget(self.labelIP)
        self.vlayout.addWidget(self.lineeditIP)
        self.vlayout.addWidget(self.labelIPConfirm)
        self.frame1.setLayout(self.vlayout)

    def labelIPpressed(self):
        response = os.popen(f"ping {self.lineeditIP.text()}").read()
        if "Received = 4" in response:
           self.labelIPConfirm.setText(f"UP {self.lineeditIP.text()} Ping 
           Successful")
        else:
             self.labelIPConfirm.setText(f"DOWN {self.lineeditIP.text()} 
             Ping Unsuccesful")


class SaveOpenWidget(QFrame):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.frame2 = self
        self.frame2.setFrameShape(self.StyledPanel)
        self.hlayout = QHBoxLayout()
        self.widget = QWidget()

        self.buttonSave = QPushButton("Save file", self)
        self.buttonSave.setFont(QFont("Times", 12))
        self.buttonSave.clicked.connect(self.SaveFileDialog)
        self.buttonOpen = QPushButton("Open file", self)
        self.buttonOpen.setFont(QFont("Times", 12))
        self.buttonOpen.clicked.connect(self.OpenFileDialog)
        self.hlayout.addWidget(self.buttonOpen)
        self.hlayout.addWidget(self.buttonSave)
        self.frame2.setLayout(self.hlayout)

    def SaveFileDialog(self):
        option = QFileDialog.Options()
        file = QFileDialog.getSaveFileName(self.widget, "Save File Window 
        Title", "default.txt", "All Files (*)", options=option)
        print(file[0])

    def OpenFileDialog(self):
        option = QFileDialog.Options()
        file = QFileDialog.getOpenFileName(self.widget, "Open file window 
        title", "Default file", "All Files (*)", options = option)
        print(file)

class ParameterWidget(QFrame):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.frame3 = self
        self.frame3.setFrameShape(self.StyledPanel)
        self.vlayout = QVBoxLayout()

        self.buttonParameter = QPushButton("Parameter", self)
        self.vlayout.addWidget(self.buttonParameter)
        self.frame3.setLayout(self.vlayout)

class HyppighedWidget(QFrame):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.frame4 = self
        self.frame4.setFrameShape(self.StyledPanel)
        self.vlayout = QVBoxLayout()

        self.buttonHyppighed = QPushButton("Hyppighed", self)
        self.vlayout.addWidget(self.buttonHyppighed)
        self.frame4.setLayout(self.vlayout)

class StartLogWidget(QFrame):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.frame5 = self
        self.frame5.setFrameShape(self.StyledPanel)
        self.vlayout = QVBoxLayout()

        self.buttonLog = QPushButton("Start log", self)
        self.vlayout.addWidget(self.buttonLog)
        self.frame5.setLayout(self.vlayout)


def window():
app = QApplication(sys.argv)
win = myWindow()
win.show()
sys.exit(app.exec_())


window()

And i thought it would make sense to give the first frame, which is ConfigurationWidget() the coordinates(0, 0, 1, 1), but then the GUI is showed like this, which is wrong, because i want the frames to left to have the size as they had on the first picture:

Output2

ANSWER

Answered 2021-Mar-10 at 09:46

You have to set the stretch factor of the second column to 1:

gridLayout.setColumnStretch(1, 1)

Source https://stackoverflow.com/questions/66561705

QUESTION

How make QListWidgetItem autosize to its content, and fit into its QListWidget

Asked 2021-Mar-05 at 18:15

Here is an elastic layout of a single item i'm trying to design :

my desired layout

Please find below the code i'm using to display that custom QListWidgetItem in a QlistWidget. But the layout does not look as expected :

custom widget does not fit the width of the list, I don't want a horizontal scroll bar
even with setWordWrap set to True, long description does not display the whole text and is cut in its height

The code :

from PyQt5 import QtWidgets
from PyQt5.QtWidgets import *

class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.resize(400, 500)
        self.centralwidget = QWidget(MainWindow)
        self.gridLayout = QGridLayout(self.centralwidget)
        self.listWidget = QListWidget(self.centralwidget)
        self.gridLayout.addWidget(self.listWidget, 0, 0, 1, 1)
        MainWindow.setCentralWidget(self.centralwidget)

class customWidget(QWidget):
    def __init__ (self, name, date, desc, parent = None):
        super(customWidget, self).__init__(parent)
        
        # feed labels
        self.labelName = QLabel(name)
        self.labelName.setFrameShape(QFrame.Box)
        self.labelName.setStyleSheet('''font: bold;''')

        self.labelDate = QLabel(date)
        self.labelDate.setFrameShape(QFrame.Box)

        self.labelDesc = QLabel(desc)
        self.labelDesc.setFrameShape(QFrame.Box)
        self.labelDesc.setWordWrap(True)

        # layout
        self.Hlayout = QHBoxLayout()
        self.Hlayout.addWidget(self.labelName)
        self.Hlayout.addStretch()
        self.Hlayout.addWidget(self.labelDate)

        self.Vlayout = QVBoxLayout()
        self.Vlayout.addLayout(self.Hlayout)
        self.Vlayout.addWidget(self.labelDesc)
        
        self.setLayout(self.Vlayout)

def feed_list():
    myArray = [
        ("paul meneck", "21/09/1969", "blond whith red hat"),
        ("boby la pointe", "16/08/1972", "brown shoes"),
        ("julius con-meraz de la fuego", "07/12/1980","this is a very long description"
            "with more and more bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla "
            "bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla "
            "bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla "
            "and finaly the END OF THAT LONG DESCRIPTION"),
        ("roberto umportes", "14/01/1957", "another description for that roberto")
    ]
    for var in myArray:
        item = QListWidgetItem()
        widget = customWidget(var[0], var[1], var[2])
        item.setSizeHint(widget.sizeHint())
        ui.listWidget.addItem(item)
        ui.listWidget.setItemWidget(item, widget)

if __name__ == "__main__":
    import sys
    app = QApplication(sys.argv)
    MainWindow = QMainWindow()
    ui = Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()
    feed_list()
    sys.exit(app.exec_())

ANSWER

Answered 2021-Mar-04 at 20:38

If using the QListWidget is mandatory, then you have to provide only the hint for the required orientation.

The returned sizeHint of a widget is always a size that recommended, aka is the optimal size to ensure that all widget have the correct size to show their contents (which is usually bigger than the minimum size).

The sizeHint of an item view, instead, is the default size that the item will use, and since QListWidget has no horizontal header, there's no direct way to "stretch" the contents to a size smaller than the hint.

The solution is to invalidate the orientation of the size hint for which you're not interested, by setting its value to -1:

    widget = customWidget(var[0], var[1], var[2])
    hint = widget.sizeHint()
    hint.setWidth(-1)
    item.setSizeHint(hint)

Source https://stackoverflow.com/questions/66481930

QUESTION

Implementing PyQt5 "docking/undocking" mechamism for QStackedWidget: unpredictable Access Violation

Asked 2021-Feb-05 at 12:26

I'm using PyQt5 and i'm trying to make a mechanism for docking/undocking QWidgets from QStackedWidget (i have a QComboBox/QStackedWidget working together + QPushButton for current widget undocking). I know about QDockWidgets, but it seems it's impossible to locate them in central widget of QMainWindow, especially put them into QStackedWidget.

When user is clicking on button, current widget's flags are changing to Qt.Window - after then show() method calls. When user closes docked widget (window), the widget returns back to QStackedWidget.

To automate QPushButton clicking i also wrote the imitate() slot for QTimer: it undocks several DockWidgets (imitates user click on QPushButton), then closes them and repeats.

There is a Python code reproducing my idea:

from typing import NoReturn
from typing import Optional

from PyQt5 import QtCore
from PyQt5 import QtGui
from PyQt5 import QtWidgets
from PyQt5.QtCore import Qt

import enum


class ImitatorStatus(enum.IntEnum):
    Undocking: int = enum.auto()
    Docking:   int = enum.auto()


class DockWidget(QtWidgets.QWidget):
    """Test QWidget with docking/undocking feature"""
    # Signal emitting when docked window closes
    returnToQStackedWidgetSignal = QtCore.pyqtSignal()

    def __init__(self, index: int, parent: Optional[QtWidgets.QWidget] = None):
        super(DockWidget, self).__init__(parent, flags=Qt.Widget)
        self.setObjectName("item%d" % index)

        self.vLayout = QtWidgets.QVBoxLayout(self)

        self.label = QtWidgets.QLabel("Item no. %d" % index, self)
        self.label.setObjectName("label%d" % index)
        self.label.setAlignment(Qt.AlignVCenter | Qt.AlignRight)
        self.label.setAutoFillBackground(True)

        palette = self.label.palette()
        palette.setColor(self.label.backgroundRole(), QtGui.QColor("#ffa100"))
        self.label.setPalette(palette)

        self.vLayout.addWidget(self.label)
        self.setLayout(self.vLayout)

        self.setMinimumSize(QtCore.QSize(600, 450))
        # self.setAttribute(Qt.WA_QuitOnClose, True)

    def show(self) -> NoReturn:
        # There i'm changing windowFlags, and PyQt5 provides
        # a separate QWindow to show this DockWidget
        self.setWindowFlags(Qt.Window)
        super(DockWidget, self).show()

    def closeEvent(self, event: QtGui.QCloseEvent) -> NoReturn:
        # noinspection PyTypeChecker
        if self.windowFlags() & Qt.Window:
            # Change windowFlags back to Qt.QWidget
            self.setWindowFlags(Qt.Widget)
            super(DockWidget, self).closeEvent(event)
            self.returnToQStackedWidgetSignal.emit()
        else:
            super(DockWidget, self).closeEvent(event)


# noinspection PyPep8Naming
class DockWindow(QtWidgets.QMainWindow):
    def __init__(self):
        super(DockWindow, self).__init__(flags=Qt.Window)
        self.setObjectName("DockWindow")

        self._centralWidget = QtWidgets.QWidget(self)
        self._centralWidget.setObjectName("centralWidget")
        self.setCentralWidget(self._centralWidget)

        # QPushButton for undocking current widget from QStackedWidget
        self.undockButton = QtWidgets.QPushButton("UNDOCK", self)
        self.undockButton.setSizePolicy(QtWidgets.QSizePolicy.Fixed, QtWidgets.QSizePolicy.Fixed)
        self.undockButton.setObjectName("undockButton")
        self.undockButton.setCheckable(False)

        self.comboBox = QtWidgets.QComboBox(self)
        self.comboBox.setObjectName("comboBox")

        self.stackedWidget = QtWidgets.QStackedWidget(self)
        self.stackedWidget.setObjectName("stackedWidget")

        self.gridLayout = QtWidgets.QGridLayout(self._centralWidget)
        self.gridLayout.setObjectName("gridLayout")
        self.gridLayout.addWidget(self.comboBox, 0, 0, 1, 1)
        self.gridLayout.addWidget(self.undockButton, 0, 1, 1, 1)
        self.gridLayout.addWidget(self.stackedWidget, 1, 0, 1, 2)

        self.centralWidget().setLayout(self.gridLayout)

        self._count = 20
        for i in range(self._count):
            text = "Item %d" % i
            self.comboBox.addItem(text)

            dock_widget = DockWidget(i, self)
            dock_widget.returnToQStackedWidgetSignal.connect(self.backToQStackedWidgetSlot)
            self.stackedWidget.addWidget(dock_widget)

            setattr(self, "item%d" % i, dock_widget)

        self.undockButton.clicked.connect(self.undockButtonClicked)
        # QComboBox and QStackedWidget are working tohether
        self.comboBox.currentIndexChanged[int].connect(self.stackedWidget.setCurrentIndex)

        minimum_size = QtCore.QSize(1000, 750)
        self.setMinimumSize(minimum_size)
        self.resize(minimum_size)

        # Constants for "click imitator"
        self.imitator_state = ImitatorStatus.Undocking
        self.count_of_windows = 5

        timer = QtCore.QTimer(self)
        timer.setTimerType(Qt.PreciseTimer)
        timer.timeout.connect(self.imitate)
        # Uncomment the next string to start automate test
        # timer.start(200)

    @QtCore.pyqtSlot()
    def undockButtonClicked(self):
        if self.stackedWidget.count() == 1:
            # QStackedWidget should contain at least one QWidget
            self.sender().setEnabled(False)
            return

        widget = self.stackedWidget.currentWidget()  # type: DockWidget
        text = self.comboBox.currentText()

        self.comboBox.removeItem(self.comboBox.currentIndex())
        self.stackedWidget.removeWidget(widget)

        # Calling overriden (DockWidget.show) method
        widget.setWindowTitle(text)
        widget.show()
        widget.setGeometry(QtWidgets.QStyle.alignedRect(
            Qt.LeftToRight,
            Qt.AlignVCenter | Qt.AlignLeft,
            widget.size(),
            QtWidgets.qApp.desktop().availableGeometry()
        ))

    @QtCore.pyqtSlot()
    def backToQStackedWidgetSlot(self):
        widget = self.sender()  # type: DockWidget

        # Returning widget back to QStackedWidget
        # and append appropriate item in QComboBox
        self.stackedWidget.addWidget(widget)
        self.comboBox.addItem(f"Returned widget: {widget.objectName()}")

        if not self.undockButton.isEnabled():
            self.undockButton.setEnabled(True)

    @QtCore.pyqtSlot()
    def imitate(self):
        if self.imitator_state is ImitatorStatus.Undocking:
            # This string imitates user click on QPushButton
            self.undockButton.click()
        else:
            # Testing dock mechanism
            for window in QtWidgets.QApplication.allWindows():
                # QWindow`s object name is "item\d{1,2}Window"
                if "item" in window.objectName():
                    # returnToQStackedWidgetSignal emitting
                    window.close()
                    break

        self.count_of_windows -= 1
        if not self.count_of_windows:
            # Changing imitator state
            self.imitator_state = (ImitatorStatus.Docking
                                   if self.imitator_state is ImitatorStatus.Undocking
                                   else ImitatorStatus.Undocking)
            self.count_of_windows = 5


if __name__ == "__main__":
    # Without faulthandler module
    # application silently crash
    import faulthandler
    faulthandler.enable()

    import sys
    app = QtWidgets.QApplication(sys.argv)

    dock_window = DockWindow()
    dock_window.show()

    status = app.exec_()
    sys.exit(status)

So this code is working except one thing - sometimes it silently crashes. With enabled faulthandler module it crashes with next error:

Windows fatal exception: access violation

Current thread 0x00001e38 (most recent call first):
  File "_stackoverflow_docker.py", line 165 in imitate
  File "_stackoverflow_docker.py", line 189 in <module>
Segmentation fault

When i'm testing this manually, only 2nd stack frame appears because close() method calls non-programmatically.

I have no idea how to debug this error. Moreover, it looks like this error raised randomly: after closing 1st undock window or 101th... This behavior is very strange.

Being desperate i decided to duplicate this code in Qt Creator using C++ (it's my first C++ code, so please don't judge the quality of it) and IT WORKS! This code works just as expected:

dockwidget.h

#ifndef DOCKWIDGET_H
#define DOCKWIDGET_H

#include <QLabel>
#include <QObject>
#include <QWidget>

class DockWidget : public QWidget
{
    Q_OBJECT
public:
    explicit DockWidget(int index, QWidget *parent = 0);

    QLabel *label;

    void show();

protected:
    void closeEvent(QCloseEvent *event);

signals:
    // Signal emitting when docked window closes
    void returnToQStackedWidgetSignal();

public slots:
};

#endif // DOCKWIDGET_H

dockwidget.cpp

#include "dockwidget.h"

#include <QVBoxLayout>
#include <QLabel>
#include <QPalette>
#include <QPushButton>
#include <QSizePolicy>
#include <QStackedWidget>

DockWidget::DockWidget(int index, QWidget *parent) : QWidget(parent)
{
    setObjectName(QString("item%1").arg(QString::number(index)));

    QVBoxLayout *layout = new QVBoxLayout(this);

    label = new QLabel(QString("Item no. %1").arg(QString::number(index)), this);
    label->setAlignment(Qt::AlignVCenter | Qt::AlignRight);
    label->setAutoFillBackground(true);

    QPalette pal = palette();
    pal.setColor(label->backgroundRole(), QColor("#ffa100"));
    label->setPalette(pal);

    layout->addWidget(label);
    setLayout(layout);

    setMinimumSize(QSize(600, 450));
    // setAttribute(Qt::WA_QuitOnClose, true);
}

void DockWidget::show()
{
    // There i'm changing windowFlags, and PyQt5 provides
    // a separate QWindow to show this DockWidget
    setWindowFlags(Qt::Window);
    QWidget::show();
}

void DockWidget::closeEvent(QCloseEvent *event) {
    if (windowFlags() & Qt::Window) {
        // Change windowFlags back to Qt.QWidget
        setWindowFlags(Qt::Widget);
        QWidget::closeEvent(event);
        emit returnToQStackedWidgetSignal();
    } else {
        QWidget::closeEvent(event);
    }
}

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

#include <QPushButton>
#include <QComboBox>
#include <QStackedWidget>

enum ImitatorStatus {Undocking, Docking};

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = 0);
    ~MainWindow();

    QStackedWidget *stackedWidget;
    QComboBox *comboBox;
    QPushButton *undockButton;

    int _count = 20;
    int countOfWindows;
    ImitatorStatus imitatorState;

private slots:
    void undockButtonClicked();
    void backToStackedWidgetSlot();
    void imitate();
};

#endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"
#include "dockwidget.h"

#include <QApplication>
#include <QComboBox>
#include <QDebug>
#include <QDesktopWidget>
#include <QGridLayout>
#include <QPushButton>
#include <QSizePolicy>
#include <QStackedWidget>
#include <QStyle>
#include <QTimer>
#include <QWindow>


MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    QWidget *_centralWidget = new QWidget(this);
    setCentralWidget(_centralWidget);

    // QPushButton for undocking current widget from QStackedWidget
    undockButton = new QPushButton("UNDOCK", this);
    undockButton->setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Fixed);
    undockButton->setObjectName("undockButton");
    undockButton->setCheckable(false);

    comboBox = new QComboBox(this);
    comboBox->setObjectName("comboBox");

    stackedWidget = new QStackedWidget(this);
    stackedWidget->setObjectName("stackedWidget");

    QGridLayout *layout = new QGridLayout(_centralWidget);
    layout->addWidget(comboBox, 0, 0, 1, 1);
    layout->addWidget(undockButton, 0, 1, 1, 1);
    layout->addWidget(stackedWidget, 1, 0, 1, 2);

    _centralWidget->setLayout(layout);

    for (int i = 0; i < _count; i++) {
        QString string = QString("Item %1").arg(QString::number(i));
        comboBox->addItem(string);

        DockWidget *widget = new DockWidget(i, this);
        QObject::connect(widget, SIGNAL(returnToQStackedWidgetSignal()), this, SLOT(backToStackedWidgetSlot()));
        stackedWidget->addWidget(widget);
    }

    QObject::connect(undockButton, SIGNAL(clicked()), this, SLOT(undockButtonClicked()));
    // QComboBox and QStackedWidget are working tohether
    QObject::connect(comboBox, SIGNAL(currentIndexChanged(int)), stackedWidget, SLOT(setCurrentIndex(int)));

    QSize minimum_size(1000, 750);
    setMinimumSize(minimum_size);
    resize(minimum_size);

    // Constants for "click imitator"
    imitatorState = Undocking;
    countOfWindows = 5;

    QTimer *timer = new QTimer(this);
    timer->setTimerType(Qt::PreciseTimer);
    QObject::connect(timer, SIGNAL(timeout()), this, SLOT(imitate()));
    timer->start(200);

    qDebug() << "Qt version:" << QT_VERSION_STR;

}

MainWindow::~MainWindow()
{

}


void MainWindow::undockButtonClicked() {
    // qDebug() << "Button clicked";
    if (stackedWidget->count() == 1) {
        // QStackedWidget should contain at least one QWidget
        undockButton->setEnabled(false);
        return;
    }

    DockWidget* widget = qobject_cast<DockWidget*>(stackedWidget->currentWidget());
    QString text = comboBox->currentText();

    comboBox->removeItem(comboBox->currentIndex());
    stackedWidget->removeWidget(widget);

    // Calling overriden (DockWidget.show) method
    widget->setWindowTitle(text);
    widget->show();
    widget->setGeometry(QStyle::alignedRect(
                            Qt::LeftToRight,
                            Qt::AlignVCenter | Qt::AlignLeft,
                            widget->size(),
                            qApp->desktop()->availableGeometry()));
}

void MainWindow::backToStackedWidgetSlot() {
    DockWidget *widget = qobject_cast<DockWidget*>(sender());

    // Returning widget back to QStackedWidget
    // and append appropriate item in QComboBox
    stackedWidget->addWidget(widget);
    comboBox->addItem(QString("Returned widget: %1").arg(widget->objectName()));

    if (!undockButton->isEnabled()) {
        undockButton->setEnabled(true);
    }
}

void MainWindow::imitate() {
    if (imitatorState == Undocking) {
        // This string imitates user click on QPushButton
        undockButton->click();

    } else {
        // Testing dock mechanism
        QWindowList windows = qApp->allWindows();
        for (int i = 0; i < windows.size(); ++i) {
            QWindow *window = windows.at(i);
            QString objectName = window->objectName();
            // QWindow`s object name is "item\d{1,2}Window"
            if (objectName.indexOf("item") != -1) {
                // returnToQStackedWidgetSignal emitting
                window->close();
                break;
            }
        }
    }

    countOfWindows--;
    if (!countOfWindows) {
        // Changing imitator state
        imitatorState = (imitatorState == Undocking)? Docking: Undocking;
        countOfWindows = 5;
    }
}

My only guess was that Python-reference to one of DockWidgets is deleting at runtime, and i added this string (lineno. 99 in code):

setattr(self, "item%d" % i, widget)

Also i tried this:

self._count = 6

self.comboBox.addItem("Item 0")

self.item0 = DockWidget(0, self)
self.item0.returnToQStackedWidgetSignal.connect(self.backToQStackedWidgetSlot)
self.stackedWidget.addWidget(self.item0)

...

self.comboBox.addItem("Item 5")

self.item5 = DockWidget(5, self)
self.item5.returnToQStackedWidgetSignal.connect(self.backToQStackedWidgetSlot)
self.stackedWidget.addWidget(self.item5)

But both changed didn't help me at all - it still crashes with access violation...

I ran this Python code on Python 3.7.2 (win32), PyQt version - 5.12. For running C++ code i used Qt Creator 4.13.1 (based on Qt 5.15.1, also Windows x32).

P.S. It's my very first answer on Stackoverflow, so i apologize in advance if i forgot to mention something important.

ANSWER

Answered 2021-Feb-05 at 12:26

This problem was solved by myself after reimplementing DockWidget.closeEvent method:

def closeEvent(self, event: QtGui.QCloseEvent) -> NoReturn:
    if self.windowFlags() & Qt.Window:
        # Change windowFlags back to Qt.QWidget
        self.setWindowFlags(Qt.Widget)
        # We need to ignore QCloseEvent here
        event.ignore()
        self.returnToQStackedWidgetSignal.emit()
    else:
        event.accept()

Source https://stackoverflow.com/questions/65970598

QUESTION

PyQt5 Combining QVBoxLayout and QStackedLayout

Asked 2020-Sep-29 at 07:32

Can QVBoxLayout contain a QStackedLayout in a widget? I am trying to create a custom widget that looks like the following:

import sys
from PyQt5.QtWidgets import *
from pyqtgraph import PlotWidget, plot
import pyqtgraph as pg

class MyCustomWidget(QWidget):
    def __init__(self):
        super().__init__()

        self.my_combo_box = QComboBox(self)
        self.vlayout = QVBoxLayout(self)
        self.slayout = QStackedLayout(self)

        self.vlayout.addWidget(self.my_combo_box)
        self.graphWidget = {}
        self.widget = QWidget()

    def add_new_graphics(self, name, x, y):
        self.my_combo_box.addItem(name)

        self.graphWidget[name] = pg.PlotWidget()
        self.graphWidget[name].plot(x, y)
        self.slayout.addWidget(self.graphWidget[name])

        self.vlayout.addWidget(self.slayout)
        self.widget.setLayout(self.vlayout)

app = QApplication([])
a = MyCustomWidget()
x1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
y1 = [30, 32, 34, 32, 33, 31, 29, 32, 35, 45]
a.add_new_graphics('data1', x1, y1)

x2 = [11, 12, 13, 14, 15, 16, 17, 18, 19, 20]
y2 = [0, 2, 4, 2, 3, 1, 9, 2, 5, 5]
a.add_new_graphics('data2', x2, y2)

a.show()
sys.exit(app.exec_())

I get the following errors:

TypeError: addWidget(self, QWidget, stretch: int = 0, alignment: Union[Qt.Alignment, Qt.AlignmentFlag] = Qt.Alignment()): argument 1 has unexpected type 'QStackedLayout'
sys:1: RuntimeWarning: Visible window deleted. To prevent this, store a reference to the window object.

ANSWER

Answered 2020-Sep-29 at 07:32

You can add any layout to a QVBoxLayout including a QStackedLayout, but you need to use layout.addLayout for this, not layout.addWidget. There are a few other things off in the definition of MyCustomWidget. Here is a version that should work:

class MyCustomWidget(QWidget):
    def __init__(self):
        super().__init__()

        self.my_combo_box = QComboBox(self)
        self.vlayout = QVBoxLayout(self)
        self.slayout = QStackedLayout()

        self.vlayout.addWidget(self.my_combo_box)
        # add stacked layout to self.vlayout (only need to be done once).
        self.vlayout.addLayout(self.slayout)

        self.graphWidget = {}
        
        # self.widget isn't doing anything in your code so I commented out this line
        # self.widget = QWidget()

        # Add signal-slot connection to show correct graph when current index in combo box is changed.
        self.my_combo_box.currentIndexChanged.connect(self.slayout.setCurrentIndex)


    def add_new_graphics(self, name, x, y):
        self.my_combo_box.addItem(name)

        self.graphWidget[name] = pg.PlotWidget()
        self.graphWidget[name].plot(x, y)
        self.slayout.addWidget(self.graphWidget[name])

Source https://stackoverflow.com/questions/64114450

QUESTION

how to print dataframe values in pyqt5 in python

Asked 2020-Aug-31 at 09:39

I have a python script that use pyqt5 in order to display in a TableView the selcted dataframe.

I have 2 functions:

first function load a csv file it word .
second function print the dataframe into console it did not work.

the system display the below error :

print(self.df) AttributeError: 'Widget' object has no attribute 'df'

code:

from PandasModel import PandasModel


class Widget(QtWidgets.QWidget):
    def __init__(self, parent=None):
        QtWidgets.QWidget.__init__(self, parent=None)
        
        vLayout = QtWidgets.QVBoxLayout(self)
        hLayout = QtWidgets.QHBoxLayout()
        
        self.pathLE = QtWidgets.QLineEdit(self)
        hLayout.addWidget(self.pathLE)
        
        self.loadBtn = QtWidgets.QPushButton("Select File", self)
        hLayout.addWidget(self.loadBtn)
        vLayout.addLayout(hLayout)

        self.pandasTv = QtWidgets.QTableView(self)
        vLayout.addWidget(self.pandasTv)
        
        self.loadBtn.clicked.connect(self.loadFile)
        self.pandasTv.setSortingEnabled(True)

        self.dislayDF = QtWidgets.QPushButton("Display DF", self)
        hLayout.addWidget(self.dislayDF)
        vLayout.addLayout(hLayout)
        self.dislayDF.clicked.connect(self.print_df_values)



    def loadFile(self):
        fileName, _ = QtWidgets.QFileDialog.getOpenFileName(self, "Open File", "", "CSV Files (*.csv)");
        self.pathLE.setText(fileName)
        df = pd.read_csv(fileName)
        model = PandasModel(df)
        self.pandasTv.setModel(model)
        return df

    def print_df_values(self,df):
        print(self.df)

if __name__ == "__main__":
    import sys
    app = QtWidgets.QApplication(sys.argv)
    w = Widget()
    w.show()
    sys.exit(app.exec_())

ANSWER

Answered 2020-Aug-31 at 09:39

Here self.dislayDF.clicked.connect(self.print_df_values)you are directing a slot to a function with argument which is a dataframe but you are not passing any arguments to it. Since your class is extending QtWidgets and df is not any widget hence this error. Try directing it to loadFile function.

Source https://stackoverflow.com/questions/63667971

QUESTION

What is causing this weird UI behavior in simple QTimer example with pygt5 or pyside2 under MacOs?

Asked 2020-Aug-18 at 18:45

I'm new to PyQt5. I copied a simple QTimer example off the internet. It worked kind of, but I get weird artifacts and the button disable/enable functionality doesn't work properly. I tried a number of simple changes but the problem persists. I don't know if the is a basic lack of understanding of the exectutuion model, or a bug in PyQt5. I get exactly the same weird effects using PySide2. Here's the code:

import sys
from PySide2.QtWidgets import *
# from PyQt5.QtWidgets import *
from PySide2.QtCore import QTimer,QDateTime
# from PyQt5.QtCore import QTimer,QDateTime

class Window(QMainWindow):
    def __init__(self):
        super().__init__()
        self.setWindowTitle('QTimer example')

        self.listFile=QListWidget()
        self.label=QLabel('Label')
        self.startBtn=QPushButton('Start')
        self.endBtn=QPushButton('Stop')

        widget = QWidget()
        vlayout = QVBoxLayout()
        hlayout = QHBoxLayout()

        self.running = False
        self.endBtn.setEnabled(False)
        self.timer=QTimer()
        self.timer.timeout.connect(self.showTime)

        hlayout.addWidget(self.startBtn)
        hlayout.addWidget(self.endBtn)
        vlayout.addWidget(self.label)
        vlayout.addLayout(hlayout)

        self.startBtn.clicked.connect(self.start_timer)
        self.endBtn.clicked.connect(self.endTimer)

        widget.setLayout(vlayout)
        self.setCentralWidget(widget)

    def showTime(self):
        time=QDateTime.currentDateTime()
        timeDisplay=time.toString('yyyy-MM-dd hh:mm:ss dddd')
        self.label.setText(timeDisplay)


    def start_timer(self):
        self.startBtn.setEnabled(False)
        self.endBtn.setEnabled(True)
        self.timer.start(1000)

    def endTimer(self):
        self.startBtn.setEnabled(True)
        self.endBtn.setEnabled(False)
        self.timer.stop()

if __name__ == '__main__':
    app=QApplication(sys.argv)
    form=Window()
    form.show()
    sys.exit(app.exec_())

I saw some posts in the internet about similar issues limited to MacOS and talking about downgrading PyQt5, which is one of the reasons I tried PySide2

In addition to the button disable functionality not working completely, I see the following visual artifact:

Here are the relevant versions:

Mac OS Catalina, Python 3.7, pyqt5 5.12.3, pyside2 5.13.2

ANSWER

Answered 2020-Aug-18 at 18:45

It turns out that this is another example of a Mac specific bug in PyQt5, as mentioned here:

PyQt widget refresh behavior different when clicking button with mouse or keyboard

Adding repaint calls into the code fixes the problem.

It's worrisome that this obvious a bug hasn't been fixed, it makes me wonder about pyq5 on MacOS ....

Source https://stackoverflow.com/questions/63458395

QUESTION

Writing open file code after converted UI file to Python - QTabWidget

Asked 2020-Jul-06 at 07:28

First I created UI file using QT Designer, in that main window I added QTabWidget with 4 tabs. In first tab I added Line edit and pushbutton to select the file, please look below:

Later I converted UI file to python file:

class Ui_MainWindow(object):

def setupUi(self, MainWindow):
    MainWindow.setObjectName("Application")
    MainWindow.setWindowIcon(QtGui.QIcon("ldp.png"))
    MainWindow.resize(1393, 704)
    self.centralwidget = QtWidgets.QWidget(MainWindow)
    self.centralwidget.setObjectName("centralwidget")
    self.verticalLayout = QtWidgets.QVBoxLayout(self.centralwidget)
    self.verticalLayout.setObjectName("verticalLayout")
    self.gridLayout = QtWidgets.QGridLayout()
    self.gridLayout.setObjectName("gridLayout")
    self.widget = QtWidgets.QWidget(self.centralwidget)
    self.widget.setStyleSheet("\n"
    "background-color: rgb(141, 141, 141);")
    self.widget.setObjectName("widget")
    self.gridLayout.addWidget(self.widget, 0, 0, 1, 1)

    #Data_Tab:
    self.tabWidget = QtWidgets.QTabWidget(self.centralwidget)
    self.tabWidget.setObjectName("tabWidget")
    self.Data_Tab = QtWidgets.QWidget()
    self.Data_Tab.setObjectName("Data_Tab")

    self.vLayout = QtWidgets.QVBoxLayout(self.Data_Tab)
    self.hLayout = QtWidgets.QHBoxLayout()
    self.Line_Edit = QtWidgets.QLineEdit(self.Data_Tab)
    self.hLayout.addWidget(self.Line_Edit)
    self.select_File = QtWidgets.QPushButton(“Select File”, self.Data_Tab)
    self.hLayout.addWidget(self.select_File)
    self.vLayout.addLayout(self.hLayout)
    self.select_File.clicked.connect(self.loading)

 .....      
  
 def loading(self):
    fileName, _ = QtWidgets.QFileDialog.getOpenFileName(self, "Open File", "C:/", "CSV Files 
    (*.csv)");
    self.Line_Edit.setText(fileName)

Above code looks fine, but when I click select file button after running the code. I am not getting the open file window instead application getting closed automatically with out any error.

Even I tried with Mainwindow, object, Ui_Mainwindow instead of passing argument as self. But no use. Could any one please suggest me where I did wrong.

Note: I added only required code here, not complete code.

ANSWER

Answered 2020-Jul-06 at 07:28

Finally I got the answer. Thanks for your suggestions @eyllanesc, @paulM

I did below changes in loading function:

   def loading(self):
        options = QtWidgets.QFileDialog.Options()
        fileName, _ = QtWidgets.QFileDialog.getOpenFileName(None, "Open File", "C:/", 
               "CSV Files (*.csv)", options=options);

Earlier, I did not use file dialog options and also instead of None, passed self. Now, I changed it and my code is working fine.

Source https://stackoverflow.com/questions/62745476

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install vlayout

You can download it from GitHub, Maven.
You can use vlayout like any standard Java library. Please include the the jar files in your classpath. You can also use any IDE and you can run and debug the vlayout component as you would do with any other Java program. Best practice is to use a build tool that supports dependency management such as Maven or Gradle. For Maven installation, please refer maven.apache.org. For Gradle installation, please refer gradle.org .