tablewidgetを埋め込みたい

Question

下記サイトを参考に画像ビューアーを作成し、さらにテーブルを埋め込もうと思ったのですがうまくいきません。
https://qiita.com/ceptree/items/c3a7c52cdd152c9f62d9
テーブルは下記サイトを参考に行いました
https://qiita.com/MamoruItoi/items/94641421aeac2eafb5b1#pyqt5-table

テーブルをGUIウィンドウの右側に設置したかったので、
setGeometryで位置を調整したりしてみたのですが
メインウィンドウにかぶさるように表示されてしまい、
setLayoutの記述する順番がおかしいかと思い、ウィジェット配置後に変更したら
今度はウィンドウは希望の位置なのですが、テーブルが表示されませんでした。

どなたかお詳しい方、ご教示いただけませんでしょうか。
よろしくお願いします。

import numpy as np
from PIL import Image
import sys
import sys
import os

from PyQt5 import QtWidgets,QtCore
from PyQt5.QtWidgets import QInputDialog,QProgressBar, QPushButton, QRadioButton,QMessageBox,QLineEdit,QVBoxLayout,QTextEdit,QLabel,QTableWidget, QTableWidgetItem
from PyQt5.QtCore import pyqtSlot
from matplotlib.backends.backend_qt5agg import FigureCanvasQTAgg as FigureCanvas
import matplotlib.pyplot as plt
import glob

class Application(QtWidgets.QWidget):
    def __init__(self):
        super().__init__()
        # UIの初期化
        self.initUI()

        # rootディレクトリ※指定フォルダ選択
        self.root = r"C:\Users\ookura\Desktop\test1\"
        # 拡張子
        self.ext = 'jpg'

        # ファイルを配置
        self.set_FileList()

        # 画像
        self.FileName = self.FileList.item(0).text()

        # 画像を読み込む
        self.load_ImageFile()

        # Figureの初期化
        self.initFigure()

        # ファイルを変更した時のイベント
        self.FileList.itemSelectionChanged.connect(self.FileList_Changed)

    # UIの初期化
    def initUI(self):
        # Figure用のWidget
        self.FigureWidget = QtWidgets.QWidget(self)
        # FigureWidgetにLayoutを追加
        self.FigureLayout = QtWidgets.QVBoxLayout(self.FigureWidget)
        # Marginを消す
        self.FigureLayout.setContentsMargins(0,0,0,0)

        # ファイルのリスト
        self.FileList = QtWidgets.QListWidget(self)

        #table
        self.tableWidget = QtWidgets.QTableWidget(self)

        # 配置
        self.setGeometry(0, 0, 1920, 1080)  # 画像
        self.FileList.setGeometry(5, 50, 200, 1000)  # リスト
        self.FigureWidget.setGeometry(215, 50, 850, 600)  # 画像表示
        self.tableWidget.setGeometry(QtCore.QRect(1080, 50, 800, 600) ) # 画像表示

        # Add box layout, add table to box layout and add box layout to widget
        self.tableWidget.layout = QVBoxLayout(self.tableWidget)
        self.tableWidget.layout.addWidget(self.tableWidget)
        self.setLayout(self.tableWidget.layout)

        self.createTable()
        # Figureの初期化
    def initFigure(self):
        # Figureを作成
        self.Figure = plt.figure()
        # FigureをFigureCanvasに追加
        self.FigureCanvas = FigureCanvas(self.Figure)
        # LayoutにFigureCanvasを追加
        self.FigureLayout.addWidget(self.FigureCanvas)

        self.axis = self.Figure.add_subplot(1,1,1)
        self.axis_image = self.axis.imshow(self.image, cmap='gray')
        plt.axis('off')

    # ファイルを配置
    def set_FileList(self):
        # ファイルの読み込み
        Files = glob.glob(self.root+'*.'+self.ext)
        # ソート
        self.Files = sorted(Files)

        # ファイルリストに追加
        for file in self.Files:
            self.FileList.addItem(os.path.basename(file))

    # ファイルを変更した時の関数
    def FileList_Changed(self):
        # 選択しているファイルの名前を取得
        self.FileName = self.FileList.selectedItems()[0].text()
        # 画像を読み込み
        self.load_ImageFile()
        # Figureを更新
        self.update_Figure()

    # 画像ファイルを読み込む
    def load_ImageFile(self):
        # 画像を開く
        image = Image.open(self.root + self.FileName)
        # numpy.ndarrayに
        self.image = np.asarray(image)

    # Figureを更新
    def update_Figure(self):
        self.axis_image.set_data(self.image)
        self.FigureCanvas.draw()
    #テーブル
    def createTable(self):
        # Create table
        self.tableWidget = QTableWidget()
        self.tableWidget.setRowCount(4)
        self.tableWidget.setColumnCount(2)
        self.tableWidget.setItem(0,0, QTableWidgetItem("Cell (1,1)"))
        self.tableWidget.setItem(0,1, QTableWidgetItem("Cell (1,2)"))
        self.tableWidget.setItem(1,0, QTableWidgetItem("Cell (2,1)"))
        self.tableWidget.setItem(1,1, QTableWidgetItem("Cell (2,2)"))
        self.tableWidget.setItem(2,0, QTableWidgetItem("Cell (3,1)"))
        self.tableWidget.setItem(2,1, QTableWidgetItem("Cell (3,2)"))
        self.tableWidget.setItem(3,0, QTableWidgetItem("Cell (4,1)"))
        self.tableWidget.setItem(3,1, QTableWidgetItem("Cell (4,2)"))
        self.tableWidget.move(0,0)

        # table selection change
        self.tableWidget.doubleClicked.connect(self.on_click)

    @pyqtSlot()
    def on_click(self):
        print("\n")
        for currentQTableWidgetItem in self.tableWidget.selectedItems():
            print(currentQTableWidgetItem.row(), currentQTableWidgetItem.column(), currentQTableWidgetItem.text())



