Adding codes manually

Hello again. How can I add code manually to a project on Flipabit. and what version of Flipabit support this.

import QtQuick 2.2
import QtQuick.Dialogs 1.0

Item {
    Connections {
        target: document.childByName("buttonOpenFile").scriptAdaptor
        onEventItemClicked: {
            fileDialog.visible = true
        }
    }
    FileDialog {
        id: fileDialog
        selectMultiple: true
        folder: shortcuts.home
        onAccepted: {
            document.childByName("TextListVideo").content.text = ""+fileDialog.fileUrls
            document.childByName("TextListVideo").content.scriptAdaptor.actionReplaceString(",file:///","
file:///")
            document.childByName("ListVideo").content.model = document.childByName("TextListVideo").content.text
            document.childByName("ListVideo").content.scriptAdaptor.actionSetIndex("0")
            document.childByName("Player").content.scriptAdaptor.actionSetVideo(document.childByName("ListVideo").content.Label)
            document.childByName("Player").loaded = "true"
            document.childByName("Player").content.scriptAdaptor.actionPlay()
        }
        onRejected: {
        
        }
   }
} 

1 Like

What version of the Flipabit app is this

Версия программы - любая. обратите внимание на версию при импортировании
import QtQuick 2.2
import QtQuick.Dialogs 1.0

Any version of the program. pay attention to the version when importing
import QtQuick 2.2
import QtQuick.Dialogs 1.0

1 Like

Hello again. Thanks for…

I need to add a code of .xml file. Where in the app do I do this

Sir,
Can you provide me QML code to open and view an image in Flipabit . What I mean that
button and image viewer are created using Flipabit widgets and they are connected by QML action code like this. In the same way to open a PDF file , in Flipabit.

To my knowledge, Flipabit supports only QML code.,Which is very powerful and easy to follow.

import QtQuick 2.2
import QtQuick.Controls 2.15

Item {
    Connections {
        target: document.childByName("Button").scriptAdaptor
        onEventItemClicked: {
            document.childByName("Txt").content.scriptAdaptor.actionSetText()
           
        }
    }
  }

when this QML code added to a button , it is not working.plz guide me to fix the problem in code. The project file is added here.Button Action File open in QML code.flp (7.3 KB)

Если буквально, то эти команды значат:
Literally, these commands mean:

Следить за объектом
Follow the object

target: document.childByName(“Button”).scriptAdaptor

Ожидать действие
Wait for action

onEventItemClicked

То есть программа ждет когда в объекте (button) произойдет нужное событие.
Вы же не создали самого события и поэтому при нажатии на кнопку ничего не происходило.

That is, the program waits for the required event to occur in the object (button). You did not create the event itself, and therefore nothing happened when you clicked the button.

Button Action File open in QML code _debug.flp (7.4 KB)

@grprasad1957gr91 @Michael

Файлы pdf не отображаются, это видимо проблема самой программы.
Я попытался использовать QtWebEngine, но и в этом случае ни чего не вышло.

PDF files are not displayed, this is probably a problem with the program itself.
I tried using QtWebEngine, but nothing worked in this case either.

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtWebEngine 1.1
import QtQuick.Layouts 1.15
import QtQuick.Dialogs 1.0

Item {
    id: pdfWebView
    property string pdfFilePath: ""

    // Для диалога выбора файла
    FileDialog {
        id: fileDialog
        title: "Выберите PDF файл"
        nameFilters: ["PDF Files (*.pdf)"]
        onAccepted: {
            pdfFilePath = fileDialog.fileUrl; // Получаем путь к выбранному файлу
            pdfView.url = pdfFilePath; // Устанавливаем URL для просмотра
        }
    }

    RowLayout {
        anchors.fill: parent // Заполняем весь доступный размер родителя

        // Кнопка для выбора PDF файла
        Button {
            width: 150 // Задаем фиксированную ширину кнопки
            text: "Выбрать PDF"
            onClicked: {
                fileDialog.open(); // Открываем диалоговое окно
            }
        }

        // Rectangle для отображения PDF
        Rectangle {
            Layout.fillWidth: true  // Задаем заполнение доступной ширины
            Layout.fillHeight: true // Задаем заполнение доступной высоты
            color: "lightgrey" // Цвет фона для Rectangle

            WebEngineView {
                id: pdfView
                url: pdfFilePath // Устанавливаем URL на выбранный PDF файл
                anchors.fill: parent // Используем anchors.fill для полностью заполнить Rectangle
            }
        }
    }
}

Thank you a lot ,Sir for your guidance.


Back to Flipabit >
Copyright © 2018. Flipabit Team. All rights reserved.