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



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



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



2021. 08. 25 – 최초작성







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



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



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

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







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



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

class MainWindow: public QWidget {

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

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

 auto *nameEdit = new QLineEdit(this);
 auto *addrEdit = new QLineEdit(this);
 auto *occpEdit = new QLineEdit(this);

 auto *formLayout = new QFormLayout;
 formLayout-&gt;setLabelAlignment(Qt::AlignRight | Qt::AlignVCenter);
 formLayout-&gt;addRow("Name:", nameEdit);
 formLayout-&gt;addRow("Email:", addrEdit);
 formLayout-&gt;addRow("Age:", occpEdit);

 setLayout(formLayout);
}

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

 QApplication app(argc, argv);

 MainWindow window;

 window.setWindowTitle("Form example");
 window.show();

 return app.exec();
}</code></pre>







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



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



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



QLineEdit 객체 3개를 생성합니다.&nbsp;







&nbsp;auto *formLayout = new QFormLayout;



QFormLayout 객체를 생성합니다.







&nbsp;&nbsp;formLayout-&gt;setLabelAlignment(Qt::AlignRight | Qt::AlignVCenter);



라벨 위젯의 정렬 방법을 지정합니다.&nbsp;







&nbsp;&nbsp;formLayout-&gt;addRow(“Name:”, nameEdit);



&nbsp;&nbsp;formLayout-&gt;addRow(“Email:”, addrEdit);



&nbsp;&nbsp;formLayout-&gt;addRow(“Age:”, occpEdit);



라벨과 입력 위젯을 추가합니다.&nbsp;







&nbsp;&nbsp;setLayout(formLayout);



formLayout을 레이아웃으로 지정합니다.&nbsp;







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



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



<pre><code>webnautes@DESKTOP-8TRVTF8:~/Form_Example$ 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:~/Form_Example$ qmake</code></pre>







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



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



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







이제 실행시켜 보면 3가지 입력을 받는 칸이 있는 윈도우가 보입니다.



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



<figure><img data-lazy-fallback="1" data-attachment-id="5544" data-permalink="https://webnautes.blog/5539/image-108-2/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-108.png?fit=428%2C280&amp;ssl=1" data-orig-size="428,280" 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-108" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-108.png?fit=300%2C196&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-108.png?fit=428%2C280&amp;ssl=1" decoding="async" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-108.png?w=500&amp;ssl=1" alt="" sizes="(max-width: 428px) 100vw, 428px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-108.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-108.png?w=428&amp;ssl=1 428w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-108.png?resize=300%2C196&amp;ssl=1 300w"></figure>





</div></div>

멈춤보단 천천히라도

webnautes

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

QT 강좌 10 – QFormLayout

댓글