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

RibbonTabPage and example: Update to avoid warning and properly define progressbar_slider.

This commit is contained in:
Mentalflow 2025-05-24 01:27:15 +08:00
parent c367541af8
commit 27c845b7d9
Signed by: Mentalflow
GPG Key ID: 5AE68D4401A2EE71
4 changed files with 64 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
example/qml/Qt5/components/TabBar.qml
View File

@ -36,15 +36,15 @@ RibbonTabBar {
RibbonTabPage{ RibbonTabPage{
id: basic_page id: basic_page
title: qsTr("Basic") title: qsTr("Basic")
property var sliderLayout: getItem(0).sliderLayout property var sliderLayout
property var sliderWithBtn: getItem(0).sliderWithBtn property var sliderWithBtn
property var sliderWithoutBtn: getItem(0).sliderWithoutBtn property var sliderWithoutBtn
property var switchLayout: getItem(1).switchLayout property var switchLayout
property var btnWithColorAndGrabberText: getItem(1).btnWithColorAndGrabberText property var btnWithColorAndGrabberText
property var checkBoxLayout: getItem(2).checkBoxLayout property var checkBoxLayout
property var buttonLayout: getItem(3).buttonLayout property var buttonLayout
property var btnWithoutBgAndLabel: getItem(3).btnWithoutBgAndLabel property var btnWithoutBgAndLabel
property var pushButtonLayout: getItem(4).pushButtonLayout property var pushButtonLayout
onContainerItemUpdated: { onContainerItemUpdated: {
if(getItem(0)){ if(getItem(0)){
@ -329,8 +329,8 @@ RibbonTabBar {
RibbonTabPage{ RibbonTabPage{
id: input_page id: input_page
title: qsTr("Input") title: qsTr("Input")
property var lineEditLayout: getItem(0).lineEditLayout property var lineEditLayout
property var lineEditWithIcon: getItem(0).lineEditWithIcon property var lineEditWithIcon
onContainerItemUpdated: { onContainerItemUpdated: {
if(getItem(0)){ if(getItem(0)){
@ -503,9 +503,16 @@ RibbonTabBar {
} }
} }
RibbonTabPage{ RibbonTabPage{
id: progress_page
title: qsTr("Progress") title: qsTr("Progress")
property var progressbarSlider
onContainerItemUpdated:{
if(getItem(0))
progressbarSlider = getItem(0).progressbarSlider
}
RibbonTabGroup{ RibbonTabGroup{
width: progressbar_slider.width + 30 width: progressbar_slider.width + 30
property var progressbarSlider: progressbar_slider
RibbonSlider{ RibbonSlider{
id: progressbar_slider id: progressbar_slider
anchors.centerIn: parent anchors.centerIn: parent
@ -526,22 +533,22 @@ RibbonTabBar {
ColumnLayout{ ColumnLayout{
RibbonProgressBar{ RibbonProgressBar{
barWidth: 100 barWidth: 100
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
textLabelPosition: RibbonProgressBar.LabelPosition.Top textLabelPosition: RibbonProgressBar.LabelPosition.Top
} }
RibbonProgressBar{ RibbonProgressBar{
barWidth: 100 barWidth: 100
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
textLabelPosition: RibbonProgressBar.LabelPosition.Left textLabelPosition: RibbonProgressBar.LabelPosition.Left
} }
RibbonProgressBar{ RibbonProgressBar{
barWidth: 100 barWidth: 100
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
textLabelPosition: RibbonProgressBar.LabelPosition.Right textLabelPosition: RibbonProgressBar.LabelPosition.Right
} }
RibbonProgressBar{ RibbonProgressBar{
barWidth: 100 barWidth: 100
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
textLabelPosition: RibbonProgressBar.LabelPosition.Bottom textLabelPosition: RibbonProgressBar.LabelPosition.Bottom
} }
} }
@ -577,7 +584,7 @@ RibbonTabBar {
barWidth: 100 barWidth: 100
indeterminate: false indeterminate: false
showText: false showText: false
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
} }
} }
} }
@ -593,26 +600,26 @@ RibbonTabBar {
RowLayout{ RowLayout{
RibbonProgressRing{ RibbonProgressRing{
barWidth: 30 barWidth: 30
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
textLabelPosition: RibbonProgressBar.LabelPosition.Top textLabelPosition: RibbonProgressBar.LabelPosition.Top
} }
RibbonProgressRing{ RibbonProgressRing{
barWidth: 30 barWidth: 30
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
textLabelPosition: RibbonProgressBar.LabelPosition.Left textLabelPosition: RibbonProgressBar.LabelPosition.Left
} }
RibbonProgressRing{ RibbonProgressRing{
barWidth: 30 barWidth: 30
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
textLabelPosition: RibbonProgressBar.LabelPosition.Right textLabelPosition: RibbonProgressBar.LabelPosition.Right
} }
RibbonProgressRing{ RibbonProgressRing{
barWidth: 30 barWidth: 30
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
textLabelPosition: RibbonProgressBar.LabelPosition.Bottom textLabelPosition: RibbonProgressBar.LabelPosition.Bottom
} }
RibbonProgressRing{ RibbonProgressRing{
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
centerInTextLabel: true centerInTextLabel: true
} }
} }
@ -652,7 +659,7 @@ RibbonTabBar {
barWidth: 30 barWidth: 30
indeterminate: false indeterminate: false
showText: false showText: false
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
} }
} }
} }

51
example/qml/Qt6/components/TabBar.qml
View File

@ -36,15 +36,15 @@ RibbonTabBar {
RibbonTabPage{ RibbonTabPage{
id: basic_page id: basic_page
title: qsTr("Basic") title: qsTr("Basic")
property var sliderLayout: getItem(0).sliderLayout property var sliderLayout
property var sliderWithBtn: getItem(0).sliderWithBtn property var sliderWithBtn
property var sliderWithoutBtn: getItem(0).sliderWithoutBtn property var sliderWithoutBtn
property var switchLayout: getItem(1).switchLayout property var switchLayout
property var btnWithColorAndGrabberText: getItem(1).btnWithColorAndGrabberText property var btnWithColorAndGrabberText
property var checkBoxLayout: getItem(2).checkBoxLayout property var checkBoxLayout
property var buttonLayout: getItem(3).buttonLayout property var buttonLayout
property var btnWithoutBgAndLabel: getItem(3).btnWithoutBgAndLabel property var btnWithoutBgAndLabel
property var pushButtonLayout: getItem(4).pushButtonLayout property var pushButtonLayout
onContainerItemUpdated: { onContainerItemUpdated: {
if(getItem(0)){ if(getItem(0)){
@ -329,8 +329,8 @@ RibbonTabBar {
RibbonTabPage{ RibbonTabPage{
id: input_page id: input_page
title: qsTr("Input") title: qsTr("Input")
property var lineEditLayout: getItem(0).lineEditLayout property var lineEditLayout
property var lineEditWithIcon: getItem(0).lineEditWithIcon property var lineEditWithIcon
onContainerItemUpdated: { onContainerItemUpdated: {
if(getItem(0)){ if(getItem(0)){
@ -503,9 +503,16 @@ RibbonTabBar {
} }
} }
RibbonTabPage{ RibbonTabPage{
id: progress_page
title: qsTr("Progress") title: qsTr("Progress")
property var progressbarSlider
onContainerItemUpdated:{
if(getItem(0))
progressbarSlider = getItem(0).progressbarSlider
}
RibbonTabGroup{ RibbonTabGroup{
width: progressbar_slider.width + 30 width: progressbar_slider.width + 30
property var progressbarSlider: progressbar_slider
RibbonSlider{ RibbonSlider{
id: progressbar_slider id: progressbar_slider
anchors.centerIn: parent anchors.centerIn: parent
@ -526,22 +533,22 @@ RibbonTabBar {
ColumnLayout{ ColumnLayout{
RibbonProgressBar{ RibbonProgressBar{
barWidth: 100 barWidth: 100
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
textLabelPosition: RibbonProgressBar.LabelPosition.Top textLabelPosition: RibbonProgressBar.LabelPosition.Top
} }
RibbonProgressBar{ RibbonProgressBar{
barWidth: 100 barWidth: 100
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
textLabelPosition: RibbonProgressBar.LabelPosition.Left textLabelPosition: RibbonProgressBar.LabelPosition.Left
} }
RibbonProgressBar{ RibbonProgressBar{
barWidth: 100 barWidth: 100
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
textLabelPosition: RibbonProgressBar.LabelPosition.Right textLabelPosition: RibbonProgressBar.LabelPosition.Right
} }
RibbonProgressBar{ RibbonProgressBar{
barWidth: 100 barWidth: 100
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
textLabelPosition: RibbonProgressBar.LabelPosition.Bottom textLabelPosition: RibbonProgressBar.LabelPosition.Bottom
} }
} }
@ -577,7 +584,7 @@ RibbonTabBar {
barWidth: 100 barWidth: 100
indeterminate: false indeterminate: false
showText: false showText: false
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
} }
} }
} }
@ -593,26 +600,26 @@ RibbonTabBar {
RowLayout{ RowLayout{
RibbonProgressRing{ RibbonProgressRing{
barWidth: 30 barWidth: 30
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
textLabelPosition: RibbonProgressBar.LabelPosition.Top textLabelPosition: RibbonProgressBar.LabelPosition.Top
} }
RibbonProgressRing{ RibbonProgressRing{
barWidth: 30 barWidth: 30
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
textLabelPosition: RibbonProgressBar.LabelPosition.Left textLabelPosition: RibbonProgressBar.LabelPosition.Left
} }
RibbonProgressRing{ RibbonProgressRing{
barWidth: 30 barWidth: 30
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
textLabelPosition: RibbonProgressBar.LabelPosition.Right textLabelPosition: RibbonProgressBar.LabelPosition.Right
} }
RibbonProgressRing{ RibbonProgressRing{
barWidth: 30 barWidth: 30
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
textLabelPosition: RibbonProgressBar.LabelPosition.Bottom textLabelPosition: RibbonProgressBar.LabelPosition.Bottom
} }
RibbonProgressRing{ RibbonProgressRing{
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
centerInTextLabel: true centerInTextLabel: true
} }
} }
@ -652,7 +659,7 @@ RibbonTabBar {
barWidth: 30 barWidth: 30
indeterminate: false indeterminate: false
showText: false showText: false
value: progressbar_slider.value / 100 value: progress_page.progressbarSlider ? progress_page.progressbarSlider.value / 100 : 0
} }
} }
} }

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

@ -11,7 +11,7 @@ Item {
property bool needActive: SwipeView.isCurrentItem || SwipeView.isNextItem || SwipeView.isPreviousItem property bool needActive: SwipeView.isCurrentItem || SwipeView.isNextItem || SwipeView.isPreviousItem
property var delegateList: [] property var delegateList: []
readonly property var contentItem: main_loader.item.containerItem readonly property var contentItem: main_loader.item ? main_loader.item.containerItem : undefined
signal containerItemUpdated() signal containerItemUpdated()
clip: true clip: true
@ -45,7 +45,7 @@ Item {
model: control.delegateList model: control.delegateList
Loader{ Loader{
required property var modelData required property var modelData
width: item.width width: item ? item.width : 0
Layout.fillHeight: true Layout.fillHeight: true
active: control.needActive active: control.needActive
sourceComponent: control.delegateList[modelData.index].content sourceComponent: control.delegateList[modelData.index].content
@ -56,7 +56,7 @@ Item {
onLoaded: containerItemUpdated() onLoaded: containerItemUpdated()
} }
function getItem( index : int ){ function getItem( index ){
return contentItem.children[index].item return contentItem.children[index].item
} }

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

@ -11,7 +11,7 @@ Item {
property bool needActive: SwipeView.isCurrentItem || SwipeView.isNextItem || SwipeView.isPreviousItem property bool needActive: SwipeView.isCurrentItem || SwipeView.isNextItem || SwipeView.isPreviousItem
property var delegateList: [] property var delegateList: []
readonly property var contentItem: main_loader.item.containerItem readonly property var contentItem: main_loader.item ? main_loader.item.containerItem : undefined
signal containerItemUpdated() signal containerItemUpdated()
clip: true clip: true
@ -45,7 +45,7 @@ Item {
model: control.delegateList model: control.delegateList
Loader{ Loader{
required property var modelData required property var modelData
width: item.width width: item ? item.width : 0
Layout.fillHeight: true Layout.fillHeight: true
active: control.needActive active: control.needActive
sourceComponent: control.delegateList[modelData.index].content sourceComponent: control.delegateList[modelData.index].content
@ -56,7 +56,7 @@ Item {
onLoaded: containerItemUpdated() onLoaded: containerItemUpdated()
} }
function getItem( index : int ){ function getItem( index ){
return contentItem.children[index].item return contentItem.children[index].item
} }