00:00
下面我们来学习VMJS内置框架的这个内置组件啊。啊,它整个组件呢,我们在这个目录中能看到一共有34个这样的组件非常多,那么我们呢,并不是要把所有组件都搞清楚啊,很多组件呢,其实它的用法呢,并不复杂,那么我们呢,只要简单浏览一下就能搞定,那么有些组件呢,比较复杂,并且呢,开发中又比较常用,那么我们就会去重点去学习它的一些用法。好了,那么我们呢,先整体把所有组件的功能浏览一遍,稍微有个印象对吧,那么将来你在用的时候,诶,你可能就能想到用什么组件去开发了。那么后续我们再去详细研究这个组件的具体用法,诶,这就是我们整个的一个流程,先总览所有组件,大概了解它的功能,那么后续再重点研究一些比较重要组件的具体的用法。那么下面我们就从上到下一点点来看啊。好,第一个呢是六组件,它呢相当于就是div用来做布局容器的。
01:04
如果你要用文本的话,记得用text组件。下一个呢,叫safe area,用到第一安全区域,让我们内容呢可以在安全区域中展示,所以就不会被状态栏啊,虚拟home键这些东西给遮住啊。Tag组件呢,是一个重本组件啊,用来渲染文本的。Rich text是副文本,所谓的副文本呢?就是它能够渲染一些标签字符串。标签字符串呢,放到这个test里面的一个属性上,它就会把它渲染成一个真正的动物元素。这是这个。还有image,用来渲染图片的。Diallo是一个弹框啊,弹框里面显示的内容,问你要确定要取消吗?啊就这个。Progress呢是个进度条,从零到百分百的一个进度条。Button就是按钮input输入框。T呢是一个多行的一个输入框,对吧。Switch是一个开关选择器,对吧,你要开是要关,那么点击开它就点击一下,它就变成另外一个值啊,这个这样的开关选择器呢,是个滑块选择器,它也是一个零到百分百的一个这值,然后呢,有个滑块你可以自己滚过去啊,滚动过去。
02:16
皮呢是个滚动选择器,这个滚动选择器呢,最常见的就是大家在选择自己的啊,什么省啊,市啊,区啊这些地址的时候,会用它这个皮卡啊,它是一个这样的一个类似于一个这样的一个滚动的一个选择器,它可以往上滚动,往下滚动来选择你想要的一个区域。Check boxs group呢,它是一个我们的复选框的一个组,用它包裹着checks的话呢,那么他们就是一组啊,这个复选框那么对应的就是check bos组件啊,就是check boss,要包裹在check boss group中,它才是一组,否则它就是单个。那么单选呢,也是一样的啊,我们如果想定成一组,也得把这个radio group啊,那么才是一个单选一组。
03:04
Label的话呢,改进表单这个可用性,可以把它变成这个一个表单控件对吧。Form就是我们整个表达,最外面用form表达,里面放表达空间,这是基本用法。这是播放音频的audio,这是播放视频的video,这是打开相机对吧,那么扫码啊或者怎样啊,这是camera。Wa是用来做轮播图的啊,那么里面放swaper item。View是用来做啊,垂直方向的一个滚动的,诶之前我们就大家大概用过啊,它是用来做滚轮的,不然的话呢,你自己开发这个咱们的这个滚动啊,还得把那什么touch start end这些事件啊,非常麻烦。View的话呢,也是这样的一个滚动的,不同的是呢,它在这个view的基础上做了一层封装,让咱们的这个滚动的性能变得更好,它只渲染这个对吧,要渲染的这个内容,反正就是总而言之,我们如果数据比量比较大的话,建议用SC,如果数据量比较小的话呢,简单来讲就是啊,啊数据量比较小的情况下就用view啊,数据量比较大的话,建议用this view。
04:15
还有一个great view啊,这两个也是在view的基础上进行升级,不同的是呢,List view呢,它是它的,它的这个布局呢,是从上到下一个一个一个一个排列,对吧,而view呢,它是网格布局对吧?可能有学习过这GR的布局的话,可能知道网格布局呢,就是我们可能一还要写是多个元素这样排列。那么这种方式可以用great view。它们都是一样啊,都是可以滚动的区域,并且呢,性能上会比更好一点点。同时他们可以指定水平和垂直方向的一个布局,其中呢,List view和这个great view呢,它内部放置的组件得是这个cell this this refresh这些组件。所以下面这些this had this foot,还有这个sell refresh,这些组件呢,都是要放在this view或者是great view里面才能使用,这里要注意。
05:09
的,顾名思义就是它的头部,Foot就是它底部,Cell就是它的某一项元素,Refresh就是用来刷新的一个组件。它一个strictly,它是一个粘连布局的组件,你可以理解为它这个固定定位一样啊,它当它是个粘连布局的定位,粘连布局的特点就是当它一旦往上滚动的时候,看它刀到底部,它就会吸在底部不会再动了,对吧,不像固定定位一样,它定位在那就不能再也不动了,就是这个。呃,然后呢,还有这个可以开启页面的一个frame组件啊,可以打开一个新的页面,当然这个新的页面的是其实理解为就是小的窗口啊小的窗口,然后呢,也可以通过frame group把它定义成一组。好了啊,以上呢,就是他提供的所有组件,所以我们在开发过程中呢,我们也只能用上这些组件,对吧。好了,我们呢,先对所有组件呢,做一个基本的介绍,那么后续我们再来详细研究重要的组件的功能。
我来说两句