Mentalflow
/
RibbonUI
mirror of https://github.com/mentalfl0w/RibbonUI.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

RibbonTabPage: Use asynchronous load to improve RibbonTabBar's performance.

This commit is contained in:
Mentalflow 2025-05-24 00:56:34 +08:00
parent 0e8c1fd2f5
commit 4793747c83
Signed by: Mentalflow
GPG Key ID: 5AE68D4401A2EE71
3 changed files with 107 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
lib_source/qml/Qt5/RibbonTabPage.qml
View File

@ -4,12 +4,33 @@ import QtQuick.Layouts 1.11
import RibbonUI 1.1
Item {
id: control
property int delegateCount: 0
property string title
default property alias content: container.data
required default property Component content
property bool needActive: SwipeView.isCurrentItem || SwipeView.isNextItem || SwipeView.isPreviousItem
property var delegateList: []
readonly property var contentItem: main_loader.item.containerItem
signal containerItemUpdated()
clip: true
Flickable{
id: view
onContentChanged: {
delegateList.push({
"content": content,
"index": control.delegateCount++
})
}
Loader{
id: main_loader
active: control.needActive
anchors.fill: parent
asynchronous: true
sourceComponent: Flickable{
id: view
property alias containerItem: container
ScrollIndicator.horizontal: RibbonScrollIndicator{
anchors.bottom: view.bottom
anchors.horizontalCenter: view.horizontalCenter
@ -20,6 +41,23 @@ Item {
id: container
spacing: 0
height: parent.height
Repeater{
model: control.delegateList
Loader{
required property var modelData
width: item.width
Layout.fillHeight: true
active: control.needActive
sourceComponent: control.delegateList[modelData.index].content
}
}
}
}
onLoaded: containerItemUpdated()
}
function getItem( index : int ){
return contentItem.children[index].item
}
}

1
lib_source/qml/Qt6/RibbonTabGroup.qml
View File

@ -1,4 +1,5 @@
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import RibbonUI

44
lib_source/qml/Qt6/RibbonTabPage.qml
View File

@ -4,12 +4,33 @@ import QtQuick.Layouts
import RibbonUI
Item {
id: control
property int delegateCount: 0
property string title
default property alias content: container.data
required default property Component content
property bool needActive: SwipeView.isCurrentItem || SwipeView.isNextItem || SwipeView.isPreviousItem
property var delegateList: []
readonly property var contentItem: main_loader.item.containerItem
signal containerItemUpdated()
clip: true
Flickable{
id: view
onContentChanged: {
delegateList.push({
"content": content,
"index": control.delegateCount++
})
}
Loader{
id: main_loader
active: control.needActive
anchors.fill: parent
asynchronous: true
sourceComponent: Flickable{
id: view
property alias containerItem: container
ScrollIndicator.horizontal: RibbonScrollIndicator{
anchors.bottom: view.bottom
anchors.horizontalCenter: view.horizontalCenter
@ -20,6 +41,23 @@ Item {
id: container
spacing: 0
height: parent.height
Repeater{
model: control.delegateList
Loader{
required property var modelData
width: item.width
Layout.fillHeight: true
active: control.needActive
sourceComponent: control.delegateList[modelData.index].content
}
}
}
}
onLoaded: containerItemUpdated()
}
function getItem( index : int ){
return contentItem.children[index].item
}
}