main.qml

   1 /****************************************************************************
   2 **
   3 ** Copyright (C) 2016 The Qt Company Ltd.
   4 ** Contact: https://www.qt.io/licensing/
   5 **
   6 ** This file is part of the examples of the Qt Toolkit.
   7 **
   8 ** $QT_BEGIN_LICENSE:BSD$
   9 ** Commercial License Usage
  10 ** Licensees holding valid commercial Qt licenses may use this file in
  11 ** accordance with the commercial license agreement provided with the
  12 ** Software or, alternatively, in accordance with the terms contained in
  13 ** a written agreement between you and The Qt Company. For licensing terms
  14 ** and conditions see https://www.qt.io/terms-conditions. For further
  15 ** information use the contact form at https://www.qt.io/contact-us.
  16 **
  17 ** BSD License Usage
  18 ** Alternatively, you may use this file under the terms of the BSD license
  19 ** as follows:
  20 **
  21 ** "Redistribution and use in source and binary forms, with or without
  22 ** modification, are permitted provided that the following conditions are
  23 ** met:
  24 **   * Redistributions of source code must retain the above copyright
  25 **     notice, this list of conditions and the following disclaimer.
  26 **   * Redistributions in binary form must reproduce the above copyright
  27 **     notice, this list of conditions and the following disclaimer in
  28 **     the documentation and/or other materials provided with the
  29 **     distribution.
  30 **   * Neither the name of The Qt Company Ltd nor the names of its
  31 **     contributors may be used to endorse or promote products derived
  32 **     from this software without specific prior written permission.
  33 **
  34 **
  35 ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  36 ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  37 ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  38 ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  39 ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  40 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  41 ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  42 ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  43 ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  44 ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  45 ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
  46 **
  47 ** $QT_END_LICENSE$
  48 **
  49 ****************************************************************************/
  50
  51 import QtQuick 2.0
  52 import QtQuick.Window 2.0
  53 import QtWebEngine 1.0
  54 import QtQuick.VirtualKeyboard 2.1
  55 import QtQuick.Controls 2.2
  56 import QtQuick.Layouts 1.3
  57
  58 Window {
  59     visible: true
  60
  61     ToolBar {
  62         id: toolBar
  63         anchors.left: parent.left
  64         anchors.top: parent.top
  65         anchors.right: parent.right
  66
  67         RowLayout {
  68             anchors.fill: parent
  69
  70             ToolButton {
  71                 text: "←"
  72                 onClicked: webView.goBack()
  73                 enabled: webView.canGoBack
  74             }
  75
  76             ToolButton {
  77                 text: "→"
  78                 onClicked: webView.goForward()
  79                 enabled: webView.canGoForward
  80             }
  81
  82
  83             TextField {
  84                 function go_to() {
  85                     if (length > 0) {
  86                         webView.url = text
  87                         clear()
  88                     }
  89                 }
  90
  91                 id: urlText
  92                 Layout.fillWidth: true
  93                 selectByMouse: true
  94                 placeholderText: "URL"
  95                 onEditingFinished: go_to()
  96                 inputMethodHints: Qt.ImhNoAutoUppercase
  97             }
  98
  99             TextField {
 100                 function search() {
 101                     if (length > 0) {
 102                         webView.url = "https://www.google.com/search?ie=UTF-8&q=" + text
 103                         clear()
 104                     }
 105                 }
 106
 107                 id: searchText
 108                 Layout.fillWidth: true
 109                 selectByMouse: true
 110                 placeholderText: "Google"
 111                 onEditingFinished: search()
 112                 inputMethodHints: Qt.ImhNoAutoUppercase
 113             }
 114
 115             ToolButton {
 116                 id: reload
 117                 text: "↻"
 118                 onClicked: webView.reload()
 119             }
 120
 121             ToolButton {
 122                 id: stop
 123                 text: "×"
 124                 onClicked: webView.url = "http://localhost/"
 125             }
 126         }
 127     }
 128
 129     WebEngineView {
 130         id: webView
 131         url: "http://localhost/"
 132         anchors.left: parent.left
 133         anchors.top: toolBar.bottom
 134         anchors.right: parent.right
 135         anchors.bottom: inputPanel.top
 136         //onUrlChanged: urlText.text = webView.url
 137
 138     }
 139
 140     InputPanel {
 141         id: inputPanel
 142         y: Qt.inputMethod.visible ? parent.height - inputPanel.height : parent.height
 143         anchors.left: parent.left
 144         anchors.right: parent.right
 145     }
 146 }