uni-app 进入页面屏幕高亮退出亮度还原

朱雀 2021-03-29 11:43 1088阅读 0赞

我们在用 uni-app 开发前端时，有进入某些页面需要屏幕高亮的需求。如进入支付码页面屏幕高亮，退出页面屏幕亮度还原。实现方式如下：

```
<script>
    export default {
        data() {
            return {
                brightness: null
            }
        },
        mounted() {
        // #ifndef H5
        uni.getScreenBrightness({ // 获取屏幕亮度
            success: res => {
                if (res.value !== 1) {
                    this.brightness = res.value // 屏幕亮度值，范围 0~1，0 最暗，1 最亮
                    uni.setScreenBrightness({ // 设置屏幕亮度
                        value: 1 // 屏幕亮度值，范围 0~1，0 最暗，1 最亮
                    })
                }
            }
        })
        // #endif
    },
    beforeDestroy() {
        // #ifndef H5
        if (this.brightness != null) {
            uni.setScreenBrightness({ // 设置屏幕亮度到进入时的亮度
                value: this.brightness
            })
        }
        // #endif
    }
}
</script>
```

具体请查看：[屏幕相关官方接口文档](https://uniapp.dcloud.io/api/system/brightness?id=setscreenbrightness)

注意：如果手机设置了自动亮度，无法还原成随系统亮度，只能还原到未设置自动亮度时的初始屏幕亮度。

发表评论取消回复

表情：

评论列表（有 0 条评论，1088人围观）

还没有评论，来说两句吧...

相关阅读

相关鼠标进入显示高亮效果的源码

以下是 HTML 和 CSS 代码，实现鼠标悬停在元素上时显示高亮效果： HTML： <div class="highlight">鼠标悬停在此处显示高亮效果</d

客官°小女子只卖身不卖艺/ 2024年03月25日 10:47/ 0 赞/ 116 阅读

相关 Ubuntu屏幕太亮，调节Brightness亮度条没有反应，解决办法之一

一、情况说明 1、电脑Dell，系统ubuntu18.04 2、装了几个Brightness Controller软件，调节亮度条屏幕亮度没有任何反应 ![waterma

Dear 丶/ 2023年10月11日 17:21/ 0 赞/ 74 阅读

相关 win10屏幕亮度调不了(Win10屏幕亮度)

Win10屏幕亮度怎么调? 一、在Win10桌面空白位置，点击鼠标右键，在弹出的右键菜单中，选择【个性化】，如下界面图所示。个性化设置。二、进入Win10个性化设置后

青旅半醒/ 2023年09月26日 14:27/ 0 赞/ 231 阅读

相关 uni-app设置屏幕亮度

<template> <view class="content"> <view @click="luminance">点击设置屏幕亮度</view

心已赠人/ 2023年06月13日 09:56/ 0 赞/ 3 阅读

相关从Ubuntu终端控制屏幕亮度

[https://ubuntuqa.com/article/9536.html][https_ubuntuqa.com_article_9536.html] [https_

小鱼儿/ 2022年12月30日 07:44/ 0 赞/ 194 阅读

相关 Vue 进入组件设置背景颜色退出组件还原背景颜色

进入组件更改背景颜色 beforeCreate—创建之前调用 beforeCreate() { document.querySelector

r囧r小猫/ 2022年12月13日 01:39/ 0 赞/ 256 阅读

相关 uni-app 获取屏幕亮度与设置屏幕亮度

问题描述：每次写到显示二维码的时候，可能会因为用户屏幕亮度过暗导致扫码困难，所以需要打开二维码的时候显示为最高亮度，关闭时恢复原来亮度。实现逻辑：使用uni官方提供的接口

逃离我推掉我的手/ 2022年10月05日 13:56/ 0 赞/ 674 阅读

相关 iOS调整系统屏幕亮度

> 版权声明：本文为博主原创文章，未经博主允许不得转载。 iOS调整系统屏幕亮度在iOS5.0以前，无法直接修改系统屏幕亮度，到了iOS5.0以后，苹果给开发者提供了

偏执的太偏执、/ 2022年08月21日 06:41/ 0 赞/ 332 阅读

相关 Android 屏幕常亮

第一种方法：使用WAKE\_LOCK // 添加权限 <uses-permission android:name="android.permission.WA

旧城等待，/ 2022年06月09日 02:20/ 0 赞/ 276 阅读

相关 uni-app 进入页面屏幕高亮退出亮度还原

我们在用 uni-app 开发前端时，有进入某些页面需要屏幕高亮的需求。如进入支付码页面屏幕高亮，退出页面屏幕亮度还原。实现方式如下： <script> exp...

朱雀/ 2021年03月29日 11:43/ 0 赞/ 1089 阅读