QApp = QtWidgets.QApplication(sys.argv)
app = Application()
app.show()
sys.exit(QApp.exec_())

Answer 1

テーブルをGUIウィンドウの右側に設置したかったので、

まずは、他のウィジェットは使わずに、レイアウトを仮組して見ると良いです。

setGeometryで位置を調整したりしてみたのですが
メインウィンドウにかぶさるように表示されてしまい、

setLayoutの記述する順番がおかしいかと思い、ウィジェット配置後に変更したら
今度はウィンドウは希望の位置なのですが、テーブルが表示されませんでした。

問題点は幾つか有り

• setLayout を使う場合、同じウィジェットにsetGeometry は使えません。

　レイアウト自体がウィンドウのリサイズ等のイベントにより、
自動でサイズ内部を計算し、内部で setGeometry で調整してます。

• ウィジェットは親子関係を持ちます。

　自分自身のレイアウトに、自分自身を入れることはできません。

コードの該当箇所

        # Add box layout, add table to box layout and add box layout to widget
        self.tableWidget.layout = QVBoxLayout(self.tableWidget)
        self.tableWidget.layout.addWidget(self.tableWidget)
        self.setLayout(self.tableWidget.layout)

実行時に警告が表示されるはずです。

QLayout: Cannot add parent widget QTableWidget/ to its child layout QVBoxLayout

• self.tableWidget が createTable にで2度生成されている

#table
self.tableWidget = QtWidgets.QTableWidget()

# 略

self.createTable()

# createTable() 内でも、同じインスタンス変数を上書き
# こちらの tableWidget は
# self を与えていない・レイアウト設定されていない為
# 何処にも表示されていません
def createTable(self):
    self.tableWidget = QTableWidget()

---

• 右側に設置 QHBoxLayout を使います
• setGeometry を辞めて Layout により配置する
• tableWidget が2重になっている問題を修正

　(ウィジェットの親子関係は、レイアウトを使う事で自然に解消します)

# QHBoxLayout の import を追加
from PyQt5.QtWidgets import QHBoxLayout


# initUI 内
        #table
        self.tableWidget = QtWidgets.QTableWidget(self)

        # 配置 ... レイアウトを使う為、取りやめ
        #self.setGeometry(0, 0, 1920, 1080)  # 画像
        #self.FileList.setGeometry(5, 50, 200, 1000)  # リスト
        #self.FigureWidget.setGeometry(215, 50, 850, 600)  # 画像表示
        #self.tableWidget.setGeometry(QtCore.QRect(1080, 50, 800, 600) ) # 画像表示

        # Add box layout, add table to box layout and add box layout to widget
        self.hbox = QHBoxLayout(self) # 横方向のレイアウト
        self.hbox.addWidget(self.FileList)
        self.hbox.addWidget(self.FigureWidget)
        self.hbox.addWidget(self.tableWidget)
        self.setLayout(self.hbox)
        self.resize(1920, 1080)

        self.createTable()

    def createTable(self):
        # Create table
        # self.tableWidget = QTableWidget() # <-- 2重に生成される
        # 略
        # self.tableWidget.move(0,0) # <-- レイアウトに任せるので不要

Comments

[ookura]

即解決いたしました！
詳細なご説明までありがとうございます。勉強になりました。