iOS 仿苹果钱包绑银行卡界面

大体效果如下:

效果图


代码分析

DEMO 下载地址。  这是一个类似 原生 UITableView 的自动以控件,使用swift 编写。 多出了调节 每行高度。因为系统的TableView 是默认不允许折叠的。 然后自定义

和 每行头部高度的方法  。 使用了 典型的 代理模式。 通过 实现代理的AATBanksCardViewDataSource 和  AATBanksCardViewDelegate 来实现布局。 在ViewController 中代码如下。

//MARK

funcbanksCardView(view: AATBanksCardView,numberOfRows:Int)->Int{

returncardListArray.count;

}

funcbanksCardView(view: AATBanksCardView,viewForRowAtIndex:Int)->UIView {

letcardView=UINib(nibName:"AATBankCard",bundle: Bundle.main).instantiate(withOwner:nil,options:nil).firstas!AATBankCard

cardView.frame=CGRect(x:0,y:0,width:360,height:120)

//cardView.backgroundColor = AATCommonBgColor;

letmode:AATBankCardModel=cardListArray[viewForRowAtIndex]

cardView.model=mode;

//

returncardView

}

funcbanksCardView(view: AATBanksCardView,heightForRowAtIndex:Int)->Float{

return120

}

funcbanksCardView(view: AATBanksCardView,heightForHeadViewAtIndex:Int)->Float{

return100

}

//MARK  --- banksCardView 代理  点击 某个 卡片

funcbanksCardView(view: AATBanksCardView,didSelectViewAtIndex:Int) {

print("\(didSelectViewAtIndex)===")

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1,Search Bar 怎样去掉背景的颜色(storyboard里只能设置background颜色,可是发现cl...
    以德扶人阅读 2,542评论 2 50
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,665评论 0 17
  • iOS 实战开发课程笔记 本贴旨在作为对极客班 《iOS 开发实战》第五期期课程视频重新学习的笔记。目标是建立一个...
    黄穆斌阅读 3,117评论 12 57
  • 前言 iOS里的UI控件其实没有几个,界面基本就是围绕那么几个控件灵活展开,最难的应属UICollectionVi...
    alenpaulkevin阅读 32,135评论 9 176
  • 最卑贱不过感情,最凉不过人心,刚开始我不是不认同这句话的,我觉得它毫无道理,感情是神圣的,人心是暖的,怎么会最凉。...
    予我安阅读 560评论 0 1