electron实现透明点投的方法

1. electron createWindow 的时候 设置 transparent: true, clickThrough: 'pointer-events' 
2. body 上添加 pointer-events: none;, 不点透的元素加 pointer-events: all;
3. 在 render 线程设置 remote.getCurrentWindow().setIgnoreMouseEvents(true, { forward: true })
3.1. 监听 mouseMove 事件,当事件的 target 是 documentElement 时,则判断用户不在可点击区域,把页面设置成setIgnoreMouseEvent(true), 否则设置为 false

转载于:https://www.cnblogs.com/chenbeibei520/p/11120668.html

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 Electron实现国际化,可以使用 Electron 提供的 i18n API。以下是实现步骤: 1. 在项目中创建一个 `locales` 文件夹,用于存放不同语言的翻译文件。 2. 在 `locales` 文件夹中创建一个 `en.json` 文件,用于存放英文翻译。 3. 在 `en.json` 文件中定义键值对,表示需要翻译的文本,如: ```json { "hello": "Hello!", "world": "World!" } ``` 4. 在 Electron 主进程中使用 `app.getPath('userData')` 获取用户数据存储路径,并在此路径下创建一个 `locales` 文件夹,用于存放用户选择的语言文件。 5. 在 Electron 渲染进程中使用 `electron.remote.app` 获取主进程实例,并使用 `app.getLocale()` 获取用户系统语言。 6. 使用 `electron.remote.require` 引入 `electron-i18n` 模块,并在 `index.html` 中使用 `data-i18n` 属性标记需要翻译的文本,如: ```html <h1 data-i18n="hello"></h1> <p data-i18n="world"></p> ``` 7. 在渲染进程中使用 `electron.remote.require('electron-i18n')` 加载翻译文件,并使用 `i18n.translator.translate()` 方法进行翻译,如: ```javascript const i18n = electron.remote.require('electron-i18n'); i18n.translator.loadLocale('en', `${app.getPath('userData')}/locales`); i18n.translator.translateDocument(document); ``` 这里使用 `loadLocale` 方法加载英文翻译文件,并使用 `translateDocument` 方法翻译整个页面。 8. 如果需要支持多语言切换,可以在渲染进程中监听 `select` 元素的 `change` 事件,并使用 `i18n.translator.setLocale()` 方法切换语言,如: ```javascript const select = document.querySelector('select'); select.addEventListener('change', () => { const locale = select.value; i18n.translator.setLocale(locale); }); ``` 这里使用 `setLocale` 方法切换语言。 以上就是在 Electron实现国际化的基本步骤。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值