FluentUI/example/T_Carousel.qml

45 lines
981 B
QML
Raw Normal View History

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
}