Electron
小松鼠举栗子
学习和分享React/ReactNative, Vue, Flutter, Node.js, Typescript, Webpack, C++编解码等技术.
展开
-
Electron学习笔记(七) C++编译Electron
Electron学习笔记(六)一.硬件要求 1. 64bit intel 16GB RAM, 100GB disk NTFS 2. win10, vs2019(C++, ATL, MFC)二.配置环境 1. Windows 10 2. Visual Studio 2017 15.7.2 or higher 3. Python 2.7.10 or higher pip install pywin32 // 安装python插件...原创 2021-04-25 10:36:22 · 1041 阅读 · 0 评论 -
Electron学习笔记(六) 实现四格多片源播放器
### 为什么要无边框四格播放器以前做过监控产品的开发, 其中的视频客户端支持4格, 9格, 16格等多路视频, 刚好最近自学Electron, 于是想使用Electron编写一款简单的四格播放器.想象一下, 同时看四个不同电影会不会很有趣呢?### 功能上支持:1. 四格播放器, 田字排布, 均分宽高.2. 启动即载入上次播放的过的片子.3. 拖拽片子进到播放器, 拖入就高亮可拖拽区.4. 空白,暂停,播完时显示可拖拽区, 开播隐藏.5. 右上角最小化/最大化/关闭三按钮. 顶部...原创 2020-05-15 14:29:37 · 1886 阅读 · 2 评论 -
Electron学习笔记(五) 通过Addon(n-api)实现可扩展接口
Electron使用的API接口一方面electron给开发者提供了不少API,另一方面, 也可以使用node.js的API.但是,有时候开发者还是想用自己实现的API.下面,我将介绍如何在Electron通过Addon添加接口.Addon接口扩展addon是node.js扩展api的方式,同时electron也可以以同样的方式扩展.addon有三种编写方式,n-api,nan,addon-api.其中官方推荐使用n-api,因为N-API编译的lib兼容...原创 2020-06-24 10:42:55 · 5482 阅读 · 0 评论 -
Electron学习笔记(四) 拉伸, 拖动, 扩展, 菜单
一.监听窗口move和resize事件 mainWin.on('move', () => { mainWin.webContents.send("window_move"); }); mainWin.on('resize', () =>{ console.log("on resize"); }); ipcRenderer.on("window_move", (ev, arg)=>{ if (!getWinPos()) return fals.原创 2021-04-22 14:27:13 · 1585 阅读 · 0 评论 -
Electron学习笔记(三) 读写, 焦点, 窗口句柄, 预加载
Electron笔记(二)原创 2021-04-21 09:29:01 · 3776 阅读 · 0 评论 -
Electron学习笔记(二) 窗口, 通信, 剪切板, 系统托盘
Electron学习笔记(一)原创 2021-04-20 09:52:39 · 775 阅读 · 0 评论 -
Electron学习笔记(一) 配置, 创建, 设置, 监听
一.配置环境//国内设置淘宝npm的mirror,否则可能因为无法获取资源而失败npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/// windows上如果要安装x86这里就设置ia32, 否则默认x64npm i electron@9.1.2 --arch=ia32 --save-dev二.创建工程:// 安装脚手架npm install create-electron-app -g...原创 2021-04-15 17:35:09 · 2322 阅读 · 0 评论