支付宝UI界面搭建

 

 

 

 

 

 

程序的大致界面如图所示   界面的搭建还是很简单的    下面介绍一下用到的布局

程序有四个模块 :  首页 商家 朋友 我

首页:    上面用了一个UIView 来容纳 扫一扫,支付,卡卷,咻一咻四个按钮

           然后下面的方格小功能用的是一个UICollectionView,分为3个section(上边的方格按钮,中间的轮播图片,下边的方格按钮). 重写流水布局设置一下itemSize            即可

商家:   上边的方格小功能是UICollectionView,下边是UITableView,大图展示是tableView的表头,下边的tableView的cell,用的自动布局,自动计算高度

朋友:   UITableView分为2个Section,上边的朋友圈点进去也是一个tableView,采用自动布局,自动计算高度

我的:   用的是一个UICollectionView,重要的是重写代理方法sizeForItemAtIndexPath (自定义每个item的大小)

 

总结:界面的搭建需要巧妙的组合,要熟练掌握界面布局的各种方法