APP.VUE
mounted() {
document.body.addEventListener('mouseenter', res => {
ipcRenderer.send('adsorbent')
})
document.body.addEventListener('mouseleave', res => {
console.log('離開窗體')
ipcRenderer.send('adsorptionEcho')
})
},
渲染層
<div class="hello" @mousedown="mousedown">
HelloWorld
</div>
mousedown(e){
this.isKeyDown = true
this.dinatesX = e.x
this.dinatesY = e.y
document.onmousemove = (ev) => {
if(this.isKeyDown){
const x = ev.screenX - this.dinatesX
const y = ev.screenY - this.dinatesY
//給主進(jìn)程傳入坐標(biāo)
let data = {
appX:x,
appY:y
}
ipcRenderer.send('custom-adsorption',data)
}
};
document.onmouseup = (ev) => {
this.isKeyDown = false
};
},
主進(jìn)程
//adsorbent
ipcMain.on('adsorbent', (e, data) => {
if(adsorptiveState && win.getPosition()[0] == 1910){
win.setPosition(1300,win.getPosition()[1]);
adsorptiveState = false
}
})
//adsorptionEcho
ipcMain.on('adsorptionEcho', (e, data) => {
if(!adsorptiveState && windowStatus && win.getPosition()[0] == 1300){
win.setPosition(1910,win.getPosition()[1]);
adsorptiveState = true
}
})
//吸附
ipcMain.on('custom-adsorption',(event,res) => {
let x = res.appX;
let y = res.appY;
console.log(x,y)
if(x > 1500 && !adsorptiveState){
win.setPosition(1910,y);
adsorptiveState = true
windowStatus = true
} else{
if(!adsorptiveState){
win.setPosition(res.appX,res.appY)
}
}
})
效果
預(yù)覽效果.gif
