QML SwipeView

原创

于 2022-03-16 23:26:23 发布 · 548 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#qt #javascript #ui

本文介绍了如何使用Qt的QML组件SwipeView来创建丰富的滑动视图体验。通过QML和JavaScript的结合，实现UI界面的流畅滑动切换，适用于移动端和桌面端应用。

SwipeView

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.5
import QtQuick.Layouts 1.5
import QtQuick.Controls 1.4 as Ctr1
import QtQuick.Layouts 1.2
import './Text.js' as Jie

Window{
   
   
    id:window
    width:640
    height:480
    visible: true
   title:"Hello world"

   Item{
   
   
        id:jieItem
       anchors.fill:parent
       //颜色随机生成器
       property  var colorBuilder:Jie.getColorFactory(Qt.rgba)
       TabBar{
   
   
           id:title
           anchors.left: parent.left
           anchors.right: parent.right
           currentIndex: view.currentIndex

           Repeater{
   
   
               model:['Home'