探索、思考、创造、分享

数据驱动、坚持为客户提供有价值的服务和内容

当前位置: 南京小程序开发 > 小程序资讯 >
你必须了解的八种常见小程序开发组件类型
来源:南京小程序开发   发布时间:2019-08-30 点击:
微信小程序为开发人员提供了众多的基础开发组件,利用这些组件,开发人员可以更为便捷迅速的完成开发工作,下面我就给大家介绍一下,比较常见的小程序开发组件有哪些。 
 
什么是小程序开发组件?
 
组件是小程序视图层的基本组成单元,它自带一些功能与微信风格相符的样式,一个组件通常包括开始标签和结束标签,属性用来对这个组件进行修饰,内容在两个标签之间。 常见的小程序开发组件有哪些?
小思经过总结之后发现,比较常见的小程序开发组件有以下这八种:
 
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客服会话按钮组件,开发者可以在页面当中添加一个客服会话按钮,用户点击该按钮后就可以进入客服会话。
  • 上一篇:开发者必须了解的22个常用小程序开发api接口
  • 下一篇:企业在微信小程序开发注册过程中需要注意的五件事
  • 最新资讯
    2020-02-16
    微信公众号100种推广方法之:短视频引流篇
    提到短视频,估计很多人应该都懂了。抖音,快手,微视..
    2020-02-14
    微信微信视频号为什么值得期待?
    张小龙在今年1月份微信公开课上,透漏了一个微信的重要产
    2020-02-13
    微信公众号100种推广方法之:朋友圈篇
    有很多人的公众号,并没有多少粉丝,但是他们的阅读数却很
    2020-02-11
    企业的商城小程序和APP好那个好
    从自觉性而言,APP占据挺大优势,由于一旦营销推广取得成功
    2020-02-08
    微信公众号100种推广方法之:资料引流篇
    今天南京小程序开发小编给大家来分享100种微信公众号推广方
    随机资讯
    2019-09-27
    南京微信小程序开发如何挑选专业的外包公司?
    微信小程序开发如何挑选专业的外包公司?跟着微信小程序功
    2019-12-06
    小程序开发如何帮助企业成功转型?
    微信小程序开发让许多传统的中下企业有了开设线上商城的时
    2019-08-24
    企业在没有公众号的前提下推广小程序的五大技
    虽然很多企业现在都同时开通了公众号和小程序,但是仍然有
    2019-09-09
    南京小程序开发:浅谈电商小程序未来的发展趋
    现在随着移动互联网的发展,微信小程序商城已经成为人们在
    2019-08-21
    企业进行微信小程序商城开发的四种常用方式
    现在很多电商企业都想要开发电商小程序,在正式进行小程序