BlinCT
BlinCT7. Oktober 2019 12:28

Заполнение TabBar

Всем привет.
Хочу в Qml в TabBar заполнить каждую из вкладок контентом из отдельных файлов.
Знаю что можно через Loader но у меня почему то все равно в каждой вкладке контент из первой вкладки.

TabButton {
                text: qsTr("Test_1")
            }
            TabButton {
                text: qsTr("Test_2")
            }
            TabButton {
                text: qsTr("Test_3")
            }

            onCurrentIndexChanged: {
                switch (currentIndex)
                {
                case 0:
                    loader.source = "qrc:/General.qml"
                    break;
                case 1:
                    loader.source = "qrc:/Test_2.qml"
                    break;
                case 2:
                    loader.source = "qrc:/Test_3.qml"
                    break;
                }

            }

        Loader {
            id: loader
            anchors.fill: parent
            source: "qrc:/General.qml"
        }

Может кто подскажет, я где то ошибку допускаю? И может есть другие способы заполнения?
Спасибо.

Рекомендуємо хостинг TIMEWEB
Рекомендуємо хостинг TIMEWEB
Stabiles Hosting des sozialen Netzwerks EVILEG. Wir empfehlen VDS-Hosting für Django-Projekte.

Magst du es? In sozialen Netzwerken teilen!

7
Evgenii Legotckoi
  • 7. Oktober 2019 14:52

Привет. Может лучше использовать вариант из примеров Qt?

TabBar {
    id: bar
    width: parent.width
    TabButton {
        text: qsTr("Home")
    }
    TabButton {
        text: qsTr("Discover")
    }
    TabButton {
        text: qsTr("Activity")
    }
}

StackLayout {
    width: parent.width
    currentIndex: bar.currentIndex
    Item {
        id: homeTab
    }
    Item {
        id: discoverTab
    }
    Item {
        id: activityTab
    }
}
    BlinCT
    • 7. Oktober 2019 15:39

    Ну в принципе да, тут ты прав, но все равно остается ситуация что контент что находится в каждом табе вылезает за пределы не только таба но и TabBar.
    Вот 2 скрина первого и второго таба. Сам TabBar находится под ComboBox

      Evgenii Legotckoi
      • 7. Oktober 2019 15:42

      Запомни, если контент вылезает за пределы родителя, то попробуй включить clip: true в родителе, чтобы срезать весь контент пределами родителя.

        BlinCT
        • 7. Oktober 2019 16:28

        Если я правильно понимаю то это надо у TabBar включить?
        Если так то это не помогло(

          Evgenii Legotckoi
          • 8. Oktober 2019 02:38
          StackLayout {
              width: parent.width
              currentIndex: bar.currentIndex
              Item {
                  id: homeTab
                  clip: true
              }
              Item {
                  id: discoverTab
                  clip: true
              }
              Item {
                  id: activityTab
                  clip: true
              }
          }
          
            BlinCT
            • 8. Oktober 2019 03:07

            Нет, не помогло. Вообще перестает что либо отображатся.

              Evgenii Legotckoi
              • 8. Oktober 2019 03:16
              • Die Antwort wurde als Lösung markiert.

              Ну а голову включить и вёрстку написать правильно?

              import QtQuick 2.9
              import QtQuick.Window 2.2
              import QtQuick.Controls 2.5
              import QtQuick.Layouts 1.12
              
              Window {
                  visible: true
                  width: 640
                  height: 480
                  title: qsTr("Hello World")
              
                  TabBar {
                      id: bar
                      width: parent.width
                      TabButton {
                          text: qsTr("Home")
                      }
                      TabButton {
                          text: qsTr("Discover")
                      }
                      TabButton {
                          text: qsTr("Activity")
                      }
                  }
              
                  StackLayout {
                      width: parent.width
                      currentIndex: bar.currentIndex
                      anchors.top: bar.bottom
                      anchors.left: parent.left
                      anchors.right: parent.right
                      anchors.bottom: parent.bottom
              
                      Item {
                          id: homeTab
                          clip: true
              
                          ListView {
                              anchors.fill: parent
                              model: ListModel {
                                  ListElement {
                                      name: "Bill Smith"
                                      number: "555 3264"
                                  }
                                  ListElement {
                                      name: "John Brown"
                                      number: "555 8426"
                                  }
                                  ListElement {
                                      name: "Sam Wise"
                                      number: "555 0473"
                                  }
                              }
              
                              delegate: Text {
                                  text: name + ": " + number
                              }
                          }
                      }
                      Item {
                          id: discoverTab
                          clip: true
                          ListView {
                              anchors.fill: parent
                              model: ListModel {
                                  ListElement {
                                      name: "Bill Smith"
                                      number: "555 3264"
                                  }
                                  ListElement {
                                      name: "John Brown"
                                      number: "555 8426"
                                  }
                              }
              
                              delegate: Text {
                                  text: name + ": " + number
                              }
                          }
                      }
                      Item {
                          id: activityTab
                          clip: true
                          ListView {
                              anchors.fill: parent
                              model: ListModel {
                                  ListElement {
                                      name: "Bill Smith"
                                      number: "555 3264"
                                  }
                              }
              
                              delegate: Text {
                                  text: name + ": " + number
                              }
                          }
                      }
                  }
              }
              
              

                Kommentare

                Nur autorisierte Benutzer können Kommentare posten.
                Bitte Anmelden oder Registrieren
                Letzte Kommentare
                A
                ALO1ZE19. Oktober 2024 08:19
                Fb3-Dateileser auf Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
                ИМ
                Игорь Максимов5. Oktober 2024 07:51
                Django – Lektion 064. So schreiben Sie eine Python-Markdown-Erweiterung Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
                d
                dblas55. Juli 2024 11:02
                QML - Lektion 016. SQLite-Datenbank und das Arbeiten damit in QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
                k
                kmssr8. Februar 2024 18:43
                Qt Linux - Lektion 001. Autorun Qt-Anwendung unter Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
                Qt WinAPI - Lektion 007. Arbeiten mit ICMP-Ping in Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
                Jetzt im Forum diskutieren
                J
                JacobFib17. Oktober 2024 03:27
                добавить qlineseries в функции Пользователь может получить любые разъяснения по интересующим вопросам, касающимся обработки его персональных данных, обратившись к Оператору с помощью электронной почты https://topdecorpro.ru…
                JW
                Jhon Wick1. Oktober 2024 15:52
                Indian Food Restaurant In Columbus OH| Layla’s Kitchen Indian Restaurant If you're looking for a truly authentic https://www.laylaskitchenrestaurantohio.com/ , Layla’s Kitchen Indian Restaurant is your go-to destination. Located at 6152 Cleveland Ave, Colu…
                КГ
                Кирилл Гусарев27. September 2024 09:09
                Не запускается программа на Qt: точка входа в процедуру не найдена в библиотеке DLL Написал программу на C++ Qt в Qt Creator, сбилдил Release с помощью MinGW 64-bit, бинарнику напихал dll-ки с помощью windeployqt.exe. При попытке запуска моей сбилженной программы выдаёт три оши…
                F
                Fynjy22. Juli 2024 04:15
                при создании qml проекта Kits есть но недоступны для выбора Поставил Qt Creator 11.0.2. Qt 6.4.3 При создании проекта Qml не могу выбрать Kits, они все недоступны, хотя настроены и при создании обычного Qt Widget приложения их можно выбрать. В чем может …

                Folgen Sie uns in sozialen Netzwerken