不知到大家在软件开发过程中,一般引导页---欢迎页--首页展示,这是1个正常显示的流程。而且首页也是1个App的门面,所以它的UI展示交互和数据刷新也是非常的重要!
当然一个页面的开发要有客户端开发和服务端开发,往往开发的时候2端都是并行开发的,有的时候客户端开发UI完成后,服务端的数据接口还没有开发完成,所以需要自己在本地创建一些数据来提前看一下UI展示的效果!
那么话不多说,我们开始来详细描述主页开发实现过程:
整体的布局思路就是ListView包裹着(轮播图组件+标题组件+猜你喜欢组件+热门推荐列表)
![](https://img.haomeiwen.com/i1371985/c053dc64c545333b.png)
1 广告轮播图代码实现截图
![](https://img.haomeiwen.com/i1371985/863242b008334fe4.png)
2 标题组件代码实现截图
![](https://img.haomeiwen.com/i1371985/a599f329e976bb98.png)
3 猜你喜欢组件代码实现截图
![](https://img.haomeiwen.com/i1371985/535373b2dcb8fc45.png)
4 热门推荐列表代码实现截图
![](https://img.haomeiwen.com/i1371985/10dd9ab8e1a6ebcf.png)
5 在build函数测试看UI展示效果
![](https://img.haomeiwen.com/i1371985/855450ad4239c8d0.png)
![](https://img.haomeiwen.com/i1371985/017c6444ba137ed6.png)
总结:
以上就是1个主页组件的过程:
1 抽离轮播图组件+标题组件+猜你喜欢组件+推荐商品组件 4个组件的分离和封装,让build函看起来非常简洁清晰,没有那么臃肿。
2 在服务端么有开发接口的条件的情况下自己制造本地数据,让UI和数据绑定,先提前感受一下UI的效果,这也是向前推进开发的流程。
网友评论