amass/FluentUI
1
0
Fork 0
mirror of https://github.com/zhuzichu520/FluentUI.git synced 2024-11-27 05:38:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
zhuzichu 2023-07-07 11:47:03 +08:00
parent a273aa4588
commit 9223d5f937
12 changed files with 57 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
example/qml/page/T_ColorPicker.qml
View File

@ -23,8 +23,6 @@ FluScrollablePage{
text:"此颜色组件是Github上的开源项目" text:"此颜色组件是Github上的开源项目"
} }
FluTextButton{ FluTextButton{
leftPadding: 0
rightPadding: 0
text:"https://github.com/rshest/qml-colorpicker" text:"https://github.com/rshest/qml-colorpicker"
onClicked: { onClicked: {
Qt.openUrlExternally(text) Qt.openUrlExternally(text)

4
example/qml/window/MainWindow.qml
View File

@ -168,9 +168,9 @@ CustomWindow {
width: parent.width width: parent.width
height: parent.height height: parent.height
z:999 z:999
//NoStack模式，每次切换都会销毁之前的页面然后创建一个新的页面，只需消耗少量内存（推荐）
// pageMode: FluNavigationView.NoStack
//Stack模式，每次切换都会将页面压入栈中，随着栈的页面增多，消耗的内存也越多，内存消耗多就会卡顿，这时候就需要按返回将页面pop掉，释放内存。该模式可以配合FluPage中的launchMode属性，设置页面的启动模式 //Stack模式，每次切换都会将页面压入栈中，随着栈的页面增多，消耗的内存也越多，内存消耗多就会卡顿，这时候就需要按返回将页面pop掉，释放内存。该模式可以配合FluPage中的launchMode属性，设置页面的启动模式
// pageMode: FluNavigationView.Stack
//NoStack模式，每次切换都会销毁之前的页面然后创建一个新的页面，只需消耗少量内存（推荐）
pageMode: FluNavigationView.NoStack pageMode: FluNavigationView.NoStack
items: ItemsOriginal items: ItemsOriginal
footerItems:ItemsFooter footerItems:ItemsFooter

56
src/imports/FluentUI/Controls/FluAutoSuggestBox.qml
View File

@ -30,15 +30,10 @@ FluTextBox{
duration: 83 duration: 83
} }
} }
onVisibleChanged: { background: FluRectangle{
if(visible){
list_view.currentIndex = -1
}
}
background: Rectangle{
id:container id:container
width: control.width width: control.width
radius: 4 radius: [4,4,4,4]
FluShadow{ FluShadow{
radius: 4 radius: 4
} }
@ -48,7 +43,7 @@ FluTextBox{
id:list_view id:list_view
anchors.fill: parent anchors.fill: parent
clip: true clip: true
currentIndex: -1 boundsBehavior: ListView.StopAtBounds
ScrollBar.vertical: FluScrollBar {} ScrollBar.vertical: FluScrollBar {}
header: Item{ header: Item{
width: control.width width: control.width
@ -63,49 +58,30 @@ FluTextBox{
} }
} }
} }
delegate:Control{ delegate:FluControl{
id:item_control
height: 38
width: control.width width: control.width
padding:10 onClicked:{
handleClick(modelData)
}
background: Rectangle{ background: Rectangle{
FluFocusRectangle{
visible: item_control.activeFocus
radius:4
}
color: { color: {
if(list_view.currentIndex === index){
return FluTheme.dark ? Qt.rgba(63/255,60/255,61/255,1) : Qt.rgba(237/255,237/255,242/255,1)
}
if(hovered){ if(hovered){
return FluTheme.dark ? Qt.rgba(63/255,60/255,61/255,1) : Qt.rgba(237/255,237/255,242/255,1) return FluTheme.dark ? Qt.rgba(63/255,60/255,61/255,1) : Qt.rgba(237/255,237/255,242/255,1)
} }
return FluTheme.dark ? Qt.rgba(51/255,48/255,48/255,1) : Qt.rgba(0,0,0,0) return FluTheme.dark ? Qt.rgba(51/255,48/255,48/255,1) : Qt.rgba(0,0,0,0)
} }
MouseArea{
id:mouse_area
anchors.fill: parent
Connections{
target: control
function onHandleClicked(){
if((list_view.currentIndex === index)){
handleClick(modelData)
}
}
}
onClicked: handleClick(modelData)
}
Rectangle{
width: 3
color:FluTheme.primaryColor.dark
visible: list_view.currentIndex === index
radius: 3
height: 20
anchors{
left: parent.left
verticalCenter: parent.verticalCenter
}
}
} }
contentItem: FluText{ contentItem: FluText{
text:modelData.title text:modelData.title
anchors{ leftPadding: 10
verticalCenter: parent.verticalCenter rightPadding: 10
} verticalAlignment : Qt.AlignVCenter
} }
} }
} }

56
src/imports/FluentUI/Controls/FluImage.qml
View File

