2023-03-14 18:23:12 +08:00
|
|
|
|
import QtQuick 2.15
|
|
|
|
|
import QtQuick.Layouts 1.15
|
|
|
|
|
import QtQuick.Window 2.15
|
|
|
|
|
import QtQuick.Controls 2.15
|
|
|
|
|
import QtGraphicalEffects 1.15
|
|
|
|
|
import FluentUI 1.0
|
|
|
|
|
|
|
|
|
|
FluScrollablePage{
|
|
|
|
|
|
|
|
|
|
title:"Carousel"
|
|
|
|
|
|
2023-03-15 00:33:38 +08:00
|
|
|
|
|
2023-03-15 14:48:48 +08:00
|
|
|
|
FluArea{
|
|
|
|
|
width: parent.width
|
|
|
|
|
height: 370
|
|
|
|
|
paddings: 10
|
|
|
|
|
Layout.topMargin: 20
|
2023-03-15 00:33:38 +08:00
|
|
|
|
|
2023-03-15 14:48:48 +08:00
|
|
|
|
Column{
|
|
|
|
|
spacing: 15
|
|
|
|
|
anchors{
|
|
|
|
|
verticalCenter: parent.verticalCenter
|
|
|
|
|
left:parent.left
|
|
|
|
|
}
|
|
|
|
|
FluText{
|
2023-03-15 00:33:38 +08:00
|
|
|
|
|
2023-03-15 14:48:48 +08:00
|
|
|
|
text:"轮播图,支持无限轮播,无限滑动,用ListView实现的组件"
|
|
|
|
|
}
|
|
|
|
|
FluCarousel{
|
|
|
|
|
id:carousel
|
|
|
|
|
Layout.topMargin: 20
|
|
|
|
|
Layout.leftMargin: 5
|
|
|
|
|
Component.onCompleted: {
|
|
|
|
|
carousel.setData([{url:"qrc:/res/image/banner_1.jpg"},{url:"qrc:/res/image/banner_2.jpg"},{url:"qrc:/res/image/banner_3.jpg"}])
|
|
|
|
|
}
|
2023-03-14 18:23:12 +08:00
|
|
|
|
|
2023-03-15 14:48:48 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
2023-03-14 18:23:12 +08:00
|
|
|
|
}
|
2023-03-15 14:48:48 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2023-03-14 18:23:12 +08:00
|
|
|
|
}
|