小程序提升界面使用体验　丰富了内容展示组件

Posted 2020-09-27

　　昨晚，微信小程序开放了更多页面内能力，主要是提升界面使用体验、丰富内容展示组件、完善系统硬件能力，这些能力的提升可以帮助开发者更好地优化使用体验，让用户爱上你的小程序。以下是相关能力的展示

01—提升界面使用体验

小程序可以灵活调整顶部标题栏的颜色，同自己的页面保持色彩统一。
小程序可以获取页面布局，了解用户屏幕滑动情况，并使用页面滚动接口。例如看到一半的文章，开发者可以定位并记住浏览的位置。在用户下次打开小程序时，立即滚动到未读处，方便用户继续阅读。
地图、视频和画布上，现在可以展示简单的图片及文字，帮助用户更好地使用这些功能。

02—丰富内容展示组件

小程序中可以很方便地展示富文本，如一段排版精美的文章。
在微信群聊中使用的小程序，可以将本群群名称展示在自己的页面上。

03—完善系统硬件能力

在需要时，小程序可以让用户手机屏幕保持亮起，不操作手机也不用担心锁屏。
截屏事件通知。当用户在小程序中截屏保存了敏感信息时，开发者可以提醒用户注意隐私安全。

更多新能力及详情，请看下面的更新日志。

更新概述：
新增 7 个全新 API 包括获取页面布局，页面滚动，监听截图事件等
新增 <cover-view /> 可以覆盖在原生组件之上
新增 <open-data /> 可以展示微信开放数据
新增 <rich-text /> 可以展示富文本
优化小程序启动逻辑

基础库更新 (1.4.0)：
A 新增 API createSelectorQuery 获取元素布局信息
A 新增 API getFileInfo 获取文件信息
A 新增 API onUserCaptureScreen 监听用户进行截屏事件
A 新增 API pageScrollTo 使页面滚动到指定位置
A 新增 API setNavigationBarColor 支持小程序修改标题栏颜色
A 新增 API setEnableDebug 控制线上版本 vConsole 的打开关闭
A 新增 API setKeepScreenOn 允许小程序设置屏幕保持常亮
U 更新 API closeSocket 新增 code, reason 参数
U 更新 API connectSocket 接口增加 支持 protocols 参数定义子协议
U 更新 API getUserInfo 增加 lang 参数指定返回用户信息语言
U 更新 API openDocument 增加 fileType 参数用于指定文件类型
U 更新 API request 超过并发限制做队列处理
U 更新 API request 返回 requestTask 支持 abort 操作
U 更新 API uploadFile downloadFile 返回 uploadTask/downloadTask 支持监听进度更新及 abort 操作
F 修复 API canvasToTempFilePath 在 ios 下保存图片不清晰的问题
F 修复 API chooseLocation 直接选第一个默认地址，成功后返回信息为空的问题
F 修复 API chooseVideo 当录制视频超过 10s 时，播放结束会导致进度条错误的问题
F 修复 API getSystemInfo 在 App 的 onLaunch 和 onShow 中返回不正确的 windowHeight 的问题
F 修复 API onBluetoothDeviceFound 返回数据格式不正确的问题
F 修复 API reLaunch 在客户端上跳转不成功的问题
F 修复 API request 在 android Http 状态码是 302 时异常的问题
F 修复 API showToast 在 iOS 上页面滚动时出现会随着页面滚动的问题
A 新增 canvas 上下文 setTextBaseline 接口 设置绘制文本时的文本基线
F 修复 canvas 上下文 setTextAlign iOS 中文字过长时 center 对齐方式失效的问题
F 修复 canvas 上下文 disable-scroll 在客户端上设置失败的问题
F 修复 canvas 上下文 drawImage 在工具中同时多次绘制相同图片时只生效一个的问题
A 新增 map 上下文 translateMarker 增加 rotate 参数
A 新增 map 上下文 getScale getRegion 接口 支持返回当前缩放级别和视野范围
F 修复 map 上下文 translateMarker 接口自动旋转计算出错的问题
F 修复 map 上下文 includeMapPoint 接口的 padding 参数单位错误的问题
A 新增 video 上下文 requestFullScreen exitFullScreen 接口 支持全屏
A 新增 video 上下文 playbackRate 接口 支持倍速播放
F 修复 video 上下文 seek 接口 在播放前设置无效的问题
A 新增 组件 <cover-view /> 原生组件上显示基础原生视图
A 新增 组件 <open-data> 实现展示微信开放数据
A 新增 组件 <rich-text /> 支持富文本
U 更新 组件 <map /> 改变 scale 时增加动画过渡效果
U 更新 组件 <picker /> 新增多列模式和省市区类型
U 更新 组件 <swiper /> 在 change 事件的返回值中增加 source 字段表示引起变化的原因
U 更新 组件 <text /> 增加 space 属性支持多空格显示
U 更新 组件 <text /> 增加 decode 属性支持将 &nbsp; 转成对应字符
U 更新 组件 <textarea /> 增加支持 line-height 的wxss设置
U 更新 组件 <video /> 增加 loop 属性支持循环播放
U 更新 组件 <video /> 增加 muted 属性支持静音播放
U 更新 组件 <video /> 增加 bindfullscreenchange 事件监听视频全屏变化
U 更新 组件 <video /> 支持手势操作控制音量和亮度
U 更新 组件 <video /> 支持视频拖动增加 icon 提示
U 更新 组件 <video /> 在 Android 下切换成原生播放器
F 修复 组件 <canvas /> 在 Devtools 中 disable-scroll 和文档描述不符的问题
F 修复 组件 <input /> 在 Android 中收起键盘同时 update 会更新失败的问题
F 修复 组件 <input /> 在 bindfocus 时更新 value 失效的问题
F 修复 组件 <map /> longitude latitude scale 属性更新后地图没有变化的问题
F 修复 组件 <map /> 事件没有带上 target 等信息的问题
F 修复 组件 <scroll-view /> 同时更新列表与 scroll-top 参数时，scroll-top 不立即生效的问题
F 修复 组件 <swpier /> 在 Android 和 Devtools 中的渲染延迟问题
F 修复 组件 <swiper /> 圆点区域滑动无效问题
F 修复 组件 <switch /> 因 label 点击而改变时没有触发 change 事件的问题
F 修复 组件 <textarea /> 设置了 auto-height 后底部出现多余空白的问题
F 修复 组件 <textarea /> disabled 变为 false 后更新不生效的问题
F 修复 组件 <video /> 视频续播退出后，位置不对的问题
F 修复 组件 <video /> 弹幕重叠问题
A 新增 性能分析 开发者工具增加 Trace 功能
A 新增 性能建议文档
A 增加 页面事件 onPageScroll 监听页面滚动事件
U 更新 框架 小程序运行机制
F 修复 框架 app.json 中 backgroundColor 在 Android 设置错误问题
F 修复 框架 背景音频播放在打开多个小程序时会被 kill 的问题
A 新增 vConsole 加入 WXML 面板

工具更新 (0.19.191100)：
A 新增 基础库 1.4.0 调试支持
A 新增 性能 Trace 工具
A 新增 Win 菜单栏 hover 时改变背景色
F 修复 全局搜索结果页切换标签回来滚动位置不应回到顶部的问题
F 修复 文件大小写不一致问题导致部分文件系统大小写敏感用户开启工具白屏的问题
F 修复 WXML 和 WXSS 代码格式化时缩进没有依据配置
F 修复 微信授权窗口没有设置缺省头像的问题
F 修复 使用 button 触发分享时候工具会有两次 onShareAppMessage 事件的问题