<div id="readability-page-1" class="page"><div>
QGridLayout QT5 예제입니다.&nbsp;



아래 사이트의 QT 강좌를 공부하며 정리 차원에서 작성하는 포스트입니다.&nbsp;



<a href="https://zetcode.com/gui/qt5">https://zetcode.com/gui/qt5</a>



2021. 08. 31 – 최초작성







터미널에서 빌드 및 실행을 진행합니다. 편집기는 익숙한 것을 사용하세요.&nbsp;



1. 프로젝트 파일들을 저장할 디렉토리를 생성하고 이동합니다.



<pre><code>webnautes@DESKTOP-8TRVTF8:~$ mkdir Grid_Layout

webnautes@DESKTOP-8TRVTF8:~$ cd Grid_Layout</code></pre>







2. grid.cpp 파일을 생성하여 다음 코드를 복사하여 붙여넣기합니다.



<pre><code>#include &lt;QApplication&gt;
#include &lt;QWidget&gt;
#include &lt;QGridLayout&gt;
#include &lt;QLabel&gt;
#include &lt;QLineEdit&gt;
#include &lt;QTextEdit&gt;


class MainWindow : public QWidget {

 public:
 MainWindow(QWidget *parent = nullptr);
};

MainWindow::MainWindow(QWidget *parent)
 : QWidget(parent) {

 auto *grid = new QGridLayout(this);
 grid-&gt;setVerticalSpacing(15);
 grid-&gt;setHorizontalSpacing(10);

 auto *title = new QLabel("Title:", this);
 grid-&gt;addWidget(title, 0, 0, 1, 1);
 title-&gt;setAlignment(Qt::AlignRight | Qt::AlignVCenter);

 auto *edt1 = new QLineEdit(this);
 grid-&gt;addWidget(edt1, 0, 1, 1, 1);

 auto *author = new QLabel("Author:", this);
 grid-&gt;addWidget(author, 1, 0, 1, 1);
 author-&gt;setAlignment(Qt::AlignRight | Qt::AlignVCenter);

 auto *edt2 = new QLineEdit(this);
 grid-&gt;addWidget(edt2, 1, 1, 1, 1);

 auto *review = new QLabel("Review:", this);
 grid-&gt;addWidget(review, 2, 0, 1, 1);
 review-&gt;setAlignment(Qt::AlignRight | Qt::AlignTop);

 auto *te = new QTextEdit(this);
 grid-&gt;addWidget(te, 2, 1, 3, 1);

 setLayout(grid);
}

int main(int argc, char *argv[]) {

 QApplication app(argc, argv);

 MainWindow window;

 window.setWindowTitle("Review");
 window.show();

 return app.exec();
}

</code></pre>







auto *grid = new QGridLayout(this);



그리드 레이아웃 객체를 생성합니다.&nbsp;







&nbsp;&nbsp;grid-&gt;setVerticalSpacing(15);



&nbsp;&nbsp;grid-&gt;setHorizontalSpacing(10);



위젯 추가시 가로, 세로&nbsp; 간격을 설정합니다.&nbsp;







&nbsp;&nbsp;auto *title = new QLabel(“Title:”, this);



&nbsp;&nbsp;grid-&gt;addWidget(title, 0, 0, 1, 1);



&nbsp;&nbsp;title-&gt;setAlignment(Qt::AlignRight | Qt::AlignVCenter);



라벨 객체를 생성하고 addWidget 메소드를 사용하여 라벨 객체를 0행 0열에 배치합니다. 뒤에 파라미터 2개는 셀병합처럼 사용하기 위해 필요한데 지금은 병합하지 않으므로 행, 열 방향 모두 1입니다.&nbsp;



SetAlignment 메소드를 사용하여 라벨을 수평방향으론 오른쪽, 수직 방향은 중앙으로 합니다.&nbsp;







&nbsp;&nbsp;auto *edt1 = new QLineEdit(this);



&nbsp;&nbsp;grid-&gt;addWidget(edt1, 0, 1, 1, 1);



에디터 객체를 생성하고 addWidget 메소드를 사용하여 에디터 객체를 0행 1열에 배치합니다. 뒤에 파라미터 2개는 셀병합처럼 사용하기 위해 필요한데 지금은 병합하지 않으므로 행, 열 방향 모두 1입니다.&nbsp;







&nbsp;&nbsp;auto *author = new QLabel(“Author:”, this);



&nbsp;&nbsp;grid-&gt;addWidget(author, 1, 0, 1, 1);



&nbsp;&nbsp;author-&gt;setAlignment(Qt::AlignRight | Qt::AlignVCenter);



라벨 객체를 생성하고 addWidget 메소드를 사용하여 라벨 객체를 1행 0열에 배치합니다. 뒤에 파라미터 2개는 셀병합처럼 사용하기 위해 필요한데 지금은 병합하지 않으므로 행, 열 방향 모두 1입니다.&nbsp;



SetAlignment 메소드를 사용하여 라벨을 수평방향으론 오른쪽, 수직 방향은 중앙으로 합니다.&nbsp;







&nbsp;&nbsp;auto *edt2 = new QLineEdit(this);



&nbsp;&nbsp;grid-&gt;addWidget(edt2, 1, 1, 1, 1);



