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

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小特工作室

Navi.Soft31.任务管理器(定时同步+数据采集)

1系统简介 1.1功能简述 在众多的软件分类中,有几类的软件不是很重要,但也很重要。它们有的是每隔一段时间需要执行一些任务的软件,我们叫它定时类软件;还有一种软...

1988
来自专栏我爱编程

Day25Web开发

HTTP协议简介 在Web应用中,服务器把网页传给浏览器,实际上就是把网页的HTML代码发送给浏览器,让浏览器显示出来。而浏览器和服务器之间的传输协议是HTTP...

3346
来自专栏JetpropelledSnake

Vue学习笔记之表单绑定输入

单向绑定非常简单,就是把Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新。

451
来自专栏Golang语言社区

Golang语言--开发游戏服务器需要了解的知识

我们以linux环境为列给大家讲解: 1 熟悉网络编程 网络编程主要是涉及到服务器与客户端间的通信,游戏开发中多数采用长链接的形式;短...

35012
来自专栏IT大咖说

大漠穷秋:全面解读Angular 4.0核心特性

摘要 基于最新的Angular4.0版本,超级大咖大漠穷秋为我们讲解强大的集成开发平台Angular/cli,以及Angular最核心的3大概念:组件、模块、路...

3315
来自专栏DeveWork

Option Framework 框架的三个自定义技巧

陆陆续续将解密一些本站几个收费主题的核心功能,分享才会更好。虽然鄙人技术不称得上牛逼,好在足够专注也能学点。Option Framework 框架免费开源,采用...

1975
来自专栏vue学习

小程序 — 保存图片到手机相册②(用户授权等)

(1)如果用户第一次点击的时候,对弹出来的微信授权弹窗点击了拒绝,那么之后点击保存图片就没用了:

873
来自专栏Java面试笔试题

你用过的网站前端优化的技术有哪些?

651
来自专栏Android 开发者

Android 8.0 Oreo 之推送通知的变化 | 中文教学视频

1592
来自专栏开源项目

项目推荐 | 基于 Vue2.0 的 App 轻量框架

vue app,基于 Vue2.0 开发用于快速搭建 App 的轻量框架。 项目说明 JTaro 是一款基于 Vue2.0 开发的轻量级 SPA(单页应用)框架...

3265

扫码关注云+社区