「小程序能力」如何设置小程序屏幕亮度调节

zhichi_admin

微信小程序API屏幕亮度 - wx.setScreenBrightness

微信小程序 wx.setScreenBrightness 属性说明：https://mp.weixin.qq.com/debug/wxadoc/dev/api/device.html#wxsetscreenbrightnessobject 如何使用小程序API屏幕亮度 -wx.setScreenBrightness ？

步骤一

打开微信开发者工具，添加小程序项目，选择小程序文件（文末贴出本次小程序测试文件包）！

PS：没有小程序appid不妨申请一个！去申请>>

步骤二

打开index文件夹，配置index.js

贴出代码

[AppleScript] 纯文本查看 复制代码

//index.js
//获取应用实例
var app = getApp()
Page({
  data:{
  },
  changeScreenLight:function(e){
    var that = this;
    //滑动拉杆获得值
    wx.setScreenBrightness({
      value: parseFloat(e.detail.value).toFixed(1)
    })
    //给屏幕亮度赋值
    wx.getScreenBrightness({
      success: function(res) {
        that.setData({
          ScreenBrightness: res.value
        })
      }
    })
  }
})

步骤三

打开index文件夹，配置index.wxml

[AppleScript] 纯文本查看 复制代码

屏幕亮度：{{ScreenBrightness}}

步骤四

配置底部app.json

[AppleScript] 纯文本查看 复制代码

{
  \"pages\": [
    \"pages/index/index\"
  ],
  \"window\": {
    \"navigationBarBackgroundColor\": \"#000000\",
    \"navigationBarTextStyle\": \"white\",
    \"navigationBarTitleText\": \"调节屏幕亮度\",
    \"backgroundColor\": \"#eeeeee\",
    \"backgroundTextStyle\": \"light\",
    \"enablePullDownRefresh\": false
  }
}

完成，效果：

小程序API屏幕亮度源码包：

调节屏幕亮度.zip (2.02 KB, 下载次数: 267)

2018-1-18 15:53 上传

点击文件名下载附件