開發人員在制作微信小程序的過程中,會用到很多組件,從而更加迅速有效的完成小程序的研發工作。那么在這些組件當中,哪些是開發人員最常使用到的呢?
這里宜聘科技就為大家詳細的介紹一下。
組件是小程序視圖層的基本組成單元,它自帶一些功能與微信風格相符的樣式,一個組件通常包括開始標簽和結束標簽,屬性用來對這個組件進行修飾,內容在兩個標簽之間。
常見的小程序開發組件有哪些?
小思經過總結之后發現,比較常見的小程序開發組件有以下這八種:
1.視圖類組件
視圖可以類比html中的div,所有的組件都嵌套在視圖容器中,視圖組件分為以下幾類:
view(視圖容器組件)
scroll-view(可滾動視圖容器組件)
swiper(滑塊視圖容器組件)
movable-area(可移動的視圖容器組件)
cover-view(覆蓋視圖組件)
2.基礎內容類組件
小程序基礎內容類組件包括icon圖標組件、text文本組件、progress進度條組件三種。
icon圖標組件:微信小程序為不同的場景提供了豐富的圖標,帶有不同含義的圖標,如成功,警告,取消,下載等等。
text文本組件: text文本組件支持轉義字符\,例如換行\ n,空格 \ t,并且 組件內只支持 嵌套,除了文本節點以外的其他節點都無法長按選中。
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.地圖類組件
移動應用中地圖是必不可缺的內容,通過地圖可以很直觀地表現出地理位置信息,為此小程序提供了組件。
7.畫布類組件
canvas畫布組件可以用來繪制圖形和動畫,圖形和動畫的具體實現要借助API wx.createCanvasContext,wx.createCanvasContext返回一個canvas對象,它有很多的繪圖方法,譬如描邊、畫矩形、圓形等等。
8.客服類組件
利用contact-button客服會話按鈕組件,開發者可以在頁面當中添加一個客服會話按鈕,用戶點擊該按鈕后就可以進入客服會話。
以上便是關于開發微信小程序常用的組件有哪些的相關介紹,想要了解更多微信小程序相關新聞資訊知識,請關注安徽宜聘科技。