用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
  • TA的每日心情
    无聊
    2017-8-15 16:38
  • 签到天数: 42 天

    [LV.5]常住居民I

    898

    主题

    2087

    帖子

    3万

    金钱

    管理员

    论坛管理员

    Rank: 9Rank: 9Rank: 9

    积分
    0

    突出贡献优秀版主荣誉管理论坛元老

    QQ
    2018-1-18 15:53:54 zhichi_admin 管理员 楼主 12506

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

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

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

    步骤二
    打开index文件夹,配置index.js
    3.png
    贴出代码
    [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
    4.png
    [AppleScript] 纯文本查看 复制代码
    <slider min="0" max="1" step="0.1"bindchange="changeScreenLight"/>
    <view>屏幕亮度:{{ScreenBrightness}}</view>


    步骤四
    配置底部app.json
    5.png
    [AppleScript] 纯文本查看 复制代码
    {
      "pages": [
        "pages/index/index"
      ],
      "window": {
        "navigationBarBackgroundColor": "#000000",
        "navigationBarTextStyle": "white",
        "navigationBarTitleText": "调节屏幕亮度",
        "backgroundColor": "#eeeeee",
        "backgroundTextStyle": "light",
        "enablePullDownRefresh": false
      }
    }


    完成,效果:
    6.png

    小程序API屏幕亮度源码包:
    调节屏幕亮度.zip (2.02 KB, 下载次数: 256)
    使用道具 举报 回复
    发新帖
    您需要登录后才可以回帖 登录 | 立即注册
    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略