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

;微信小程序框架里提供了很多的UI组件。这些UI组件就像我们小时候玩的积木一样，使用这些积木就可以建造一座房子、一座大桥。我们使用的UI组件也是这样的用法。每个组件都有不同的用处，比如用来包裹内容视图容器组件、用来呈现内容的基础内容组件、丰富的表单组件、链接页面的导航组件、播放视频音频的媒体组件、地图组件和画布组件。有了这些组件，我们就可以完成界面的布局和界面的渲染了。;;3.1.1　view视图容器;3.1.1　view视图容器;3.1.2　scroll-view可滚动视图区域;3.1.2　scroll-view可滚动视图区域;3.1.2　scroll-view可滚动视图区域;3.1.2　scroll-view可滚动视图区域;3.1.2　scroll-view可滚动视图区域;3.1.2　scroll-view可滚动视图区域;3.1.3　swiper滑块视图容器;3.1.3　swiper滑块视图容器;3.1.3　swiper滑块视图容器;;3.1.3　swiper滑块视图容器;3.1.3　swiper滑块视图容器;3.1.3　swiper滑块视图容器;3.1.3　swiper滑块视图容器;3.1.4　movable-view可移动视图容器;3.1.4　movable-view可移动视图容器;3.1.4　movable-view可移动视图容器;;3.1.5　cover-view、cover-image覆盖原生组件的视图容器;3.1.5　cover-view、cover-image覆盖原生组件的视图容器;;3.2.1　icon图标;3.2.1　icon图标;3.2.1　icon图标;3.2.2　text文本;3.2.3　progress进度条;3.2.3　progress进度条;3.2.4　rich-text富文本;3.2.4　rich-text富文本;3.2.4　rich-text富文本;;3.3.1　button按钮;3.3.1　button按钮;3.3.1　button按钮;3.3.1　button按钮;3.3.1　button按钮;3.3.2　checkbox多项选择器;3.3.2　checkbox多项选择器;3.3.3　radio单项选择器;3.3.3　radio单项选择器;3.3.4　input单行输入框;3.3.4　input单行输入框;3.3.4　input单行输入框;3.3.4　input单行输入框;3.3.4　input单行输入框;3.3.5　textarea多行输入框;3.3.5　textarea多行输入框;3.3.5　textarea多行输入框;3.3.6　label改进表单可用性;3.3.6　label改进表单可用性;3.3.7　picker滚动选择器;3.3.7　picker滚动选择器;3.3.7　picker滚动选择器;3.3.7　picker滚动选择器;3.3.7　picker滚动选择器;3.3.7　picker滚动选择器;3.3.7　picker滚动选择器;3.3.7　picker滚动选择器;3.3.7　picker滚动选择器;3.3.7　picker滚动选择器;3.3.7　picker滚动选择器;3.3.7　picker滚动选择器;3.3.7　picker滚动选择器;3.3.7　picker滚动选择器;3.3.7　picker滚动选择器;3.3.7　picker滚动选择器;3.3.7　picker滚动选择器;3.3.8　slider滑动选择器;3.3.8　slider滑动选择器;3.3.9　switch开关选择器;3.3.9　switch开关选择器;3.3.9　switch开关选择器;3.3.10　form表单;3.3.10　form表单;3.3.10　form表单;3.3.11　editor富文本编辑器;3.3.11　editor富文本编辑器;3.3.11　editor富文本编辑器;;3.4.1　navigator页面链接组件;3.4.1　navigator页面链接组件;3.4.1　navigator页面链接组件;3.4.1　navigator页面链接组件;3.4.1　navigator页面链接组件;3.4.1　navigator页面链接组件;3.4.1　navigator页面链接组件;3.4.2　wx.navigateTo保留当前页跳转;3.4.2　wx.navigateTo保留当前页跳转;3.4.2　wx.navigateTo保留当前页跳转;3.4.3　wx.redirectTo关闭当前页跳转;3.4.3　wx.redirectTo关闭当前页跳转;3.4.4　wx.switchTab跳转到tabBar页面;3.4.4　wx.switchTab跳转到tabBar页面;3.4.5　wx.nav