当前位置: 首页 > news >正文

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 部署应用后&#xff…...

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语言

字符分类函数 头文件&#xff1a; ctype.h 函数功能iscntrl判断字符是否为控制字符isspace判断字符是否为空白字符&#xff08;空格&#xff0c;换页、换行、回车、制表符或垂直制表符&#xff09;isdigit判断字符是否为十进制数字isxdigit判断字符是否为十六进制数字(0-9)(a…...

c语言跨文件传输数据

在 C 语言中&#xff0c;可以通过以下几种方式获取其他 C 文件中定义的变量&#xff1a; 一、使用 extern 关键字 在需要获取变量的文件中&#xff0c;使用extern关键字声明该变量。 例如&#xff0c;如果在other.c文件中有一个全局变量int globalVar;&#xff0c;在当前文件中…...

企业文件防泄密怎么做?10款透明加密软件排行榜

在信息时代&#xff0c;企业的核心竞争力往往体现在其拥有的知识和信息上&#xff0c;而企业文件的安全性直接关系到这些信息的保护。文件防泄密已成为企业管理中的重要议题&#xff0c;透明加密技术因其无缝集成和高效保护的特性&#xff0c;成为企业防泄密的首选方案。2024年…...

AI编程工具的力量:以AWS Toolkit与百度Comate为例,加速程序员开发效率

在当今的数字化转型浪潮中&#xff0c;人工智能&#xff08;AI&#xff09;技术不仅重塑了众多行业&#xff0c;也为软件开发领域带来了革命性的变化。AI编程工具&#xff0c;凭借其智能化的特性&#xff0c;正在成为程序员提高开发效率、优化代码质量和加速产品迭代的重要助力…...

smallpdf: 免费高效的PDF水印添加工具

引言 在数字文档管理和分享的过程中&#xff0c;保护版权和确保文档的原创性变得尤为重要。PDF文件作为一种广泛使用的格式&#xff0c;经常需要添加水印来表明所有权或提醒查看者注意文档的敏感性。本文将介绍一款名为smallpdf的免费工具&#xff0c;它能够轻松地为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是一个开源的平台&#xff0c;用于开发、交付和运行应用程序。它能够在Windows&#xff0c;macOS&#xff0c;Linux计算机上运行&#xff0c;并将某一应用程序及其依赖项打包至一个容器中&#xff0c;这些容器可以在任何支持Docker的环…...

杰发科技AC7840——CAN通信简介(8)_通过波特率和时钟计算SEG_1/SEG_2/SJW/PRESC

通过公式计算 * 波特率和采样点计算公式&#xff1a;* 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&#xff1a; <dependency><groupId>com.alibaba</groupId><artifactId>easyexcel-core</artifactId><version>3.1.1</version><scope>compile</scope></dependency> 编写自定义拦截器&#xff1a; impo…...

微软AI人工智能认证有哪些?

微软提供的人工智能认证主要包括以下几个方面&#xff1a; Azure AI Fundamentals&#xff08;AI900认证&#xff09;&#xff1a;这是一个基础认证&#xff0c;旨在展示与Microsoft Azure软件和服务开发相关的基本AI概念&#xff0c;以创建AI解决方案。它面向具有技术和非技术…...

基于缓存提高Java模板文件处理性能:减少磁盘I/O的实践与探索

1、优化背景及动机 背景 线上有一个需求&#xff1a;读取模板文件&#xff0c;并根据不同的业务将数据写入模板文件&#xff0c;生成一个新的文件。模板文件本身是不会变的&#xff0c;所以每次生成文件都要去读取一遍模板文件&#xff0c;会有很多的磁盘IO操作&#xff0c;并…...

告别网盘下载焦虑:九大平台直链解析工具全解析

告别网盘下载焦虑&#xff1a;九大平台直链解析工具全解析 【免费下载链接】Online-disk-direct-link-download-assistant 一个基于 JavaScript 的网盘文件下载地址获取工具。基于【网盘直链下载助手】修改 &#xff0c;支持 百度网盘 / 阿里云盘 / 中国移动云盘 / 天翼云盘 / …...

