微信小程序 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
- //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
- <slider min="0" max="1" step="0.1"bindchange="changeScreenLight"/>
- <view > 屏幕亮度:{{ScreenBrightness}}</view>
步骤四
配置底部 app.json
- {
- "pages": [
- "pages/index/index"
- ],
- "window": {
- "navigationBarBackgroundColor": "#000000",
- "navigationBarTextStyle": "white",
- "navigationBarTitleText": "调节屏幕亮度",
- "backgroundColor": "#eeeeee",
- "backgroundTextStyle": "light",
- "enablePullDownRefresh": false
- }
- }
完成, 效果:
来源: http://www.bubuko.com/infodetail-2495439.html