开发 | 微信小程序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
[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]
[align=center]附上:小程序API屏幕亮度源码包[/align]
如何使用小程序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]
相关文章推荐
- 微信小程序例子——调节手机屏幕亮度
- wx.getImageInfo详解-图片-媒体API-微信小程序API-微信小程序开发教程
- 开发 | 微信小程序audio音频播放组件+api_wx.createAudioContext
- 008 - 微信小程序开发之扫码 扫一扫 wx.scanCode()
- [转]微信小程序联盟 跳坑《一百八十一》设置API:wx.openSetting使用说明
- 微信小程序把玩(三十)wx.request(object) API
- 微信小程序开发实践点滴——Bmob常用API的使用
- 微信小程序开发 | 把玩系列:各种组件和API实用详解
- 关于微信小程序开发wx:key字段标签的理解
- 微信小程序开发之图片等比例缩放 获取屏幕尺寸图片尺寸 自适应
- 微信小程序开发之扫码 扫一扫 wx.scanCode()
- 微信小程序开发实践点滴——Bmob常用API的使用
- 微信小程序----界面交互反馈API(wx.showToast(OBJECT)、wx.showModal(OBJECT))(MUI消息框)
- 微信小程序开发—快速掌握组件及API的方法
- 微信小程序开发之图片等比例缩放 获取屏幕尺寸图片尺寸 自适应
- 微信小程序开发之图片等比例缩放 获取屏幕尺寸图片尺寸 自适应
- 小程序开发教程:wx.setTopBarText(OBJECT)
- 微信小程序把玩(三十)wx.request(object) API
- $微信小程序开发实践点滴——Bmob常用API的使用