闪光灯发动机亮黄灯灯怎么回事?关也关不掉求大神指点

经验238 米
在线时间48 小时
版本V8.1.6.0.MAACNDI
积分 329, 距离下一级还需 171 积分
积分 329, 距离下一级还需 171 积分
机型小米手机5
MIUI版本V8.1.6.0.MAACNDI
通过手机发布
我记得以前小米2s不是这样的。现在换成小米5怎么双击微信顶部不是刷新了,而是把它放大了?甚至现在双击输入法、微信都能把相应软件窗口了。大家有碰到过的吗?
分享到微信朋友圈
打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。
经验17528 米
在线时间1082 小时
版本7.6.14
快来我空间看看吧,有好听的音乐哦
机型小米手机5
签到次数63
MIUI版本7.6.14
楼主您好,双击微信顶部是返回顶部操作,而不是刷新操作。另外可能楼主开启了放大手势功能,打开设置→其他高级设置→辅助功能→关闭放大手势
经验238 米
在线时间48 小时
版本V8.1.6.0.MAACNDI
积分 329, 距离下一级还需 171 积分
积分 329, 距离下一级还需 171 积分
机型小米手机5
MIUI版本V8.1.6.0.MAACNDI
通过手机发布
小海带小盆友 发表于
楼主您好,双击微信顶部是返回顶部操作,而不是刷新操作。另外可能楼主开启了放大手势功能,打开设置→其他 ...
谢谢,确实是这样的。
那“放大手势”功能是用来做什么的?
经验17528 米
在线时间1082 小时
版本7.6.14
快来我空间看看吧,有好听的音乐哦
机型小米手机5
签到次数63
MIUI版本7.6.14
谢谢,确实是这样的。
那“放大手势”功能是用来做什么的?
这是方便视力不佳的人群使用的
小米7周年勋章
2017米粉节晒单赢专属勋章
“澎湃S1 ”芯片纪念勋章
参与活动回帖可得
参与红米Note 4X活动
2017年小金鸡勋章
回复2016年度评选活动贴
圣诞节勋章
参与圣诞活动
APP 1000万
MIUI论坛APP注册用户突破1000万纪念勋章
小火箭勋章
神舟11号 话题活动
MIUI 300周
MIUI 300周更新纪念勋章
小米六周年
小米六周年米粉节
小米5发布会
参加小米5发布会直播页大转盘抽奖获得
已关注微信
已关注极客秀微信
关注腾讯微博
已关注腾讯微博
关注新浪微博
已关注新浪微博
发烧友俱乐部
发烧友俱乐部
MIUI六周年
MIUI六周年纪念勋章
Copyright (C) 2017 MIUI
京ICP备号 | 京公网安备34号 | 京ICP证110507号[教程]教你在微信小程序中实现手势缩放图片 - 简书
[教程]教你在微信小程序中实现手势缩放图片
在小程序中,image 组件的 mode 有 12 种,其中只有三种是缩放模式。而在这三种之中,只有 aspectFit 模式可以等比例缩放图片,并显示完整的图片。此模式是保证图片长边完整地显示出来,而手机屏幕宽度都较小,以 iphone 6 为例,仅有 375 px。因此在小程序中浏览横向的图片或尺寸较大的图片时,图片细节就难以查看清楚(如下图)。
因此能动态的通过手势缩放图片,就很有必要。大众比较熟悉的手势是类似 app 中的双指缩放,我们的目标也是在小程序中实现此效果。爱范儿工程师在仔细研究微信小程序的所有事件后发现,可以通过 touchmove 事件来实现双指缩放图片。此技术的核心思想是根据两只手指相对距离的变化来对图片进行放大或缩小。因此只要能知道两只手指相对距离的变化,并能做到对图片的动态缩放,就能实现我们想要的功能。在手指接触到屏幕并开始移动后,对应的组件上就会以约为 16ms(屏幕渲染频率) 一次的速度不断触发 touchmove 事件,最后手指离开屏幕后,则会触发 touchend 事件。touchmove 事件所包含的事件对象中有一个 touches属性,此属性为当前停留在屏幕中的触摸点信息的数组。触摸点的信息包括identifier(触摸点的标志符)、pageX / pageY(距离文档左上角的距离)、clientX / clientY(距离屏幕可显示区域左上角距离)。通过 clientX / clientY 可确定手指在屏幕上的位置。xMove = e.touches[1].clientX - e.touches[0].clientX;yMove = e.touches[1].clientY - e.touches[0].clientY;distance = Math.sqrt(xMove
xMove + yMove
distance 即为两只手指之间的距离。将此距离储存下来,下一次 touchmove 被触发的时候,再计算一次 distance。distanceDiff(newDistance - oldDistance) 即为两次 touchmove 触发的间隔间两个手指相对距离的变化值。此值为正数时,表示两指间距离在变大,即需要放大图片,反之则为需要缩小图片。下面则需要确定一个规则,将 distance 的变化值与图片放大或缩小的变化率关联起来。我们将图片正常显示时的尺寸定为基准值,即 baseWidth 和 baseHeight,图片需要放大的倍数为 scale,scale 的初始值和最小值为 1,最大值可根据需要来设置。爱范儿工程师经过多次试验,确定了一个公式:newScale = oldScale + 0.005 * distanceDiff
此公式中的 0.005 为图片的缩放比例。在实测中,使用 0.005 这个值可获得比较良好的缩放体验。通过上面的步骤,图片上绑定 touchmove 事件后,每次 touchmove 被触发后,我们都可以计算出新的图片需要被放大的倍数 scale。即每次 touchmove 被触发后,都可以得到一组图片被放大后的高宽值:scaleWidth(scale
baseWidth)、scaleHeight(scale
baseHeight)。通过下面的方式就可以实现动态的更改图片的高宽
&image class="image" style="width:{{ scaleWidth }} height:{{ scaleHeight }}px"&
实现了图片的缩放之后,还需要一个容器存放图片,用 view 组件包裹 image,并设置 overflow:scroll,即可以做到自由的缩放和浏览图片。但是微信小程序中有一个更合适的组件:scroll-view,设置 scroll-x 和 scroll-y 为 true,在放大图片后,滑动浏览图片时拥有比较良好的浏览体验。但是,目前版本(0.10.102800)中的 scroll-view 组件还存在一个渲染上的 bug,偶尔会出现界面闪动的现象。而在双指缩放存在于scroll-view 中的图片,极易触发此 bug。此问题,暂时只能等待微信进行修复,或者放弃 scroll-view,即放弃更好的滑动浏览效果,而使用 view 组件。
将与您共同成长。微信号: QQ群:

我要回帖

更多关于 空调亮黄灯怎么回事 的文章

 

随机推荐