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

简介:   昨晚,微信小程序开放了更多页面内能力,主要是提升界面使用体验、丰富内容展示组件、完善系统硬件能力,这些能力的提升可以帮助开发者更好地优化使用体验,让用户爱上你的小程序。以下是相关能力的展示 01—提升界面使用体验 小程序可以灵活调整顶部标题栏的颜色,同自己的页面保持色彩统一。

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


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 事件的问题

目录
相关文章
|
28天前
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
32 0
在线课堂+工具组件小程序uniapp移动端源码
|
2月前
|
小程序 数据可视化 JavaScript
微信小程序:轻松实现时间轴组件
本文介绍了如何在微信小程序中实现一个可视化时间轴组件。该组件适用于展示用户资金流动、投资结算等时间节点,帮助用户直观了解资金去向。时间轴支持自定义节点形状、显示序号、倒序排列等功能,并通过插槽灵活定义动态内容。文中详细介绍了组件的设计与使用方法,以及如何结合动态 slot 实现自定义操作。该组件为展示用户资金信息提供了美观、易用的解决方案。
69 1
微信小程序:轻松实现时间轴组件
|
2月前
|
小程序
微信小程序动态tabBar实现:基于自定义组件,灵活支持不同用户角色与超过5个tab自由组合(更新版)
微信小程序动态tabBar实现:基于自定义组件,灵活支持不同用户角色与超过5个tab自由组合(更新版)
600 1
|
2月前
|
小程序 搜索推荐 API
微信小程序:自定义关注公众号组件样式
尽管关注公众号组件的样式固定且不可修改,但产品经理的需求却需要个性化的定制。在这种情况下,我们需要寻找解决方案,以满足这些特殊需求,尽管这可能有点棘手。
77 0
微信小程序:自定义关注公众号组件样式
|
2月前
|
小程序 前端开发 JavaScript
微信小程序图表制作利器:ECharts组件的使用与技巧
微信小程序图表制作利器:ECharts组件的使用与技巧
74 1
|
2月前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
235 1
|
2月前
|
小程序 JavaScript
微信小程序之input组件及其获取用户输入信息
微信小程序之input组件及其获取用户输入信息
66 1
|
3月前
|
小程序 容器
微信小程序常用组件的简单使用 view,scroll-view,swiper,swiper-item,text,rich-text,button,image
本文介绍了微信小程序中常用组件的使用方法,包括view、scroll-view、swiper与swiper-item、text与rich-text、button以及image组件。详细解释了各组件的功能、属性以及如何在小程序页面中进行使用。
微信小程序常用组件的简单使用 view,scroll-view,swiper,swiper-item,text,rich-text,button,image
|
2月前
|
小程序 前端开发 JavaScript
小程序入门之认识view和text组件
小程序入门之认识view和text组件
89 0
|
4月前
|
人工智能 小程序 编译器
Ant Design Mini 问题之Antd Mini 使用小程序函数式组件(functional-mini)来确保组件逻辑适配到双端,如何实现
Ant Design Mini 问题之Antd Mini 使用小程序函数式组件(functional-mini)来确保组件逻辑适配到双端,如何实现