@ -2,43 +2,47 @@ import QtQuick
import QtQuick.Controls import QtQuick.Controls
import FluentUI import FluentUI
Item { Image {
property alias sourceSize : image.sourceSize
property alias fillMode : image.fillMode
property url source
property string errorButtonText: "重新加载" property string errorButtonText: "重新加载"
property var status
property var clickErrorListener : function(){ property var clickErrorListener : function(){
image.source = "" image.source = ""
image.source = control.source image.source = control.source
} }
property Component errorItem : com_error
property Component loadingItem: com_loading
id: control id: control
Image{ Loader{
id:image
anchors.fill: parent anchors.fill: parent
source: control.source sourceComponent: {
opacity: control.status === Image.Ready if(control.status === Image.Loading){
onStatusChanged:{ return com_loading
control.status = image.status }else if(control.status == Image.Error){
} return com_error
Behavior on opacity { }else{
NumberAnimation{ return undefined
duration: 83
} }
} }
} }
Rectangle{ Component{
anchors.fill: parent id:com_loading
color: FluTheme.dark ? Qt.rgba(1,1,1,0.03) : Qt.rgba(0,0,0,0.03) Rectangle{
FluProgressRing{ color: FluTheme.dark ? Qt.rgba(1,1,1,0.03) : Qt.rgba(0,0,0,0.03)
anchors.centerIn: parent FluProgressRing{
visible: control.status === Image.Loading anchors.centerIn: parent
visible: control.status === Image.Loading
}
} }
FluFilledButton{ }
text: control.errorButtonText Component{
anchors.centerIn: parent id:com_error
visible: control.status === Image.Error Rectangle{
onClicked: clickErrorListener() color: FluTheme.dark ? Qt.rgba(1,1,1,0.03) : Qt.rgba(0,0,0,0.03)
FluFilledButton{
text: control.errorButtonText
anchors.centerIn: parent
visible: control.status === Image.Error
onClicked: clickErrorListener()
}
} }
} }
} }

2
src/imports/FluentUI/Controls/FluNavigationView.qml
View File

@ -1097,7 +1097,7 @@ Item {
var items = getItems() var items = getItems()
for(var i=0;i<items.length;i++){ for(var i=0;i<items.length;i++){
var item = items[i] var item = items[i]
if(item._key === data._key){ if(item.key === data.key){
if(getCurrentIndex() === i){ if(getCurrentIndex() === i){
return return
} }

2
src/imports/FluentUI/Controls/FluPaneItem.qml
View File

@ -3,7 +3,7 @@ import QtQuick.Controls
import FluentUI import FluentUI
QtObject { QtObject {
readonly property string _key : FluTools.uuid() readonly property string key : FluTools.uuid()
property int _idx property int _idx
property var _ext property var _ext
property string title property string title

2
src/imports/FluentUI/Controls/FluPaneItemEmpty.qml
View File

@ -3,7 +3,7 @@ import QtQuick.Controls
import FluentUI import FluentUI
QtObject { QtObject {
readonly property string _key : FluTools.uuid() readonly property string key : FluTools.uuid()
property int _idx property int _idx
property var _ext property var _ext
property var parent property var parent

2
src/imports/FluentUI/Controls/FluPaneItemExpander.qml
View File

@ -3,7 +3,7 @@ import QtQuick.Controls
import FluentUI import FluentUI
FluObject { FluObject {
readonly property string _key : FluTools.uuid() readonly property string key : FluTools.uuid()
property int _idx property int _idx
property string title property string title
property var icon property var icon

2
src/imports/FluentUI/Controls/FluPaneItemHeader.qml
View File

@ -3,7 +3,7 @@ import QtQuick.Controls
import FluentUI import FluentUI
QtObject { QtObject {
readonly property string _key : FluTools.uuid() readonly property string key : FluTools.uuid()
property int _idx property int _idx
property string title property string title
property var parent property var parent

2
src/imports/FluentUI/Controls/FluPaneItemSeparator.qml
View File

@ -3,7 +3,7 @@ import QtQuick.Controls
import FluentUI import FluentUI
QtObject { QtObject {
readonly property string _key : FluTools.uuid() readonly property string key : FluTools.uuid()
property int _idx property int _idx
property var parent property var parent
} }

2
src/imports/FluentUI/Controls/FluStatusView.qml
View File

@ -42,7 +42,7 @@ Item{
if(statusMode === FluStatusView.Error){ if(statusMode === FluStatusView.Error){
return errorItem return errorItem
} }
return null return undefined
} }
} }
Component{ Component{

4
src/imports/FluentUI/Controls/FluTableView.qml
View File

@ -246,7 +246,7 @@ Rectangle {
} }
onClicked: onClicked:
(event)=>{ (event)=>{
item_loader.sourceComponent = null item_loader.sourceComponent = undefined
if(!(event.modifiers & Qt.ControlModifier)){ if(!(event.modifiers & Qt.ControlModifier)){
selection_model.clear() selection_model.clear()
} }
@ -279,7 +279,7 @@ Rectangle {
property int column property int column
property int row property int row
property var tableView: control property var tableView: control
sourceComponent: null sourceComponent: undefined
onDisplayChanged: { onDisplayChanged: {
var obj = table_model.getRow(row) var obj = table_model.getRow(row)
obj[columnSource[column].dataIndex] = display obj[columnSource[column].dataIndex] = display