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

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

@ -4,22 +4,60 @@ import QtQuick.Layouts 1.11
import RibbonUI 1.1 import RibbonUI 1.1
Item { Item {
id: control
property int delegateCount: 0
property string title 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 clip: true
Flickable{
id: view onContentChanged: {
anchors.fill: parent delegateList.push({
ScrollIndicator.horizontal: RibbonScrollIndicator{ "content": content,
anchors.bottom: view.bottom "index": control.delegateCount++
anchors.horizontalCenter: view.horizontalCenter })
width: view.width - 10
}
contentWidth: container.width
RowLayout{
id: container
spacing: 0
height: parent.height
}
} }
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
width: view.width - 10
}
contentWidth: container.width
RowLayout{
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
import QtQuick.Controls
import QtQuick.Layouts import QtQuick.Layouts
import RibbonUI import RibbonUI

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

@ -4,22 +4,60 @@ import QtQuick.Layouts
import RibbonUI import RibbonUI
Item { Item {
id: control
property int delegateCount: 0
property string title 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 clip: true
Flickable{
id: view onContentChanged: {
anchors.fill: parent delegateList.push({
ScrollIndicator.horizontal: RibbonScrollIndicator{ "content": content,
anchors.bottom: view.bottom "index": control.delegateCount++
anchors.horizontalCenter: view.horizontalCenter })
width: view.width - 10
}
contentWidth: container.width
RowLayout{
id: container
spacing: 0
height: parent.height
}
} }
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
width: view.width - 10
}
contentWidth: container.width
RowLayout{
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
}
} }