文章插图
微信小程序为开发人员提供了众多的基础开发组件,利用这些组件,开发人员可以更为便捷迅速的完成开发工作,下面我就给大家介绍一下,比较常见的小程序开发组件有哪些 。
什么是小程序开发组件?组件是小程序视图层的基本组成单元,它自带一些功能与微信风格相符的样式,一个组件通常包括开始标签和结束标签,属性用来对这个组件进行修饰,内容在两个标签之间 。
常见的小程序开发组件有哪些?小思经过总结之后发现,比较常见的小程序开发组件有以下这八种:
1.视图类组件
视图可以类比html中的div,所有的组件都嵌套在视图容器中,视图组件分为以下几类:
view(视图容器组件)
scroll-view(可滚动视图容器组件)
swiper(滑块视图容器组件)
movable-area(可移动的视图容器组件)
cover-view(覆盖视图组件)
2.基础内容类组件
小程序基础内容类组件包括icon图标组件、text文本组件、progress进度条组件三种 。
icon图标组件:微信小程序为不同的场景提供了丰富的图标,带有不同含义的图标,如成功,警告,取消,下载等等 。
text文本组件: text文本组件支持转义字符,例如换行 n,空格t,并且<text/> 组件内只支持 <text/> 嵌套,除了文本节点以外的其他节点都无法长按选中 。
text文本组件组件是放置在一行当中的,不同于view组件 。
进度条组件:进度条组件是一种可以增强用户体验的组件 。就像播放视频一样,用户可以通过进度条查看完整的视频长度和当前进度 。这允许用户更为合理的安排他们自己的时间并改善用户体验,另外微信小程序还提供了一个progress进度条组件 。
3.表单类组件
表单类组件可以细分为button按钮组件、checkbox多项选择器组件、form表单组件、input输入框组件、label改进表单组件、picker选择器组件、picker-view嵌入页面的滚动选择器组件、radio单项选择器组件、slider滑动选择器组件、switch开关选择器组件、textarea多行输入框组件等十一个组件 。
4.导航类组件
navigator导航页面链接组件是用在wxml页面中跳转的导航,它主要有三种类型 。
第一种:保留当前页面之后跳转,跳转后可以返回当前页,它与wx.navigatorTo跳转效果是一样的 。
第二种:关闭当前页面跳转,无法返回当前页,它与wx.reditrctTo跳转效果是一样的 。
第三种:跳转到底部标签导航的指定页面,它与wx.switchTab跳转效果是一样的 。
5.媒体类组件
小程序媒体类组件可以细分为audio音频组件、image图片组件、video视频组件三种类型 。
6.地图类组件
移动应用中地图是必不可缺的内容,通过地图可以很直观地表现出地理位置信息,为此小程序提供了<map/>组件 。
7.画布类组件
canvas画布组件可以用来绘制图形和动画,图形和动画的具体实现要借助API wx.createCanvasContext,wx.createCanvasContext返回一个canvas对象,它有很多的绘图方法,譬如描边、画矩形、圆形等等 。
8.客服类组件
利用contact-button客服会话按钮组件,开发者可以在页面当中添加一个客服会话按钮,用户点击该按钮后就可以进入客服会话 。
以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!
「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助:- 2021年农历腊月二十八小除夕出生女孩命理
- 2022女生可爱小清新网名
- 买小狗10元一只 小泰迪狗一只100元
- 文艺范儿超好听幽美的小清新网名
- 全新个性化的情侣网名
- 常做这些健身小动作让您身体倍棒
- 24小时内出检测结果!这三大火车站均设有核酸检测点 核酸检测多久出结果
- 小学生手抄报,教师节,国庆,中秋节空白手抄报 教师节手抄报大全图片
- 这6个小妙招有助增进夫妻情感
- 精选49句 2022最红的男孩子微信网名伤感超好听