189 8069 5689

iOS如何实现中奖名单循环滚动效果-创新互联

这篇文章将为大家详细讲解有关iOS如何实现中奖名单循环滚动效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联建站专注于松阳网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供松阳营销型网站建设,松阳网站制作、松阳网页设计、松阳网站官网定制、重庆小程序开发服务,打造松阳网络公司原创品牌,更为您提供松阳网站排名全网营销落地服务。

具体内容如下

1.动态效果图:

iOS如何实现中奖名单循环滚动效果

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如何实现中奖名单循环滚动效果”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章名称:iOS如何实现中奖名单循环滚动效果-创新互联
网址分享:http://cdxtjz.com/article/dsoppj.html

其他资讯