效果图

屏幕快照 2017-09-05 下午3.10.33.png

屏幕快照 2017-09-05 下午3.10.47.png
代码
封装的视图

屏幕快照 2017-09-05 下午3.13.45.png

屏幕快照 2017-09-05 下午3.16.25.png

屏幕快照 2017-09-05 下午3.16.48.png

屏幕快照 2017-09-05 下午3.17.14.png

屏幕快照 2017-09-05 下午3.17.26.png
实例:

屏幕快照 2017-09-05 下午3.19.54.png

屏幕快照 2017-09-05 下午3.20.11.png
网友评论