跳转至正文

亮度 Capacitor 插件

通过代码控制设备屏幕亮度,支持应用级及系统级控制

安装

bun add @capgo/capacitor-brightness bunx cap sync
npm、pnpm 或 yarn
  • npm install @capgo/capacitor-brightness
  • pnpm add @capgo/capacitor-brightness
  • yarn add @capgo/capacitor-brightness

指南

如何在 Capacitor 中使用 Brightness

在设备上测试

下载 Capgo App,然后扫描二维码 code。

Brightness 插件预览 QR code

使用 @capgo/capacitor-brightness

在 iOS 和 Android 上控制屏幕亮度。

安装

bun add @capgo/capacitor-brightness
bunx cap sync

bunx cap sync 将插件的原生 code 复制到你的原生项目中。每次升级插件后都要重新运行。

导入

import { CapgoBrightness } from '@capgo/capacitor-brightness';

API 概览

方法 描述
getBrightness 获取设备主屏幕当前的亮度值。
setBrightness 设置设备主屏幕的亮度值。
getSystemBrightness 获取系统级屏幕亮度。
setSystemBrightness 设置系统级屏幕亮度。Android 端需要 WRITE_SETTINGS 权限。此操作会将亮度模式切换为 MANUAL。
getSystemBrightnessMode 获取当前的系统亮度模式(自动或手动)。Android 端需要 WRITE_SETTINGS 权限。
setSystemBrightnessMode 设置系统亮度模式(自动或手动)。Android 端需要 WRITE_SETTINGS 权限。
isUsingSystemBrightness 检查当前 Activity 是否正在使用系统级亮度值。
restoreSystemBrightness 将当前 Activity 的亮度设置重置为使用系统级亮度值。
isAvailable 检查当前设备是否支持 Brightness API。
checkPermissions 检查用户是否拥有访问系统亮度的权限。
requestPermissions 请求访问系统亮度的权限。在 Android 上,这将打开系统设置以授予 WRITE_SETTINGS 权限。

示例

getBrightness()

获取设备主屏幕当前的亮度值。

import { CapgoBrightness } from '@capgo/capacitor-brightness';

const result = await CapgoBrightness.getBrightness();
console.log(result);

setBrightness()

设置设备主屏幕的亮度值。

import { CapgoBrightness } from '@capgo/capacitor-brightness';

await CapgoBrightness.setBrightness({ brightness: 0.5 });

getSystemBrightness()

获取系统级屏幕亮度。

import { CapgoBrightness } from '@capgo/capacitor-brightness';

const result = await CapgoBrightness.getSystemBrightness();
console.log(result);

setSystemBrightness()

设置系统级屏幕亮度。Android 端需要 WRITE_SETTINGS 权限。此操作会将亮度模式切换为 MANUAL。

import { CapgoBrightness } from '@capgo/capacitor-brightness';

await CapgoBrightness.setSystemBrightness({ brightness: 0.5 });

getSystemBrightnessMode()

获取当前的系统亮度模式(自动或手动)。Android 端需要 WRITE_SETTINGS 权限。

import { CapgoBrightness } from '@capgo/capacitor-brightness';

const result = await CapgoBrightness.getSystemBrightnessMode();
console.log(result);

setSystemBrightnessMode()

设置系统亮度模式(自动或手动)。Android 端需要 WRITE_SETTINGS 权限。

import { CapgoBrightness, BrightnessMode } from '@capgo/capacitor-brightness';

await CapgoBrightness.setSystemBrightnessMode({ mode: BrightnessMode.AUTOMATIC });

上表列出了 11 个核心方法。有关 Listener、版本辅助函数以及每个方法的完整契约,请参阅 GitHub 仓库.

完整参考文档

继续阅读“使用 @capgo/capacitor-brightness”

如果你正在使用 使用 @capgo/capacitor-brightness 来规划原生媒体和界面行为,并将其与 @capgo/capacitor-brightness 查看 @capgo/capacitor-brightness 中的实现细节, 快速入门 有关“入门指南”中的实现细节, 使用 @capgo/capacitor-live-activities 用于使用 @capgo/capacitor-live-activities 时的原生能力, @capgo/capacitor-live-activities 关于 @capgo/capacitor-live-activities 中的实现细节,以及 使用 @capgo/capacitor-video-player 有关“使用 @capgo/capacitor-video-player.”中的原生能力

常见问题

Brightness 插件常见问题

如何在 Capacitor 应用中安装 Brightness 插件?

运行 "bun add @capgo/capacitor-brightness"(或 "npm install @capgo/capacitor-brightness"),然后运行 "bunx cap sync",使 iOS 和 Android 项目同步 native code。最后在你的应用 code 中从 "@capgo/capacitor-brightness" 导入即可。

@capgo/capacitor-brightness 是否支持 React、Vue 和 Angular?

支持。Brightness 是一个 Capacitor 包,因此它可以与任何在 Capacitor 中运行的 Web 框架配合使用,包括 Ionic、React、Vue、Angular、Svelte 以及原生 JavaScript。

@capgo/capacitor-brightness 支持哪个版本的 Capacitor?

Capgo 插件遵循 Capacitor 的主版本号:请使用与 Capacitor 主版本号一致的插件主版本(例如插件 v8 对应 Capacitor 8)。GitHub README 中的兼容性表列出了仍在维护的版本。

@capgo/capacitor-brightness 是免费开源的吗?

是的。code 的源码已在 GitHub 公开,地址为 https://github.com/Cap-go/capacitor-brightness/,你可以直接从 npm 免费安装。欢迎提交 Bug 报告和 Pull Request。

我可以在不经过 App Store 审核的情况下,更新使用了 Brightness 的 code 吗?

安装或升级插件会改动原生 code,因此需要重新做一次商店构建。之后,调用该插件的 JavaScript、HTML 和 CSS 改动就能通过 Capgo live updates 立即发布。

无需等待 App 审核,即可即时发布亮度控制更新

只要插件已包含在你的商店版本中,Capgo live updates 就能在几分钟内把 JavaScript、HTML 和 CSS 的改动推送给用户。

开始使用 Capgo