FluentUI/example/qml/page/T_QRCode.qml

102 lines
2.0 KiB
QML
Raw Permalink Normal View History

2023-08-24 15:50:37 +08:00
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import QtQuick.Window 2.15
import FluentUI 1.0
2023-08-26 17:20:30 +08:00
import "../component"
2023-08-08 15:44:10 +08:00
FluScrollablePage{
2024-03-09 15:35:48 +08:00
title: qsTr("QRCode")
2023-08-08 15:44:10 +08:00
FluQRCode{
id:qrcode
size:slider_size.value
text:text_box.text
2024-03-06 00:34:43 +08:00
color:color_picker.current
bgColor: bgcolor_picker.current
2023-08-14 18:10:37 +08:00
margins:slider_margins.value
2023-08-08 15:44:10 +08:00
Layout.preferredWidth: size
Layout.preferredHeight: size
}
RowLayout{
spacing: 10
Layout.topMargin: 20
FluText{
text:"text:"
Layout.alignment: Qt.AlignVCenter
}
FluTextBox{
id:text_box
text:"会磨刀的小猪"
2023-11-24 22:05:53 +08:00
Layout.preferredWidth: 240
2023-08-08 15:44:10 +08:00
}
}
RowLayout{
spacing: 10
Layout.topMargin: 10
FluText{
text:"color:"
Layout.alignment: Qt.AlignVCenter
}
FluColorPicker{
id:color_picker
2024-03-06 00:34:43 +08:00
current: Qt.rgba(0,0,0,1)
2023-08-08 15:44:10 +08:00
}
}
2023-08-14 18:10:37 +08:00
RowLayout{
spacing: 10
Layout.topMargin: 10
FluText{
text:"bgColor:"
Layout.alignment: Qt.AlignVCenter
}
FluColorPicker{
id:bgcolor_picker
2024-03-06 00:34:43 +08:00
current: Qt.rgba(1,1,1,1)
2023-08-14 18:10:37 +08:00
}
}
RowLayout{
spacing: 10
FluText{
text:"margins:"
Layout.alignment: Qt.AlignVCenter
}
FluSlider{
id:slider_margins
from:0
to:80
value: 0
}
}
2023-08-08 15:44:10 +08:00
RowLayout{
spacing: 10
FluText{
text:"size:"
Layout.alignment: Qt.AlignVCenter
}
FluSlider{
id:slider_size
2023-08-14 18:10:37 +08:00
from:120
2023-08-08 21:57:08 +08:00
to:260
2023-08-08 15:44:10 +08:00
value: 120
}
}
CodeExpander{
Layout.fillWidth: true
Layout.topMargin: 20
code:'FluQRCode{
color:"red"
text:"会磨刀的小猪"
size:100
}'
}
}