美文网首页微信小程序
微信小程序开发-设置/获取屏幕亮度、设置屏幕常亮、判断用户网络状

微信小程序开发-设置/获取屏幕亮度、设置屏幕常亮、判断用户网络状

作者: 虚幻的锈色 | 来源:发表于2018-09-18 14:58 被阅读18次

    微信小程序中经常用到设置屏幕亮度,比如生成二维码时候,查看某些信息时候,等等需求地方很多。

    虽然微信api写的非常清楚,。。不过我还是简单的写一篇把。
    因为基础库版本不同,所有最好先判断用户使用的微信基础库有没有这个方法。

    1.设置屏幕亮度:wx.setScreenBrightness()

    参数值:value 0-1,越大越亮

    if (wx.setScreenBrightness) {
          //设置屏幕亮度  参数值:0-1,越大越亮
          wx.setScreenBrightness({
            value: 0.6
          });
        } else {
          // 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示
          wx.showModal({
            title: '提示',
            content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
          })
        }
    
    2.获取屏幕亮度 wx.getScreenBrightness()
    if (wx.getScreenBrightness) {
          //获取屏幕亮度 值:0-1,越大越亮
          success: function (res) {
            // res.value
          },
          fail: function () {
            //请求失败 
          }
        } else {
          // 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示
          wx.showModal({
            title: '提示',
            content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
          })
        }
    

    以上两个方法可以配合使用,设置前记得先获取一下屏幕亮度,存起来,设置好亮度等不需要这么亮或用户退出程序时候,在给设置回去,这样用户体验好一些。
    注:记得别忘记用户退出程序或者是某个界面时,恢复一下了亮度。

    3.设置屏幕常亮 wx.setKeepScreenOn

    参数值: true / false

    if (wx.setScreenBrightness) {
          // 保持屏幕常亮 true / false
          wx.setKeepScreenOn({
            keepScreenOn: false
          });
        } else {
          // 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示
          wx.showModal({
            title: '提示',
            content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
          })
        }
    

    注:记得别忘记用户退出程序或者是某个界面时,重新设置一下不常亮。

    4.判断用户有没有网络 wx.getNetworkType()

    返回值:有效值:wifi/2g/3g/4g/unknown(Android下不常见的网络类型)/none(无网络)

    //判断网络情况
        wx.getNetworkType({
          success: function (res) {
            // 返回网络类型, 有效值:wifi/2g/3g/4g/unknown(Android下不常见的网络类型)/none(无网络)
            if (res.networkType == "none") {
              
            } else {
              
            }
          },
          fail: function () {
            //请求失败 那就不判断网络了
          }
        })
    

    5.获取用户经纬度

    image.png
    wx.getLocation({
          // type: 'wgs84',//wgs84 gcj02
          // altitude:true,
          success: function (res) {
            res.longitude = res.longitude.toFixed(6);
            res.latitude = res.latitude.toFixed(6);
            var startPoi = res.longitude + "," + res.latitude;
            var pointInfo={
              startPoi: startPoi
            }
            me.setData({
              pointInfo: pointInfo
            });
          },
          fail: function (e) {
            console.log(e);
          }
        });
      },
    

    相关文章

      网友评论

        本文标题:微信小程序开发-设置/获取屏幕亮度、设置屏幕常亮、判断用户网络状

        本文链接:https://www.haomeiwen.com/subject/rvxpnftx.html