From a0d662a8a53f6b5fcbed18299ac6e59356d6ce7b Mon Sep 17 00:00:00 2001 From: w-jt <88316720+w-jt@users.noreply.github.com> Date: Sat, 27 Apr 2024 11:49:29 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=87=AA=E5=AE=9A=E4=B9=89?= =?UTF-8?q?=E6=8E=A7=E4=BB=B6=EF=BC=8C=E9=80=9A=E8=BF=87header=E5=92=8Cfoo?= =?UTF-8?q?ter=E5=B1=9E=E6=80=A7=E6=B7=BB=E5=8A=A0=E6=8E=A7=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 添加自定义控件，通过header和footer属性添加控件 --- .../FluentUI/Controls/FluPagination.qml | 211 +++++++++--------- 1 file changed, 111 insertions(+), 100 deletions(-) diff --git a/src/Qt5/imports/FluentUI/Controls/FluPagination.qml b/src/Qt5/imports/FluentUI/Controls/FluPagination.qml index a5a155a8..d350d997 100644 --- a/src/Qt5/imports/FluentUI/Controls/FluPagination.qml +++ b/src/Qt5/imports/FluentUI/Controls/FluPagination.qml @@ -1,100 +1,111 @@ -import QtQuick 2.15 -import QtQuick.Controls 2.15 -import QtQuick.Layouts 1.15 -import FluentUI 1.0 - -Item { - signal requestPage(int page,int count) - property string previousText: qsTr("") - property int pageCurrent: 0 - property int itemCount: 0 - property int pageButtonCount: 5 - property int pageCount: itemCount>0?Math.ceil(itemCount/__itemPerPage):0 - property int __itemPerPage: 10 - property int __pageButtonHalf: Math.floor(pageButtonCount/2)+1 - id: control - implicitHeight: 40 - implicitWidth: content.width - Row{ - id: content - height: control.height - spacing: 10 - padding: 10 - FluToggleButton{ - visible: control.pageCount>1 - disabled: control.pageCurrent<=1 - text:control.previousText - clickListener:function() { - control.calcNewPage(control.pageCurrent-1); - } - } - Row{ - spacing: 5 - FluToggleButton{ - property int pageNumber:1 - visible: control.pageCount>0 - checked: pageNumber === control.pageCurrent - text:String(pageNumber) - clickListener:function() { - control.calcNewPage(pageNumber); - } - } - FluText{ - visible: (control.pageCount>control.pageButtonCount&& - control.pageCurrent>control.__pageButtonHalf) - text: "..." - } - Repeater{ - id: button_repeator - model: (control.pageCount<2)?0:(control.pageCount>=control.pageButtonCount)?(control.pageButtonCount-2):(control.pageCount-2) - delegate:FluToggleButton{ - property int pageNumber: { - return (control.pageCurrent<=control.__pageButtonHalf) - ?(2+index) - :(control.pageCount-control.pageCurrent<=control.pageButtonCount-control.__pageButtonHalf) - ?(control.pageCount-button_repeator.count+index) - :(control.pageCurrent+2+index-control.__pageButtonHalf) - } - text:String(pageNumber) - checked: pageNumber === control.pageCurrent - clickListener:function(){ - control.calcNewPage(pageNumber); - } - } - } - FluText{ - visible: (control.pageCount>control.pageButtonCount&& - control.pageCount-control.pageCurrent>control.pageButtonCount-control.__pageButtonHalf) - text: "..." - } - FluToggleButton{ - property int pageNumber:control.pageCount - visible: control.pageCount>1 - checked: pageNumber === control.pageCurrent - text:String(pageNumber) - clickListener:function(){ - control.calcNewPage(pageNumber); - } - } - } - FluToggleButton{ - visible: control.pageCount>1 - disabled: control.pageCurrent>=control.pageCount - text:control.nextText - clickListener:function() { - control.calcNewPage(control.pageCurrent+1); - } - } - } - function calcNewPage(page) - { - if(!page) - return - let page_num=Number(page) - if(page_num<1||page_num>control.pageCount||page_num===control.pageCurrent) - return - control.pageCurrent=page_num - control.requestPage(page_num,control.__itemPerPage) - } -} +import QtQuick +import QtQuick.Controls +import QtQuick.Layouts +import FluentUI + +Item { + signal requestPage(int page, int count) + + property string previousText: qsTr("") + property int pageCurrent: 0 + property int itemCount: 0 + property int pageButtonCount: 5 + property int pageCount: itemCount > 0 ? Math.ceil(itemCount / __itemPerPage) : 0 + property int __itemPerPage: 10 + property int __pageButtonHalf: Math.floor(pageButtonCount / 2) + 1 + property Component header: null + property Component footer: null + id: control + implicitHeight: 40 + implicitWidth: content.width + Row { + id: content + height: control.height + spacing: 10 + padding: 10 + Loader { + sourceComponent: header + } + FluToggleButton { + visible: control.pageCount > 1 + disabled: control.pageCurrent <= 1 + text: control.previousText + clickListener: function () { + control.calcNewPage(control.pageCurrent - 1); + } + } + Row { + spacing: 5 + + FluToggleButton { + property int pageNumber: 1 + visible: control.pageCount > 0 + checked: pageNumber === control.pageCurrent + text: String(pageNumber) + clickListener: function () { + control.calcNewPage(pageNumber); + } + } + FluText { + visible: (control.pageCount > control.pageButtonCount && + control.pageCurrent > control.__pageButtonHalf) + text: "..." + } + Repeater { + id: button_repeator + model: (control.pageCount < 2) ? 0 : (control.pageCount >= control.pageButtonCount) ? (control.pageButtonCount - 2) : (control.pageCount - 2) + delegate: FluToggleButton { + property int pageNumber: { + return (control.pageCurrent <= control.__pageButtonHalf) + ? (2 + index) + : (control.pageCount - control.pageCurrent <= control.pageButtonCount - control.__pageButtonHalf) + ? (control.pageCount - button_repeator.count + index) + : (control.pageCurrent + 2 + index - control.__pageButtonHalf) + } + text: String(pageNumber) + checked: pageNumber === control.pageCurrent + clickListener: function () { + control.calcNewPage(pageNumber); + } + } + } + FluText { + visible: (control.pageCount > control.pageButtonCount && + control.pageCount - control.pageCurrent > control.pageButtonCount - control.__pageButtonHalf) + text: "..." + } + FluToggleButton { + property int pageNumber: control.pageCount + visible: control.pageCount > 1 + checked: pageNumber === control.pageCurrent + text: String(pageNumber) + clickListener: function () { + control.calcNewPage(pageNumber); + } + } + } + FluToggleButton { + visible: control.pageCount > 1 + disabled: control.pageCurrent >= control.pageCount + text: control.nextText + clickListener: function () { + control.calcNewPage(control.pageCurrent + 1); + } + } + Loader { + sourceComponent: footer + } + } + + function calcNewPage(page) { + if (!page) + return + let page_num = Number(page) + if (page_num < 1 || page_num > control.pageCount || page_num === control.pageCurrent) + return + control.pageCurrent = page_num + control.requestPage(page_num, control.__itemPerPage) + } + +}