《微信小程序开发项目教程》第四章
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
微信小程序开发项目教程
视图容器组件在首页中应用
任务9：实现搜索区域布局与海报轮播功能
微信小程序开发项目教程
微信小程序开发项目教程
基础内容组件
主讲人：小刚老师
微信小程序开发项目教程
基础内容组件
（1）icon图标组件； （2）text文本组件； （3）progress进度条组件； （4）rich-text富文本组件； （5）editor富文本编辑器及API；
视图容器组件在首页中应用
主讲人：小刚老师
微信小程序开发项目教程
视图容器组件在首页中应用
视图容器组件
（1）view视图容器组件； （2）scroll-view可滚动视图容器组件； （3）swiper滑块视图容器组件； （4）movable-view可移动视图容器组件； （5）cover-view覆盖原生组件的视图容器组件；
微信小程序开发项目教程
image图片组件及图片API应用
任务10：实现图书列表显示功能静态布局
微信小程序开发项目教程
微信小程序开发项目教程
导航组件和导航API
主讲人：小刚老师
微信小程序开发项目教程
导航组件和导航API
导链接组件； （2）wx.navigateTo保留当前页跳转API； （3）wx.redirectTo关闭当前页跳转API； （4）wx.switchTab跳转到tabBar页面API； （5）wx.navigateBack返回上一页API； （6）wx.reLaunch关闭所有页面，打开某个页面API； （7）导航栏API； （8）Tab Bar标签导航API；
微信小程序开发项目教程
微信小程序开发项目教程
基础内容组件
微信小程序开发项目教程
微信小程序开发项目教程
image图片组件及图片API应用
主讲人：小刚老师
微信小程序开发项目教程
image图片组件及图片API应用
image图片组件及图片API应用
（1）image图片组件； （2）wx.chooseImage选择图片API； （3）wx.previewImage预览图片API； （4）wx.getImageInfo获得图片信息API； （5）wx.saveImageToPhotosAlbum保存图片到相册API； （6）pressImage压缩图片API； （7）wx.chooseMessageFile从客户端会话选择文件API；
微信小程序开发项目教程
导航组件和导航API
任务11：实现图书搜索功能静态布局设计
微信小程序开发项目教程
微信小程序开发项目教程
项目实战：任务12——实现图书更多列表功能静态布局设计
主讲人：小刚老师
微信小程序开发项目教程
项目实战
任务12：实现图书更多列表功能静态布局设计
目标：通过实现图书更多列表功能静态布局设计，综合应用view视图容器组件、swiper滑块视图容器组件、 text文本组件、image图片组件等等组件的使用，学会使用导航组件和导航API进行页面跳转，学会使用swiper 滑块视图容器组件进行页签的切换显示，学会如何接收页面路径携带过来的参数。 目标：通过实现图书更多列表功能静态布局设计，综合应用view视图容器组件、swiper滑块视图容器组件、text文本组件、 image图片组件等等组件的使用，学会使用导航组件和导航API进行页面跳转，学会使用swiper滑块视图容器组件进行页签 的切换显示，学会如何接收页面路径携带过来的参数。
视图容器组件在首页中应用
任务9：实现搜索区域布局与海报轮播功能
微信小程序开发项目教程
微信小程序开发项目教程
基础内容组件
主讲人：小刚老师
微信小程序开发项目教程
基础内容组件
（1）icon图标组件； （2）text文本组件； （3）progress进度条组件； （4）rich-text富文本组件； （5）editor富文本编辑器及API；
视图容器组件在首页中应用
主讲人：小刚老师
微信小程序开发项目教程
视图容器组件在首页中应用
视图容器组件
（1）view视图容器组件； （2）scroll-view可滚动视图容器组件； （3）swiper滑块视图容器组件； （4）movable-view可移动视图容器组件； （5）cover-view覆盖原生组件的视图容器组件；
微信小程序开发项目教程
image图片组件及图片API应用
任务10：实现图书列表显示功能静态布局
微信小程序开发项目教程
微信小程序开发项目教程
导航组件和导航API
主讲人：小刚老师
微信小程序开发项目教程
导航组件和导航API
导链接组件； （2）wx.navigateTo保留当前页跳转API； （3）wx.redirectTo关闭当前页跳转API； （4）wx.switchTab跳转到tabBar页面API； （5）wx.navigateBack返回上一页API； （6）wx.reLaunch关闭所有页面，打开某个页面API； （7）导航栏API； （8）Tab Bar标签导航API；
微信小程序开发项目教程
微信小程序开发项目教程
基础内容组件
微信小程序开发项目教程
微信小程序开发项目教程
image图片组件及图片API应用
主讲人：小刚老师
微信小程序开发项目教程
image图片组件及图片API应用
image图片组件及图片API应用
（1）image图片组件； （2）wx.chooseImage选择图片API； （3）wx.previewImage预览图片API； （4）wx.getImageInfo获得图片信息API； （5）wx.saveImageToPhotosAlbum保存图片到相册API； （6）pressImage压缩图片API； （7）wx.chooseMessageFile从客户端会话选择文件API；
微信小程序开发项目教程
导航组件和导航API
任务11：实现图书搜索功能静态布局设计
微信小程序开发项目教程
微信小程序开发项目教程
项目实战：任务12——实现图书更多列表功能静态布局设计
主讲人：小刚老师
微信小程序开发项目教程
项目实战
任务12：实现图书更多列表功能静态布局设计
目标：通过实现图书更多列表功能静态布局设计，综合应用view视图容器组件、swiper滑块视图容器组件、 text文本组件、image图片组件等等组件的使用，学会使用导航组件和导航API进行页面跳转，学会使用swiper 滑块视图容器组件进行页签的切换显示，学会如何接收页面路径携带过来的参数。 目标：通过实现图书更多列表功能静态布局设计，综合应用view视图容器组件、swiper滑块视图容器组件、text文本组件、 image图片组件等等组件的使用，学会使用导航组件和导航API进行页面跳转，学会使用swiper滑块视图容器组件进行页签 的切换显示，学会如何接收页面路径携带过来的参数。