mirror of
https://github.com/zhuzichu520/FluentUI.git
synced 2024-11-27 05:38:37 +08:00
98 lines
2.7 KiB
QML
98 lines
2.7 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
import FluentUI
|
|
import example
|
|
import "../component"
|
|
|
|
FluWindow {
|
|
|
|
id:window
|
|
title:"热加载"
|
|
width: 800
|
|
height: 600
|
|
minimumWidth: 520
|
|
minimumHeight: 200
|
|
launchMode: FluWindowType.SingleTask
|
|
FileWatcher{
|
|
id:watcher
|
|
onFileChanged: {
|
|
loader.reload()
|
|
}
|
|
}
|
|
FluArea{
|
|
anchors.fill: parent
|
|
FluRemoteLoader{
|
|
id:loader
|
|
anchors.fill: parent
|
|
statusMode: FluStatusLayoutType.Success
|
|
lazy: true
|
|
errorItem: Item{
|
|
FluText{
|
|
text:loader.itemLodaer().sourceComponent.errorString()
|
|
color:"red"
|
|
anchors.fill: parent
|
|
wrapMode: Text.WrapAnywhere
|
|
padding: 20
|
|
verticalAlignment: Qt.AlignVCenter
|
|
horizontalAlignment: Qt.AlignHCenter
|
|
}
|
|
}
|
|
}
|
|
FluText{
|
|
text:"拖入qml文件"
|
|
font.pixelSize: 26
|
|
anchors.centerIn: parent
|
|
visible: !loader.itemLodaer().item && loader.statusMode === FluStatusLayoutType.Success
|
|
}
|
|
Rectangle{
|
|
radius: 4
|
|
anchors.fill: parent
|
|
color: "#33333333"
|
|
visible: drop_area.containsDrag
|
|
}
|
|
DropArea{
|
|
id:drop_area
|
|
anchors.fill: parent
|
|
onEntered:
|
|
(event)=>{
|
|
if(!event.hasUrls){
|
|
event.accepted = false
|
|
return
|
|
}
|
|
var url = getUrlByEvent(event)
|
|
if(url === ""){
|
|
event.accepted = false
|
|
return
|
|
}
|
|
var fileExtension = url.substring(url.lastIndexOf(".") + 1)
|
|
if (fileExtension !== "qml") {
|
|
event.accepted = false
|
|
return
|
|
}
|
|
return true
|
|
}
|
|
onDropped:
|
|
(event)=>{
|
|
var url = getUrlByEvent(event)
|
|
if(url !== ""){
|
|
loader.source = url
|
|
watcher.path = url
|
|
loader.reload()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function getUrlByEvent(event){
|
|
var url = ""
|
|
if (event.urls.length === 0) {
|
|
url = "file:///"+event.getDataAsString("text/plain")
|
|
}else{
|
|
url = event.urls[0].toString()
|
|
}
|
|
return url
|
|
}
|
|
|
|
}
|