这篇文章主要为大家详细介绍了iOS模拟中奖名单循环滚动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了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开发 全机型适配解决方法 2023-01-14
- Flutter进阶之实现动画效果(三) 2022-10-28
- Android开发Compose集成高德地图实例 2023-06-15
- iOS Crash常规跟踪方法及Bugly集成运用详细介绍 2023-01-18
- MVVMLight项目Model View结构及全局视图模型注入器 2023-05-07
- iOS开发使用XML解析网络数据 2022-11-12
- iOS中如何判断当前网络环境是2G/3G/4G/5G/WiFi 2023-06-18
- Android实现短信验证码输入框 2023-04-29
- Android Compose自定义TextField实现自定义的输入框 2023-05-13
- IOS获取系统相册中照片的示例代码 2023-01-03