에디터 객체를 생성하고 addWidget 메소드를 사용하여 에디터 객체를 1행 1열에 배치합니다. 뒤에 파라미터 2개는 셀병합처럼 사용하기 위해 필요한데 지금은 병합하지 않으므로 행, 열 방향 모두 1입니다.&nbsp;







&nbsp;&nbsp;auto *review = new QLabel(“Review:”, this);



&nbsp;&nbsp;grid-&gt;addWidget(review, 2, 0, 1, 1);



&nbsp;&nbsp;review-&gt;setAlignment(Qt::AlignRight | Qt::AlignTop);



라벨 객체를 생성하고 addWidget 메소드를 사용하여 라벨 객체를 2행 0열에 배치합니다. 뒤에 파라미터 2개는 셀병합처럼 사용하기 위해 필요한데 지금은 병합하지 않으므로 행, 열 방향 모두 1입니다.&nbsp;



SetAlignment 메소드를 사용하여 라벨을 수평방향으론 오른쪽, 수직 방향은 중앙으로 합니다.&nbsp;







&nbsp;&nbsp;auto *te = new QTextEdit(this);



&nbsp;&nbsp;grid-&gt;addWidget(te, 2, 1, 3, 1);



에디터 객체를 생성하고 addWidget 메소드를 사용하여 에디터 객체를 2행 1열에 배치합니다. 뒤에 파라미터 2개는 셀병합처럼 사용하기 위해 필요한데 지금은 병합하지 않으므로 행, 열 방향 모두 1입니다.&nbsp;







&nbsp;&nbsp;setLayout(grid);



그리드 레이아웃 객체를&nbsp; 레이아웃으로 설정합니다.







3. qmake -project 명령을 사용하면 qt 프로젝트 파일을 생성해줍니다.



프로젝트를 구성하는 파일의 정보를 가지고 확장자가 pro인 파일이 자동으로 생성합니다.



<pre><code> webnautes@DESKTOP-8TRVTF8:~/Grid_Layout$ qmake -project
</code></pre>







4. 확장자가 pro인&nbsp; qt 프로젝트 파일이 생성될 때, qt 코드에서 사용중인 qt 모듈 이름이 자동으로 추가되지 않습니다.&nbsp;&nbsp;



일단 진행해보고 컴파일 에러가 나면 qt 프로젝트 파일을 열어서 사용중인 qt 모듈 이름을 추가해줘야 합니다.



다음 한줄을 추가합니다.



<pre><code>QT += widgets</code></pre>







5. qmake 명령으로 Makefile을 생성합니다.



<pre><code>webnautes@DESKTOP-8TRVTF8:~/Grid_Layout$ qmake</code></pre>







6. make 명령은&nbsp; Makefile에 기술된대로 컴파일 및 링크를 실행합니다.



중간 결과물인&nbsp; 확장자 .o인 오브젝트 파일과 프로젝트 디렉토리와 동일한 이름을 갖는 실행파일이 생성됩니다.



<pre><code>webnautes@DESKTOP-8TRVTF8:~/Grid_Layout$ make</code></pre>







이제 실행시켜 보면 푸쉬버튼 두 개가 추가된 윈도우가 보입니다.



<pre><code>webnautes@DESKTOP-8TRVTF8:~/Form_Example$ ./Grid_Layout</code></pre>



<figure><img data-lazy-fallback="1" data-attachment-id="5558" data-permalink="https://webnautes.blog/5553/image-110-2/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-110.png?fit=674%2C676&amp;ssl=1" data-orig-size="674,676" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="image-110" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-110.png?fit=300%2C300&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-110.png?fit=674%2C676&amp;ssl=1" decoding="async" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-110.png?w=500&amp;ssl=1" alt="" sizes="(max-width: 674px) 100vw, 674px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-110.png?w=500&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-110.png?w=674&amp;ssl=1 674w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-110.png?resize=300%2C300&amp;ssl=1 300w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-110.png?resize=150%2C150&amp;ssl=1 150w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-110.png?resize=400%2C400&amp;ssl=1 400w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-110.png?resize=200%2C200&amp;ssl=1 200w"></figure>





</div></div>

멈춤보단 천천히라도

webnautes

QGridLayout QT5 예제입니다.  아래 사이트의 QT 강좌를 공부하며 정리 차원에서 작성하는 포스트입니다.  https://zetcode.com/gui/qt5 2021. 08. 31 – 최초작성 터미널에서 빌드 및 실행을 진행합니다. 편집기는 익숙한 것을 사용하세요.  1. 프로젝트 파일들을 저장할 디렉토리를 생성하고 이동합니다. 2. grid.cpp 파일을 생성하여 다음 코드를 복사하여 붙여넣기합니다. auto *grid = new QGridLayout(this); 그리드 레이아웃 객체를 생성합니다.    grid->setVerticalSpacing(15);   grid->setHorizontalSpacing(10); 위젯 추가시… 더 보기 »QT 강좌 12 –  QGridLayout 2
The post QT 강좌 12 –  QGridLayout 2 first appeared on 멈춤보단 천천히라도.

QT 강좌 12 – QGridLayout 2

댓글