a
ayb25 февраля 2020 г. 16:33

WebView

Задам, очень тупой вопрос, Как мне передать в url на webview, которая находится на другой странице, и затем я мог вернуться задать url, и подгрузить другую страницу. Условно говоря всего две qml - страница с webview, и первая с кнопкой и текстовым полем.

Рекомендуем хостинг TIMEWEB
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Вам это нравится? Поделитесь в социальных сетях!

14
Evgenii Legotckoi
  • 25 февраля 2020 г. 16:52
  • (ред.)

Добрый день.

Самый простой однооконный вариант реализуется так

import QtQuick 2.12
import QtQuick.Window 2.12
import QtWebView 1.13
import QtQuick.Controls 2.13

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    TextField {
        id: textEdit
        anchors.left: parent.left
        anchors.top: parent.top
        anchors.right: button.left
    }

    Button {
        id: button
        text: "Go"
        anchors.top: parent.top
        anchors.right: parent.right

        onClicked: {
            webView.url = textEdit.text
        }
    }

    WebView {
        id: webView
        anchors.left: parent.left
        anchors.top: textEdit.bottom
        anchors.right: parent.right
        anchors.bottom: parent.bottom
    }
}

Результат выглядит так

Конкретно в вашем случае, если у вас два qml файла, нужно смотреть код, возможно нужно будет прописать alias`ы на нужные объекты, чтобы всё увязать друг с другом.

    a
    • 25 февраля 2020 г. 17:06
    • (ред.)

    Спасибо, кажется понял, почему у меня не работало.

      a
      • 25 февраля 2020 г. 18:16

      Вообщем когда все было на одной странице все работало, На двух нет(

        Evgenii Legotckoi
        • 25 февраля 2020 г. 18:17

        я не экстрасенс. нужно смотреть ваш код

          a
          • 25 февраля 2020 г. 18:17
          • (ред.)
          id: expressPage
              allowedOrientations: Orientation.All
          
              function setUrl(str) {
                  webView.url = str
              }
          
              SilicaWebView {
                  id: webView
                  // PullDownMenu and PushUpMenu must be declared in SilicaFlickable, SilicaListView or SilicaGridView
                  PullDownMenu {
                      MenuItem {
                          text: qsTr("Вернуться на welcome")
                          onClicked: {
                              pageStack.clear()
                              pageStack.push(Qt.resolvedUrl("Welcome.qml"))
                          }
                      }
                      MenuItem {
                          text: qsTr("Выход")
                          onClicked: {
                              Qt.quit()
                          }
                      }
                  }
                  anchors.fill: parent
          
                  onLoadingChanged: {
                      console.log(webView.url)
                      webView.update()
                  }
          
                  quickScrollAnimating: true
          
                  experimental.preferences.webGLEnabled: true
                  experimental.preferences.notificationsEnabled: true
                  experimental.preferences.dnsPrefetchEnabled: true
                  experimental.preferences.javascriptEnabled: true
              }
          

          Примерно как выглядит webview, может я что-то не дописал

            a
            • 25 февраля 2020 г. 18:23
            • (ред.)
            // To enable PullDownMenu, place our content in a SilicaFlickable
                SilicaListView {
                    id: flickId
                    anchors.fill: parent
            
                    // PullDownMenu and PushUpMenu must be declared in SilicaFlickable, SilicaListView or SilicaGridView
                    PullDownMenu {
                        MenuItem {
                            text: qsTr("Выход")
                            onClicked: {
                                webApp.setAddress("")
                                Qt.quit()
                            }
                        }
                    }
            
                    Column {
                        width: parent.width
                        spacing: Theme.paddingLarge
                        Label {
                            id: emptyLabel
                            height: mainPage.height / 3
                            width: parent.width
                        }
            
                        TextField {
                            id: textField
                            width: parent.width
            
                            horizontalAlignment: Text.AlignHCenter
                            anchors.horizontalCenter: parent.horizontalCenter
                            anchors.horizontalCenterOffset: Theme.horizontalPageMargin
                            placeholderText: qsTr("www.google.com")
                            validator: RegExpValidator { regExp: /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/ }
                            onTextChanged: {
                                console.log(textField.text)
                            }
                        }
                        Button {
                            id: btnId
                            anchors.horizontalCenter: parent.horizontalCenter
                            text: "Send url"
                            onClicked: {
                                webApp.setUrl(textField.text)
                                pageStack.push(Qt.resolvedUrl("WebView.qml"))
                            }
                        }
                        Label {
                            id: orId
                            color: Theme.highlightBackgroundColor
                            anchors.horizontalCenter: parent.horizontalCenter
                            text: "or"
                        }
                        Button {
                            id: btnSettings
                            text: "Settings"
                            anchors.horizontalCenter: parent.horizontalCenter
                            onClicked: {
                                var urlPath = "http://" + initWeb.getAddress()
                                webApp.setUrl(urlPath)
                                pageStack.push(Qt.resolvedUrl("WebView.qml"))
                            }
                        }
            

            Это первая страница

              a
              • 25 февраля 2020 г. 18:24

              Функция getAddress, возвращает строку из qsettings, из плюсовой части.

                Evgenii Legotckoi
                • 25 февраля 2020 г. 18:41
                • (ред.)

                так у вас ещё не чистый QML а Sailfish framework... Но тут очевидно ошибки логические и отсутствие правильного доступа к id. Дело не в самом фреймворке.

                Как называются эти две страницы и как они соотносятся друг с другом. Вторая страница вложена в первую? Первая называется WebView.qml? Что такое pageStack и откуда вы его взяли? Я не вижу в коде id: pageStack, да и обращение к id webApp во второй странице в этом коде является некорректным, поскольку доступа к нему нет.

                P/S/ в дальнейшем используйте специальный диалог для вставки программного кода на сайте. В toolbar редактора находится. Иначе некорректно делается форматирование.

                  a
                  • 25 февраля 2020 г. 18:44

                  Извините описался, уже поправил, страницы Welcome и WebApp.

                    Evgenii Legotckoi
                    • 25 февраля 2020 г. 18:46

                    тем не менее я не вижу pageStack, если это классический StackView, то сначала нужно загрузить в него WebView.qml, а потом пытаться загружать url

                    Как-то так

                    pageStack.push(Qt.resolvedUrl("WebView.qml"))
                    var urlPath = "http://" + initWeb.getAddress()
                    pageStack.currentItem.setUrl(urlPath)
                    
                    
                      a
                      • 25 февраля 2020 г. 18:59

                      Спасибо, исправил. Буду разбираться дальше, он что и сам обновляться не хочет

                        a
                        • 25 февраля 2020 г. 19:00

                          Evgenii Legotckoi
                          • 25 февраля 2020 г. 19:04
                          • (ред.)

                          Вот знаете, это вот треш

                          onUrlChanged: {
                              console.log(webView.url)
                              webView.url = "http://www.google.com/"
                          }
                          

                          Представляете, как это работает?

                          Вы устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url

                          Понятно?

                            a
                            • 25 февраля 2020 г. 19:06

                            Да

                              Комментарии

                              Только авторизованные пользователи могут публиковать комментарии.
                              Пожалуйста, авторизуйтесь или зарегистрируйтесь
                              Ua

                              Qt - Тест 001. Сигналы и слоты

                              • Результат:84баллов,
                              • Очки рейтинга4
                              Ua

                              Qt - Тест 001. Сигналы и слоты

                              • Результат:42баллов,
                              • Очки рейтинга-8
                              ОК

                              Qt - Тест 001. Сигналы и слоты

                              • Результат:47баллов,
                              • Очки рейтинга-6
                              Последние комментарии
                              ИМ
                              Игорь Максимов22 ноября 2024 г. 21:51
                              Django - Урок 017. Кастомизированная страница авторизации на Django Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
                              Evgenii Legotckoi
                              Evgenii Legotckoi31 октября 2024 г. 23:37
                              Django - Урок 064. Как написать расширение для Python Markdown Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup
                              A
                              ALO1ZE19 октября 2024 г. 17:19
                              Читалка fb3-файлов на Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
                              ИМ
                              Игорь Максимов5 октября 2024 г. 16:51
                              Django - Урок 064. Как написать расширение для Python Markdown Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
                              d
                              dblas55 июля 2024 г. 20:02
                              QML - Урок 016. База данных SQLite и работа с ней в QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
                              Сейчас обсуждают на форуме
                              f
                              firstlunoxod15 февраля 2025 г. 13:46
                              Рисование на QGraphicsScene при зажатой кнопке мыши Подскажите, пожалуйста! Как данный класс можно дополнить, чтобы созданные объекты можно было перемещать мышкой по сцене?
                              Дмитрий
                              Дмитрий3 февраля 2025 г. 16:24
                              Создание deb-пакета. Как создать ярлык на рабочем столе после установки собственного deb-пакета? Всем привет. Сделал свой deb-пакет с программой. Всё устанавливается и работает. Ставлю по пути /usr/bin/my_application. Как для пользователя при установке пакета сразу создать ярлык на раб…
                              NW
                              Nayo Wai30 января 2025 г. 19:22
                              не запускается компьютер!!! Не запускается компьютер (точнее работает блок , но сам монитор вообще жесть)В общем я ничего с интернета не скачивала в последнее время. На компе никаких левых пр…
                              n
                              nkly3 января 2025 г. 12:52
                              Нужно запретить перемещение только некоторых итемов, остальные перемещать можно. Вопрос решен. Узнать QModelIndex элемента на который мы перетаскиваем другой элемент, можно с помощью функции indexAt(event->position().toPoint()) представления QTreeViev вызываемой в переопр…
                              M
                              Marsel17 августа 2023 г. 0:26
                              OAuth2.0 через VK, получение email Спасибо большое за помощь и простите за то что отнял время своей невнимательностью.

                              Следите за нами в социальных сетях