容器类组件介绍
所谓容器组件,指能搞包容其它ui组件的组件,和布局组件的差别在于,容器组件不能直接在IDE的设计界面拖拽其它ui组件加到它的内部。他一般是通过属性templates
来指定多个ui文件作为模板,然后通过数据绑定的方式来加载数据。数据绑定参考文档.
容器组件很多种而且也很重要,因为它一般是App的主框架,目前官方容器类组件包含10个,我们只是简单介绍10个组件的基本界面让大家能够了解每个组件的应用场景从而准确选择合适的组件:
1. do_ListView
do_ListView就是列表,用途最广,所有App基本上都离不开。它可以加载很多数据,上下滑动浏览。随便找一个App截个图:
我们可以看到listview支持多模板,像这个截图包含至少2个模板。
2. do_SlideListView
do_SlideListView也是列表,只不过多一个特殊的用途,就是每一个Cell通过设置leftTemplate和rightTemplate可以实现左右滑出露出功能菜单。随便找一个App截个图:
3. do_IndexListView
do_IndexListView是一种特殊的列表,自带索引。常用在通讯录。随便找一个App截个图:
4. do_ExpandableListView
do_ExpandableListView多级的列表,点击一行,可以展开更多行。比如选择省,再选择市这种场景。随便找一个App截个图:
5. do_SegmentView
do_SegmentView可以左右手势滑动,也可点击的分段类似tab分页的头,通常和do_SlideView结合使用,典型的就是网易新闻App:
6. do_GridView
do_GridView可以实现类似九宫格的效果,每一个单元都共有一个或多个ui文件作为模板。这个组件应用场景也很广。随便找一个App截个图:
7. do_SlideView
do_SlideView可以通过手势左右滑动,也可以通过代码修改index实现页面切换的效果,而且可以滑动停留在二个页面中间。有一个或多个ui文件作为模板。这个组件应用场景也很广。随便找一个App截个图:
8. do_VerticalSlideView
do_VerticalSlideView就是竖起来的Slideview.可以通过手势上下滑动,也可以通过代码修改index实现页面切换的效果,而且可以滑动停留在二个页面中间。有一个或多个ui文件作为模板。随便找一个App截个图:
9. do_FragmentView
do_FragmentView就是可以通过左右手势滑出一个新的页面,但是新的页面只有屏幕的一半,也通过代码实现左右页面动画滑出的效果。由左中由三个ui文件组成。随便找一个App截个图:
10. do_ViewShower
do_ViewShower有点类似不能手势滑动的Slideview。只能通过代码实现页面切换的效果,不过切换的时候可以设置动画效果。ViewShower可以包含多个ui文件,而且ui文件一旦加载就永远驻留在内存中,这个特性确保切换没有任何延时。常用在首页。参考微信的iOS版本的首页就适合这个组件来实现: