qt - レイアウトを使用した自動スケーリング Qt UI の作成

Question

4 つのレイアウトで構成され、次のプロパティを持つ Qt UI を作成する方法についてアドバイスをいただければ幸いです。

1. 以下に示すように、UI の高さの増加はレイアウトによって吸収されます。

2. UI の高さのさらなる減少は、特定のレイアウトのコンテンツによって吸収されます。たとえば、以下に示す 2 つの大きなボタンです。

Answer 1

1# QWidget に基づいて新しい UI フォームを作成します。ファイル -> 新しいファイルまたはプロジェクト -> Qt -> Qt Designer フォーム クラス -> ウィジェット フォーム テンプレートを選択し、次へ、次へ、プロジェクトを選択して終了します。

2# 左側のバーから垂直レイアウトを追加

3# その後、レイアウトが追加されていない UI フォームのどこかをクリックし、[レイアウト] -> [グリッドにレイアウト]

4# 右メニューでレイアウト余白を調整できます（私はいつも5点に設定しています）

5# 4 つの水平レイアウトを追加

6# ボタンとテキストを追加し、必要なものを追加します

7# 水平レイアウトの間に垂直スペーサーを追加する

8# 最終結果:

Answer 2

私はあなたの問題に合った簡単なコードを用意しました。

そのコードを取得して、次の瞬間を見てみましょう ( mainwindow.uiQtCreator で開くことができます)。

• centralWidgethas next layoutStretchparam: 1,2,1,1-- これは、この垂直レイアウトに配置されたすべてのアイテム間で次の相関関係が得られることを意味します。
• TextLabel両方SmallButtonの s にはFixedVerticalPolicyがあります
• どちらBigButtonの s にもMinimum垂直方向のポリシーがあり、minimumSize の Height を 100 に設定します。UPD :また、maximumSize->heightパラメータは250px です。したがって、両方の BigButton の高さが 250 ピクセルを超えないことが保証されます。

別の回答を見てください。そこでは、レイアウトについて読むための多くの文献を見つけることができます。

Answer 3

各レイアウトに 2 つの垂直スペーサーを配置できます。1 つは一番上に配置し、もう 1 つは一番下に配置する必要があります。