Midjourney啤酒瓶身3D贴图生成术:1个命令实现曲面延展+光影自适应(含GitHub开源LUT校色包)

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;Midjourney Beer印相 Midjourney Beer印相并非官方功能&#xff0c;而是社区开发者基于 Midjourney API 与啤酒文化融合的创意实验项目——通过文本提示&#xff08;prompt&#xff09;生成具有精酿啤酒…...

Cesium 体积光阴影率分析和阴影体渲染效果

Cesium 体积光阴影率分析和阴影体渲染效果 在传统的 GIS 日照分析中&#xff0c;当分析对象扩展到高层建筑时&#xff0c;阴影在空中随着时间推移形成的“三维空间漏斗”才是数据的全貌。 为了在前端实现这种影视级的三维体积阴影分析&#xff08;Volumetric Shadow Analysis…...

性能测试工程师的春天来了?深度解析2026年就业趋势

一、冰火两重天&#xff1a;测试就业市场的结构性裂变 2026年的技术招聘市场&#xff0c;回暖与寒意并存。脉脉高聘人才智库报告显示&#xff0c;春招新经济行业新发岗位量同比增长22.6%&#xff0c;AI领域岗位量更是暴涨8.7倍。然而&#xff0c;这轮红利并非雨露均沾。传统功…...

基于Roslyn为AI智能体生成C#代码地图:原理、实现与优化

1. 项目概述&#xff1a;为AI智能体绘制C#代码地图在AI智能体&#xff08;Agent&#xff09;技术日益成熟的今天&#xff0c;如何让这些“数字大脑”高效、准确地理解和操作复杂的代码库&#xff0c;成为了一个极具挑战性的工程问题。想象一下&#xff0c;你有一个精通C#的AI助…...

对比直接使用原厂API体验Taotoken在多模型切换上的便利

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 对比直接使用原厂API体验Taotoken在多模型切换上的便利 对于需要同时调用多个厂商模型的开发者而言&#xff0c;管理多个API密钥、…...

2篇最新Anthropic论文,揭开LLM对齐新范式

Anthropic在5月连发两篇研究&#xff0c;揭开了LLM对齐训练的新范式。核心结论极其反直觉&#xff1a;单纯让模型模仿正确行为&#xff08;SFT/RLHF&#xff09;不足以保证安全&#xff1b;必须在预训练与对齐微调之间插入一个教原理的阶段&#xff0c;让模型先理解价值观的 wh…...

全栈开发实战:基于Turborepo、Next.js与Expo的现代化启动套件深度解析

1. 项目概述&#xff1a;一个面向全栈开发者的现代化启动套件 如果你正在寻找一个能同时启动Web和移动应用开发&#xff0c;并且内置了AI能力、认证和数据库的“全家桶”式解决方案&#xff0c;那么你很可能已经听说过或正在寻找类似shipkit这样的项目。作为一个在Web和移动端开…...

Rust所有权与生命周期深度解析

Rust 所有权与生命周期深度解析:从编译器视角理解内存安全 🦀 Rust 的所有权系统是其最核心的创新——它在编译期消除了一整类内存安全 bug,零运行时开销。本文从编译器内部视角出发,带你彻底搞懂所有权、借用、生命周期的工作原理。 📌 前言 如果你是从 C/C++ 转来的开…...

基于AI人工智能图像识别的速度限速牌识别 YOLOv8限速牌识别

YOLOv8限速牌识别技术详解 一、技术背景与需求分析 随着智能驾驶辅助系统(ADAS)的普及和智慧交通建设的加速&#xff0c;交通标志识别(TSR)技术已成为现代车辆的核心能力之一。在各类交通标志中&#xff0c;限速标志的准确识别直接关系到行车安全和法规遵守。传统基于模板匹配的…...