Изменение пользовательского интерфейса при нажатии кнопки в QML

Question

Я новичок в QML. Для учебы я пишу основную c заявку на вход. У меня есть два файла ui.qml для разработки и два файла qml для реализации. Теперь я хочу, чтобы пользователь нажимал кнопку с идентификатором create_account, пользовательский интерфейс должен измениться с signIn.ui.qml на signUp.ui.qml. При необходимости здесь - это весь проект. У кого-нибудь есть идеи, как я мог это сделать?

Answer 1

Самый простой способ - изменить файл main.qml:

import QtQuick 2.6
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.12

ApplicationWindow{
    id: root
    width: 600
    height: 480
    visible: true

    StackLayout {
        id: layout
        anchors.fill: parent
        currentIndex: 0

        SignIn {
            create_account.onClicked: {
                layout.currentIndex = 1;
            }
        }

        SignUp {
        }
    }
}

Короче говоря:

1. Выберите какой-либо макет и поместите в него ваши представления
2. Обработайте сигнал с кнопки и измените currentIndex макета

Подробнее о макетах здесь ( ссылка )