electron仿微信,新建贴合窗口
说明
在写electron项目时,只有一个主窗口不足以满足需求,我们通常还会打开很多个窗口。
怎么打开一个子窗口像微信的聊天界面一样,全贴合在一起,看起来像一个整体呢:

分析
这个窗口有点像element ui中的抽屉(drawer),但是我们知道electron主体就是一个容器盒子,而抽屉只能在容器盒子内部显示,很明显贴合窗口并不能用抽屉来实现。
那么久只能新建一个窗口了,需要考虑以下几点:
- 新开贴合窗口的左侧,需要与主窗口的右侧贴合,即x坐标一致;
- 新开贴合窗口的顶部要与主窗口的顶部对齐,即顶部y坐标一致;
- 新开贴合窗口的高度,要与主窗口高度一致(因为主窗口可能会被拉伸)
获取主窗口的高度
此处的height是主窗口高度,在触发ipcMain.on事件时,把高度赋值给贴合窗口的高度
const [ width, height ] = mainWindow.getSize();
计算坐标
假设主窗口名为mainWindow,那么获取x,y坐标,赋值给新建的贴合窗口
x: mainWindow.getPosition()[0] + mainWindow.getSize()[0], // 位置在主窗口右侧
y: mainWindow.getPosition()[1],
关键代码
新建贴合窗口:
new BrowserWindow({width: 250, // 可自定义固定值height: height, // 上面动态获取的height值x: mainWindow.getPosition()[0] + mainWindow.getSize()[0],y: mainWindow.getPosition()[1],autoHideMenuBar: true,resizable: false,titleBarStyle: 'hidden',frame: true,transparent: true,hasShadow: false,backgroundColor: '#F7F7F7',webPreferences: {preload: join(__dirname, '../preload/index.js'),sandbox: false,contextIsolation: false}
})
效果图

