a
25 февраля 2020 г. 5:33

WebView

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

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

Добрый день.

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

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 г. 6:06
  • (ред.)

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

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

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

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

a
  • 25 февраля 2020 г. 7: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 г. 7: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 г. 7:24

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

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

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

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

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

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

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

Как-то так

pageStack.push(Qt.resolvedUrl("WebView.qml"))
var urlPath = "http://" + initWeb.getAddress()
pageStack.currentItem.setUrl(urlPath)

a
  • 25 февраля 2020 г. 7:59

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

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

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

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 г. 8:06

Да

Комментарии

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

Здравствуйте, уважаемые пользователи EVILEG !!!

Если сайт вам помог, то поддержите разработку сайта финансово, пожалуйста.

Вы можете сделать это следующими способами:

Спасибо, Евгений Легоцкой

DK
1 апреля 2020 г. 8:03
Dmitry Kozhinov

C++ - Тест 001. Первая программа и типы данных

  • Результат:40баллов,
  • Очки рейтинга-8
A
30 марта 2020 г. 12:47
Anna

C++ - Тест 001. Первая программа и типы данных

  • Результат:60баллов,
  • Очки рейтинга-1
A
29 марта 2020 г. 12:14
Alexanderv66

C++ - Тест 003. Условия и циклы

  • Результат:71баллов,
  • Очки рейтинга1
Последние комментарии
3 апреля 2020 г. 8:06
Konstantin Grudnitskiy

Я надеюсь вы уже разобрались в чем дело, но если вдруг нет, то проблема состоит в том, что вы пытаетесь запустить программу из интерпретатора питона. Файл main.py это уже готова…
3 апреля 2020 г. 6:18
Konstantin Grudnitskiy

>>> text = 'hello world'>>> ' '.join(word for word in text.split()[:-1])'hello'>>> def remove_last_word(text):... return text and ' '.join(word for word in text.s…
27 марта 2020 г. 14:40
Евгений Легоцкой

Добрый день. В конце пятой статьи скачать можете.
27 марта 2020 г. 14:28
mkdir _

Здравствуйте, а можно, пожалуйста, ссылку на целые исходники, если есть?
27 марта 2020 г. 4:36
Евгений Легоцкой

Скорее всего также, как и для установки всех остальных переменых в CMake, через использование set
Сейчас обсуждают на форуме
3 апреля 2020 г. 12:53
BlinCT

Само собою на компе этого незаметно.
3 апреля 2020 г. 8:48
Intruder

Евгений, добрый день. Спасибо!
s
3 апреля 2020 г. 7:52
solmik

да вроде много чего установленно, если неправильный путь указать то же самое, пробовал запустить видео через плей лист (по примерам из док)и из него назад путь взять, не получилось
3 апреля 2020 г. 5:50
Юрий-В

Спасибо ! Поковырявшись и посмотрев интерфейс QSvgRender и т.д. понимаю что похоже нужно будет лезть в реализацию ::render(..). Кто может подсказать как и где выкачать актуальные исходники…
2 апреля 2020 г. 2:46
Евгений Легоцкой

Я думаю, что это где-то описано, но в такой глубине документации и максимум в самых базовых вещах, то есть отдельно в классах этого не пишут, просто потому, что придётся писать для каждого класс…
EVILEG
О нас
Услуги
© EVILEG 2015-2019
Рекомендует хостинг TIMEWEB