QT 学習ノート: コントロールのサイズと位置を調整する

前回の記事では、レイアウト間での使い方についてお話しました。しかし、レイアウトを終えた後、インターフェイスが少し奇妙であることに気付きました。たとえば、下部の「クリア」ボタンが大きすぎる、「メッセージ本文」というラベルが中央にない、などです。次に、インターフェースの最適化を続ける方法について説明します。

1.「クリア」ボタンの大きさと位置を調整する

(1)「サイズポリシー」で「固定」を選択します。

(2) 左欄の「横レイアウト」を「クリア」ボタンの横(上下どちらか)にドラッグします。

 (3) 「クリア」ボタンをマウスで選択し、右列の「水平レイアウト」コントロールまでドラッグします。

 するとインターフェースは次のようになります。

2. ラベル「メッセージ本文」をボックスの中央にある場所に移動します。

同じ方法を使用して、「メッセージ本文」ラベルをフレームの中央に移動できます。

(1) 左列の「横レイアウト」を「メッセージ本文」ラベルの横にドラッグします。

(2) 「メッセージ本文」ラベルをマウスで選択し、右列の「水平レイアウト」コントロールにラベルをドラッグします。

(3) 「メッセージ本文」ラベルの「sizePolicy」で「固定」を選択します。

3. 「メッセージ本文」の下にあるテキスト ボックスを、上と左のテキスト ボックスが同じ高さになるように調整します。

「メッセージ」ラベルを調整するときに追加された水平レイアウトを選択し、レイアウトのlayoutTopMarginとlayoutBottomMarginを調整します。ここではそれぞれ4と6です。

4.「ヘッダー」ボタンと「+-」ボタンのサイズを調整します。

(1)

サイズを調整するには、「メッセージヘッダー」のsizePolicyの水平方向の伸びを調整します。ここでは「水平方向の伸び」を2に調整します。

(2)

「+-」ボタンの中央に「水平スペーサー」を配置して、「+-」ボタン間の距離を離します。

インターフェースが大幅に改善されました。

インターフェイス レイアウトの方法とインターフェイス コントロールのサイズと位置の調整方法を 2 つの記事に費やして説明しました。次に、インターフェースのレイアウトの全体的な考え方について説明します。

(1) インターフェイスを描画するときは、レイアウトを考慮せず、コントロールを対応する位置にドラッグ アンド ドロップするだけです。

(2) 最内層からレイアウトを開始します。つまり、レイアウトは内側から外側へ、小さいものから大きいものへと始まります。

(3) 内部および小さなコントロールのレイアウトが完了したら、これらのレイアウトをコントロールとして検討し、外部レイアウトを完成させます。

(4) 最後に、レイアウトのパラメータ、コントロールのサイズと位置を調整します。

参考:

(1) Python Qt グラフィカル インターフェイス プログラミング - PySide2 PyQt5 PyQt PySide

おすすめ

転載: blog.csdn.net/mars21/article/details/131532453