iOS模拟中奖名单循环滚动效果
2019-09-08 10:14
1491 查看
本文实例为大家分享了iOS模拟中奖名单循环滚动效果的具体代码,供大家参考,具体内容如下
1.动态效果图:
2.思路:
(1)控件:一个父View,依次添加两个tableVew,使其上下紧挨着,高度均等于所有cell的总高度,且加载相同的的数据,父视图的clipsToBounds属性一定要设置为true
(2)滚动:使用计时器,调整时间及滚动大小,使展示平滑
(3)循环算法:当A列表滚动出界面时,就把它添加在B列表的下面,B列表滚动出界面时,就把它添加在A列表的下面,形成循环效果
3.Swift版核心代码(可直接复制粘贴看效果):
import UIKit class ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource{ var tableView:UITableView! var doubleTableView:UITableView! let kScreenW = UIScreen.main.bounds.size.width let kXPercent = UIScreen.main.bounds.size.width / 375.0 let kBorderW = CGFloat(15.0) let kYPercent = UIScreen.main.bounds.size.width / 375.0 let cellId:String = "drawViewCell1" override func viewDidLoad() { super.viewDidLoad() self.addListTableView() } func addListTableView(){ let tableWidth = kScreenW - kBorderW*3 let tableBgView = UIView(frame: CGRect(x: (kScreenW-tableWidth)/2.0,y: 100*kYPercent,width: tableWidth,height: 148*kYPercent)) tableBgView.clipsToBounds = true tableBgView.backgroundColor = UIColor.yellow self.view.addSubview(tableBgView) // tableView = UITableView(frame: CGRect(x: 0,y: 0,width: tableWidth,height: 148*kYPercent*2), style: UITableViewStyle.plain) tableView.backgroundColor = UIColor.clear tableView.delegate = self tableView.dataSource = self tableView.separatorStyle = UITableViewCellSeparatorStyle.none tableBgView.addSubview(tableView) doubleTableView = UITableView(frame: CGRect(x: 0,y: tableView.frame.origin.y+tableView.frame.size.height,width: tableWidth,height: 148*kYPercent*2), style: UITableViewStyle.plain) doubleTableView.backgroundColor = UIColor.clear doubleTableView.delegate = self doubleTableView.dataSource = self doubleTableView.separatorStyle = UITableViewCellSeparatorStyle.none tableBgView.addSubview(doubleTableView) // Timer.scheduledTimer(timeInterval: 0.1, target: self, selector: #selector(personListScroll(timer:)), userInfo: nil, repeats: true) } @objc func personListScroll(timer:Timer){ // 1>移动tableView的frame var newTableViewframe = self.tableView.frame newTableViewframe.origin.y -= 2*kYPercent if (newTableViewframe.origin.y < -(doubleTableView.frame.size.height)) { newTableViewframe.origin.y = tableView.frame.size.height } self.tableView.frame = newTableViewframe // 2>移动doubleTableView的frame var newDoubleViewframe = self.doubleTableView.frame newDoubleViewframe.origin.y -= 2*kYPercent if newDoubleViewframe.origin.y < -(tableView.frame.size.height) { newDoubleViewframe.origin.y = tableView.frame.size.height } self.doubleTableView.frame = newDoubleViewframe } //返回行的个数 func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int{ return 10 } //返回列的个数 func numberOfSections(in tableView: UITableView) -> Int { return 1; } //去除头部空白 func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat { return 0.001 } //去除尾部空白 func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat { return 0.001 } //返回一个cell func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell{ //回收池 var cell:UITableViewCell! = tableView.dequeueReusableCell(withIdentifier: cellId) if cell == nil{//判断是否为nil cell = UITableViewCell(style: UITableViewCellStyle.default, reuseIdentifier: cellId) } cell.backgroundColor = UIColor.clear cell.selectionStyle = UITableViewCellSelectionStyle.none if tableView == self.tableView{// 测试是否循环滚动 cell.textLabel?.text = "张先生" }else { cell.textLabel?.text = "李小姐" } return cell } //返回cell的高度 func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat{ return 148/5.0*kYPercent } override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() } }
以上就是本文的全部内容,希望对大家的学习有所帮助
您可能感兴趣的文章:
相关文章推荐
- iOS - 模拟“中奖名单循环滚动”效果
- iOS开发 ----- 自动循环滚动或引导页效果
- iOS 模拟轮胎滚动3D动画效果
- IOS 之模拟网易新闻主页的滚动效果
- IOS设备上网页中的页面滚动效果模拟
- iOS 图片循环滚动(切片效果)
- IOS设备上网页中的页面滚动效果模拟
- EnhanceScollView选择角色3D循环滚动效果实现
- iOS文字上下滚动效果的实现
- iOS 卡片式滚动【电影选片效果】
- IOS实战 (3) 之 水平 循环滚动文本
- [iOS_Dev] UITableView 水平放置 自动循环滚动
- 多种JQuery循环滚动文字图片效果代码
- 【iOS开发系列】tableView滚动淡出效果
- JavaScript实现走马灯效果[无缝连接、循环滚动] 向右
- 使用viewpager嵌套实现上下左右滑动切换图片(IOS双向滚动翻页效果相同)
- 分别用marquee和div+js实现首尾相连循环滚动效果
- iOS 字体滚动效果 ScrollLabel
- IOS UIScrollView + UIButton 实现segemet页面和顶部标签页水平滚动效果
- IOS系列——Scrollview的循环滚动