FluentUI/example/T_Rectangle.qml

115 lines
2.7 KiB
QML
Raw Normal View History

2023-03-01 11:58:30 +08:00
import QtQuick 2.15
import QtQuick.Layouts 1.15
2023-03-06 18:08:01 +08:00
import QtQuick.Controls 2.15
2023-03-01 11:58:30 +08:00
import QtQuick.Window 2.15
import QtGraphicalEffects 1.15
import FluentUI 1.0
2023-03-10 18:08:32 +08:00
FluScrollablePage{
title:"Rectangle"
RowLayout{
Layout.topMargin: 20
FluRectangle{
width: 50
height: 50
color:"#0078d4"
radius:[0,0,0,0]
}
FluRectangle{
width: 50
height: 50
color:"#744da9"
radius:[15,15,15,15]
}
FluRectangle{
width: 50
height: 50
color:"#ffeb3b"
radius:[15,0,0,0]
}
FluRectangle{
width: 50
height: 50
color:"#f7630c"
radius:[0,15,0,0]
}
FluRectangle{
width: 50
height: 50
color:"#e71123"
radius:[0,0,15,0]
}
FluRectangle{
width: 50
height: 50
color:"#b4009e"
radius:[0,0,0,15]
}
}
2023-03-06 18:08:01 +08:00
FluText{
2023-03-10 18:08:32 +08:00
text:"配合图片使用"
fontStyle: FluText.Subtitle
Layout.topMargin: 20
2023-03-06 18:08:01 +08:00
}
2023-03-10 18:08:32 +08:00
RowLayout{
spacing: 14
FluRectangle{
width: 50
height: 50
radius:[25,0,25,25]
Image {
asynchronous: true
anchors.fill: parent
source: "qrc:/res/svg/avatar_1.svg"
sourceSize: Qt.size(width,height)
2023-03-01 11:58:30 +08:00
}
2023-03-10 18:08:32 +08:00
}
FluRectangle{
width: 50
height: 50
radius:[10,10,10,10]
Image {
asynchronous: true
anchors.fill: parent
sourceSize: Qt.size(width,height)
source: "qrc:/res/svg/avatar_2.svg"
2023-03-01 11:58:30 +08:00
}
2023-03-10 18:08:32 +08:00
}
FluRectangle{
width: 50
height: 50
radius:[25,25,25,25]
Image {
asynchronous: true
anchors.fill: parent
sourceSize: Qt.size(width,height)
source: "qrc:/res/svg/avatar_3.svg"
2023-03-01 11:58:30 +08:00
}
2023-03-10 18:08:32 +08:00
}
FluRectangle{
width: 50
height: 50
radius:[0,25,25,25]
Image {
asynchronous: true
anchors.fill: parent
sourceSize: Qt.size(width,height)
source: "qrc:/res/svg/avatar_4.svg"
2023-03-01 11:58:30 +08:00
}
}
}
2023-03-10 18:08:32 +08:00
FluRectangle{
width: 1080/5
height: 1439/5
radius:[25,25,25,25]
Image {
asynchronous: true
source: "qrc:/res/image/image_huoyin.webp"
anchors.fill: parent
sourceSize: Qt.size(width,height)
}
Layout.topMargin: 10
}
2023-03-01 11:58:30 +08:00
}