import QtQuick 2.0 import QtQuick.Layouts 1.1 import QtQuick.Controls 2.0 Rectangle { id: mainform height: 300 width: 1000 radius:2 gradient: Gradient { GradientStop { position: 0.0; color: "#12262E" } GradientStop { position: 1.0; color: "#18899B" } } ColumnLayout { anchors { topMargin: 10; bottomMargin:10 leftMargin: 20; rightMargin: 20 fill: parent } spacing: 2 ColumnLayout { id: title_part anchors { top: parent.top left: parent.left topMargin: 10 } Label { id: title text: dsp_title color: "white" font.pixelSize: 32 font.bold: true maximumLineCount: 1 wrapMode: Text.Wrap elide: Text.ElideRight horizontalAlignment: Label.AlignHCenter verticalAlignment: Label.AlignVCenter Layout.preferredWidth: 960 Layout.preferredHeight: 40 } Image { source: '../images/DividingLine.svg' anchors.left: title.left anchors.top: title.bottom } } RowLayout { id: contents_part anchors { left: parent.left; leftMargin: 20 right: parent.right; rightMargin: 20 } Layout.preferredWidth: 920 Layout.alignment: Qt.AlignVCenter | Qt.AlignHCenter spacing: 10 Image { id: dsp_mark source: dsp_icon Layout.maximumHeight: 120 Layout.maximumWidth: 120 } Label { text: dsp_contents color: "white" font.pixelSize: 24 wrapMode: Text.Wrap maximumLineCount: btn_area.visible ? 4 : 5 elide: Text.ElideRight horizontalAlignment: Label.AlignLeft verticalAlignment: Label.AlignVCenter Layout.preferredWidth: 780 Layout.preferredHeight: 160 } } RowLayout { id: btn_area spacing: 60 visible: btnNum > 0 ? true : false anchors { horizontalCenter: parent.horizontalCenter } Layout.preferredWidth: parent.width*0.75 Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter Button { id: btn1 visible: btn1Name == "" ? false : true text: btn1Name onReleased: { btn1.highlighted = false eventHandler.onScreenReply(btn1.text) } onPressed: { btn1.highlighted = true } onCanceled: { btn1.highlighted = false } Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter } Button { id: btn2 visible: btn2Name == "" ? false : true text: btn2Name onReleased: { btn2.highlighted = false eventHandler.onScreenReply(btn2.text) } onPressed: { btn2.highlighted = true } onCanceled: { btn2.highlighted = false } Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter } Button { id: btn3 visible: btn3Name == "" ? false : true text: btn3Name onReleased: { btn3.highlighted = false eventHandler.onScreenReply(btn3.text) } onPressed: { btn3.highlighted = true } onCanceled: { btn3.highlighted = false } Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter } } Rectangle { id: footer opacity: 0 width: parent.width height: 5 anchors { bottom: parent.bottom } } } }