所謂容器組件,指能搞包容其它ui組件的組件,和佈局組件的差別在於,容器組件不能直接在IDE的設計界面拖拽其它ui組件加到它的內部。他一般是通過屬性templates來指定多個ui文件作為模板,然後通過數據綁定的方式來載入數據。數據綁定參考文檔.容器組件很多種而且也很重要,因為它一般是App的主框架, ...
所謂容器組件,指能搞包容其它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版本的首頁就適合這個組件來實現: