您的位置:首页 > 移动开发 > 微信开发

开发 | 微信小程序API-wx.setScreenBrightness_屏幕亮度调节

2018-01-18 16:24 746 查看
微信小程序API - wx.setScreenBrightness微信小程序 wx.setScreenBrightness 属性说明:https://mp.weixin.qq.com/debug/wxadoc/dev/api/device.html#wxsetscreenbrightnessobject

 

如何使用小程序API屏幕亮度 -wx.setScreenBrightness ?

[align=center]步骤一[/align]打开微信开发者工具,添加小程序项目,选择小程序文件(文末贴出本次小程序测试文件包)!PS:没有小程序appid不妨申请一个!

 

[align=center]步骤二[/align][align=center]打开index文件夹,配置index.js[/align]

 
贴出代码
//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
})
}
})
}
})[align=center]步骤三[/align][align=center]打开index文件夹,配置index.wxml[/align]

 
<slider min="0" max="1" step="0.1"bindchange="changeScreenLight"/>
<view>屏幕亮度:{{ScreenBrightness}}</view>[align=center]步骤四[/align][align=center]配置底部app.json[/align]

 
{
"pages": [
"pages/index/index"
],
"window": {
"navigationBarBackgroundColor": "#000000",
"navigationBarTextStyle": "white",
"navigationBarTitleText": "调节屏幕亮度",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light",
"enablePullDownRefresh": false
}
}
[align=left]完成,效果:[/align]


[align=center]附上:小程序API屏幕亮度源码包[/align]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: