全栈工程师之路-中级篇之小程序开发-第三章第四节点击查看大图,保存壁纸
来源:互联网 发布:量化投资python教材 编辑:程序博客网 时间:2024/05/16 11:11
由于获取详情那些接口的豆瓣API,都有权限限制。
所以,电影详情页面和电影搜索页面我们就不做了。
接下来我们来看一些还蛮实用和有趣的小功能。
点击查看大图wx.previewImage
我们在moviecard模板中加入点击事件。
如图所示,详细的在前面的章节中已经讲解过了。
然后在index.js中加入点击查看大图的函数
保存预览,点击首页的电影的图片。
我们可以看到图片很模糊,那是因为我们最早在绑定界面的时候,我们使用的是缩略图。
所以修改一下util.js中,把高清图也传到界面上。
然后在moviecard模板中修改绑定的数据: <image class="cardimg" src="{{medium}}" catchtap="showImg" data-img-src="{{large}}"></image>
这时候我们看到的就是高清图片了。
保存图片到相册
这里我们已经查看了电影海报,对于有些海报自己非常喜欢,
可以保存下来到相册里,所以这个功能也是挺实用的。
这个功能其实有一个更简单的实现方式,那就是引导用户。
iphone用户可以引导他们使用长按保存功能,
android用户可以引导他们使用右上角按钮保存功能。
使用接口的话,是使用wx.saveImageToPhotosAlbum
我们查阅官方的文档,上面写明了不支持网络图片路径。
所以我们要先把图片下载到本地(wx.downloadFile),再保存到相册里面。
而且还要获取用户权限。(wx.authorize)。
由于文章篇幅问题,我们这里只提供思路,下一节课中我们详细讲解这个过程。
这节课不更新demo,下节课一起更新。
这节课的内容就到这里结束了。
感谢您的阅读。
我是莽夫,希望你开心。
如果你觉得本文对你有帮助,请扫描文末二维码,支持博主原创。
希望大家关注我的个人公众号ionic_
- 全栈工程师之路-中级篇之小程序开发-第三章第四节点击查看大图,保存壁纸
- 全栈工程师之路-中级篇之小程序开发-第三章第五节获取用户权限、下载文件、保存到相册、用户拒绝授权重新授权
- 全栈工程师之路-中级篇之小程序开发-第三章第三节正在加载,loading状态
- 全栈工程师之路-中级篇之小程序开发-第二章第四节小程序http请求与请求本地json文件
- 全栈工程师之路-中级篇之小程序开发-第一章第一节注册小程序
- 全栈工程师之路-中级篇之小程序开发-第三章第二节小程序下拉刷新,上拉加载
- 全栈工程师之路-中级篇之小程序开发-第二章第二节小程序电影卡片模板
- 全栈工程师之路-中级篇之小程序开发-第二章第三节小程序豆瓣评分主页
- 全栈工程师之路-中级篇之小程序开发-第二章第五节小程序中的Promise
- 全栈工程师之路-中级篇之小程序开发-第三章第一节页面跳转及参数传递,跳转到更多页面
- 全栈工程师之路-中级篇之小程序开发-前言
- 全栈工程师之路-中级篇之小程序开发-入门教程完结报告
- 全栈工程师之路-中级篇之小程序开发-第一章第四节从block盒式布局到Flex弹性布局
- 全栈工程师之路-中级篇之小程序开发-第二章第六节tabBar详细说明
- 全栈工程师之路-中级篇之小程序开发-第二章第七节个人中心
- 全栈工程师之路-中级篇之小程序开发-第二章第一节小程序的模板-评分星星模板
- 全栈工程师之路-中级篇之小程序开发-第一章第三节阅读官方demo
- 全栈工程师之路-中级篇之小程序开发-第一章第五节从px到rpx
- 【深入剖析Tomcat笔记】第六篇 Tomcat Lifecycle
- 南阳oj36 最长公共子序列 动态规划
- ajax基础
- Oracle基础(1)——用户
- foreach模板
- 全栈工程师之路-中级篇之小程序开发-第三章第四节点击查看大图,保存壁纸
- mysql的四种连接方式
- Android Studio 使用腾讯浏览服务(替换掉系统自带的WebView)
- 提取不重复的整数(去重)
- gdal proj像素坐标转经纬坐标
- ReactNative WebView组件通信
- php 文件写入数据
- FromUri参数自动解析成实体的要求
- C++学习笔记02