微信小程序开发图解案例教程第3章 用微信小程序组件构建UI界面.pptx

微信小程序开发图解案例教程（附精讲视频）（第2版）;视图容器组件 ■基础内容组件 ■丰富的表单组件 ■导航组件 ■媒体组件 ■地图组件 ■画布组件 ■沙场大练兵：表单登录注册微信小程序 ■小结 ■; 视图容器组件共有5种：view视图容器、scroll-view可滚动视图区域、swiper滑块视图容器、movable-view可移动视图容器、cover-view覆盖原生组件的视图容器。; view视图容器是WXML界面布局的基础组件，它的使用和HTML里的DIV类似，主要用于界面的布局。 view视图容器也有自己的属性，如表3.1所示。;表3.1　view属性; 在WXML界面里使用view布局，渲染出界面内容，如图3.1所示。; scroll-view可滚动视图区域允许视图区域内容横向滚动或者纵向滚动，类似于浏览器的横向滚动条和垂直滚动条，scroll-view拥有自己的属性和事件，如表3.2所示。;表3.2　scroll-view属性;1．纵向滚动 允许内容纵向滚动，需要给scroll -view/一个固定高度，可以绑定滚动到顶部/左边（bindscrolltoupper）、滚动到底部/右边（bindscrolltolower）、滚动时（bindscroll）触发的事件，也可以滚动到指定的id区域（scroll-