MainForm.ui.qml

import QtQuick 2.4
import QtQuick.Controls 1.3
import QtQuick.Layouts 1.1

Item {
    id: item1
    width: 640
    height: 480

    property alias button1: button1
    property alias filterRadius: filterRadius
    property alias dstImage: dstImage

    ColumnLayout {
        id: columnLayout1
        x: 26
        y: 45
        width: 589
        height: 391
        anchors.verticalCenter: parent.verticalCenter
        anchors.horizontalCenter: parent.horizontalCenter
        spacing: 0

        RowLayout {
            id: rowLayout2
            width: 100
            height: 100
            Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter

            Image {
                objectName: "srcImage"
                id: srcImage
                width: 256
                height: 256
                source: "Parrots.png"
            }

            Image {
                id: dstImage
                width: 256
                height: 256
                sourceSize.height: 256
                sourceSize.width: 256
                source: "image://filter/blur"
            }
        }

        RowLayout {
            id: rowLayout1
            width: 100
            height: 100
            Layout.alignment: Qt.AlignHCenter | Qt.AlignBottom
            Label {
                text: qsTr("半径")
            }
            TextField {
                id: filterRadius
                width: 100
                objectName: "textField1"
                placeholderText: qsTr("Text Field")
            }
        }

        Button {
            id: button1
            width: 151
            text: qsTr("フィルター実行")
            Layout.fillWidth: false
            Layout.alignment: Qt.AlignHCenter | Qt.AlignBottom
        }

    }
}