封裝頭部切換檢視

weixin_33860722發表於2017-09-05

效果

頭部按鈕可以點選切換到不同的控制器,也可以手勢滑動切換到不同的控制器。控制器的數量可以控制,封裝的下劃線,顏色等這些屬性都可以設定。

1389082-4301a53525ea9653.png
螢幕快照 2017-09-05 下午4.35.46.png
1389082-212288d04b15da92.png
螢幕快照 2017-09-05 下午4.35.52.png

封裝的檢視:

1389082-935287cf2604ed4e.png
螢幕快照 2017-09-05 下午4.37.12.png
1389082-752af686c779e1f6.png
螢幕快照 2017-09-05 下午4.37.42.png
1389082-c0e57490522a2aed.png
螢幕快照 2017-09-05 下午4.38.07.png
1389082-26d899e5e7fe4f71.png
螢幕快照 2017-09-05 下午4.38.34.png
1389082-986055b914d4ac8e.png
螢幕快照 2017-09-05 下午4.38.50.png
1389082-9a2b6568deeda5f8.png
螢幕快照 2017-09-05 下午4.39.02.png
1389082-b6bf9e2db9706a86.png
螢幕快照 2017-09-05 下午4.39.34.png
1389082-3050706ed3b4b11e.png
螢幕快照 2017-09-05 下午4.40.06.png
1389082-0aaac232f2c5d782.png
螢幕快照 2017-09-05 下午4.40.23.png
1389082-7746ce136924a300.png
螢幕快照 2017-09-05 下午4.40.40.png
1389082-766968de5a2bd6d8.png
螢幕快照 2017-09-05 下午4.40.53.png
1389082-6b733b2b14349306.png
螢幕快照 2017-09-05 下午4.41.03.png

控制器中使用:

1389082-a8ad11d60c544081.png
螢幕快照 2017-09-05 下午4.41.31.png

1389082-6a549e740599992b.png
螢幕快照 2017-09-05 下午4.41.37.png
1389082-37a7b82177e4898b.png
螢幕快照 2017-09-05 下午4.41.47.png
1389082-6ee3a4f76d118dc4.png
螢幕快照 2017-09-05 下午4.41.57.png
1389082-6bbda260b9c81399.png
螢幕快照 2017-09-05 下午4.42.06.png

相關文章