微信小程式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
  }
}
 

完成，效果：