相关文章:
electron仿微信,新建贴合窗口
说明 在写electron项目时,只有一个主窗口不足以满足需求,我们通常还会打开很多个窗口。 怎么打开一个子窗口像微信的聊天界面一样,全贴合在一起,看起来像一个整体呢: 分析 这个窗口有点像element ui中的抽屉(drawe…...
uniapp微信小程序 分享功能
uniapp https://zh.uniapp.dcloud.io/api/plugins/share.html#onshareappmessage export default {onShareAppMessage(res) {if (res.from button) {// 来自页面内分享按钮console.log(res.target)}return {title: 自定义分享标题,path: /pages/test/test?id123}} }需要再真机…...
Java实现数据库数据到Excel的高效导出
在数据处理和分析工作中,经常需要将数据库中的数据导出到Excel文件中。本文将提供一个Java实现的示例,展示如何边从数据库读取数据,边将其写入Excel文件,同时注重内存效率。 环境配置: Java 1.8 或更高版本MySQL 5.7…...
python之matplotlib (8 极坐标)-圆与心
极坐标 极坐标图像的绘制类似于三维图像的绘制,只需要将projection参数由3d改为polar即可。 import numpy as np import matplotlib.pyplot as plt figplt.figure() axfig.add_subplot(projectionpolar)theta np.linspace(0, 2 * np.pi, 100) r np.sin(the…...
Kubernetes Pod调度基础
在传统架构中,我们总在考虑或者面临一个问题,我们的应用需要部署在哪里,我们的应用下载在哪里运行着?有一个服务不可访问了,去哪里排査?诸如此类的问题总是会出现在工作中。 但是在使用 Kubernetes 部署应用后ÿ…...
80页WORD方案深入了解大数据治理+大数据资产管理+数据运营
文档是一份80页可编辑的企业大数据智能管理与治理平台建设项目技术方案标书文档,涵盖了从项目需求分析、技术方案、建设方案、服务方案到类似案例介绍等多个方面的内容。 1. 项目需求分析 项目建设目标:旨在实现数据的可视化,确保决策者、行…...
OCC安装、VS2019编译运行(新手教程)
OCC安装、VS2019编译运行(新手教程) 简介1、OpenCasCade的下载和安装官网下载安装2、OpenCasCade的运行和编译(VS2019)修改配置文件环境变量配置3、验证代码项目配置运行cpp文件简介 作为一个刚接触OCC的程序员,可能会不知所措,无从下手,甚至在OCC的安装使用都困难重重…...
Mojo 实现排序功能
sort排序 实现排序功能。 您可以从包中导入这些 API。例如:algorithm from algorithm.sort import sortpartition partition[type: AnyRegType, cmp_fn: fn[AnyRegType]($0, $0, /) capturing -> Bool](buff: Pointer[*"type", 0], k: Int, size: …...
信息学奥赛一本通编程启蒙题解(3031~3035)
前言 Hello大家好我是文宇 正文 3031 #include<bits/stdc.h> using namespace std; double n,m,x; int main(){cin>>n>>m;xn-m*0.8;cout<<fixed<<setprecision(2)<<x;return 0; } 3032 #include<bits/stdc.h> using namespace…...
字符函数内存函数———C语言
字符分类函数 头文件: ctype.h 函数功能iscntrl判断字符是否为控制字符isspace判断字符是否为空白字符(空格,换页、换行、回车、制表符或垂直制表符)isdigit判断字符是否为十进制数字isxdigit判断字符是否为十六进制数字(0-9)(a…...
c语言跨文件传输数据
在 C 语言中,可以通过以下几种方式获取其他 C 文件中定义的变量: 一、使用 extern 关键字 在需要获取变量的文件中,使用extern关键字声明该变量。 例如,如果在other.c文件中有一个全局变量int globalVar;,在当前文件中…...
企业文件防泄密怎么做?10款透明加密软件排行榜
在信息时代,企业的核心竞争力往往体现在其拥有的知识和信息上,而企业文件的安全性直接关系到这些信息的保护。文件防泄密已成为企业管理中的重要议题,透明加密技术因其无缝集成和高效保护的特性,成为企业防泄密的首选方案。2024年…...
AI编程工具的力量:以AWS Toolkit与百度Comate为例,加速程序员开发效率
在当今的数字化转型浪潮中,人工智能(AI)技术不仅重塑了众多行业,也为软件开发领域带来了革命性的变化。AI编程工具,凭借其智能化的特性,正在成为程序员提高开发效率、优化代码质量和加速产品迭代的重要助力…...
smallpdf: 免费高效的PDF水印添加工具
引言 在数字文档管理和分享的过程中,保护版权和确保文档的原创性变得尤为重要。PDF文件作为一种广泛使用的格式,经常需要添加水印来表明所有权或提醒查看者注意文档的敏感性。本文将介绍一款名为smallpdf的免费工具,它能够轻松地为PDF文件添…...
java整合modbusRTU与modbusTCP
理解 Modbus TCP 报文格式,Modbus TCP 报文格式如下: | Transaction ID (2 bytes) | Protocol ID (2 bytes) | Length (2 bytes) | Unit ID (1 byte) | Function Code (1 byte) | Data (N bytes) |Transaction ID:标识事务的唯一标识符,确保正确的 Transaction ID:每个请求…...
四、Docker使用
1. 快速入门 1.1. Docker背景介绍 Docker是一个开源的平台,用于开发、交付和运行应用程序。它能够在Windows,macOS,Linux计算机上运行,并将某一应用程序及其依赖项打包至一个容器中,这些容器可以在任何支持Docker的环…...
杰发科技AC7840——CAN通信简介(8)_通过波特率和时钟计算SEG_1/SEG_2/SJW/PRESC
通过公式计算 * 波特率和采样点计算公式:* tSeg1 (S_SEG_1 2); tSeg2 (S_SEG_2 1).* BandRate (SCR_CLK / (S_PRESC 1) / ((S_SEG_1 2) (S_SEG_2 1))), SCR_CLK 为CAN 模块源时钟* SamplePoint (tSeg1 / (tSeg1 tSeg2)). {0x0D, 0x04, 0x04, 0x3B},…...
开发日记-EaxyExcel修改模板sheet名称
引入pom: <dependency><groupId>com.alibaba</groupId><artifactId>easyexcel-core</artifactId><version>3.1.1</version><scope>compile</scope></dependency> 编写自定义拦截器: impo…...
微软AI人工智能认证有哪些?
微软提供的人工智能认证主要包括以下几个方面: Azure AI Fundamentals(AI900认证):这是一个基础认证,旨在展示与Microsoft Azure软件和服务开发相关的基本AI概念,以创建AI解决方案。它面向具有技术和非技术…...
基于缓存提高Java模板文件处理性能:减少磁盘I/O的实践与探索
1、优化背景及动机 背景 线上有一个需求:读取模板文件,并根据不同的业务将数据写入模板文件,生成一个新的文件。模板文件本身是不会变的,所以每次生成文件都要去读取一遍模板文件,会有很多的磁盘IO操作,并…...
AD7606模块的两种采样模式实战对比:Buffer模式 vs Sample模式,怎么选?
AD7606模块采样模式深度解析:Buffer模式与Sample模式的技术抉择 在工业测量、科研实验和自动化控制领域,高速多通道数据采集系统扮演着至关重要的角色。AD7606作为一款16位8通道同步采样ADC芯片,凭借其最高200kSPS的采样率和灵活的接口设计&a…...
基于GPT的学术论文智能阅读工具:ChatGPT-Paper-Reader实战指南
1. 项目概述与核心价值如果你和我一样,经常需要阅读大量的学术论文,尤其是那些动辄十几页、公式图表密布的PDF文件,那你一定体会过那种“望文生畏”的感觉。一篇论文的核心创新点、实验细节、数据对比,往往散落在各个章节…...
能做10年以上的产品经理,都选了这几个赛道
“5年换了3个行业,简历石沉大海;5年深耕一个领域,薪资翻3倍被疯抢。” 这是目前产品经理就业市场最真实的写照。 在产品经理刚刚兴起的“黄金十年”,市场缺的是会画原型、懂点交互的“万金油”。只要你会写PRD,似乎就能…...
Spring Framework(DI)
1.依赖注入思考:向一个类中传递数据的方式有几种?普通方法(set方法)构造方法思考:依赖注入描述了在容器中建立bean与bean之间依赖关系的过程,如果bean运行需要的是数字或字符串呢?引用类型简单类型(基本数据…...
RT-Thread PM组件深度调优指南:如何为你的IoT设备定制休眠策略与唤醒源
RT-Thread PM组件深度调优实战:从理论到落地的IoT设备低功耗设计 在电池供电的物联网终端开发中,我们常常面临一个核心矛盾:如何平衡设备响应速度与待机时长?我曾参与过一个环境监测项目,最初版本设备在实验室测试时续…...
观察ubuntu服务器通过taotoken调用api的延迟与稳定性表现
🚀 告别海外账号与网络限制!稳定直连全球优质大模型,限时半价接入中。 👉 点击领取海量免费额度 观察 Ubuntu 服务器通过 Taotoken 调用 API 的延迟与稳定性表现 在将大模型能力集成到生产环境时,API 调用的延迟与稳定…...
eBPF可观测性实战
eBPF 可观测性实战:Linux 内核级追踪与性能分析完全指南 🔬 eBPF 是 Linux 内核中最强大的可观测性技术——它能让你在不修改内核代码、不重启系统的情况下,安全地在内核中运行自定义程序。本文从零开始,带你掌握 eBPF 追踪与性能分析。 📌 前言 当你的服务出现以下问题…...
Relic项目:用纯文本文件为AI工具打造可移植的持久记忆系统
1. 项目概述:为你的AI伙伴打造一个持久、可移植的“灵魂芯片”如果你和我一样,深度依赖各种AI工具来辅助工作、学习和创作,那你一定遇到过这个令人头疼的问题:每次切换工具,都像是在和一个“失忆”的新朋友重新建立关系…...
社会工程学驱动的域名劫持攻击机理与防御体系研究 —— 以 CoW DAO 事件为例
摘要 2026 年 4 月 14 日,去中心化交易服务平台 CoW DAO 的官方域名 cow.fi 遭遇社会工程学攻击,攻击者通过入侵.fi 域名注册商流程、伪造身份材料并劫持 DNS 解析,将用户流量导向伪造钓鱼页面,诱导钱包签名导致资产损失约 120 万…...
ESP32无人机终极指南:从零开始打造你的开源飞控系统
ESP32无人机终极指南:从零开始打造你的开源飞控系统 【免费下载链接】esp-drone Mini Drone/Quadcopter Firmware for ESP32 and ESP32-S Series SoCs. 项目地址: https://gitcode.com/GitHub_Trending/es/esp-drone 你是否梦想过亲手打造一架能够稳定飞行、…...
