- Buka file mainwindow.ui dengan Design mode 

- Tambahkan Horizontal Layout dengan cara drag and drop ke MainWindow

- Klik kanan MainWindow dan pilih menu Lay out di bagian paling bawah lalu pilih Lay Out in a Grid

Langkah ini akan membuat layout responsive mengikuti ukuran MainWindow

- Untuk akses object layout yang sudah ditambahkan bisa tambahkan potongan kode ini

ui->horizontalLayout->addWidget(new Page1(this));

ui adalah object dari MainWindow jadi widget apa saja yang dimasukan ke mainwindow akan bisa diakses melalui object itu.

horizontalLayout ada nama object_name yang bisa anda ubah di property design mode.

addWidget adalah fungsi yang dimiliki oleh widget QtLayout untuk menambahkan widget masuk kedalam layout

new Page1(this) adalah widget dengan beda halaman atau page.



Pada QtLayout juga ada property magin untuk merubah posisi widget yang ada di dalam layout

Untuk menambahkan widget/halaman dengan beda file ke mainwindow tambahkan potongan kode ini di mainwindow.h

private:
    Ui::MainWindow *ui;
    Page1 *page1;
    Page2 *page2;
};

Pada kode tersebut membuat object widget yang akan dimasukan ke layout horizontal di mainwindow.cpp

ui->horizontalLayout->addWidget(new Page1(this));

ui->horizontalLayout->addWidget(new Page2(this));

Layout horizontal akan menampilkan 2 widget tersebut dengan posisi kiri kanan karena horizontal layout seperti colom pada excel kalau ditambahkan terus akan menampilkan widget ke kanan terus.


Hasil setelah di run, bagian kiri widget Page1 dan kanan Page2