溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

iOS如何實現(xiàn)中獎名單循環(huán)滾動效果

發(fā)布時間:2021-07-21 14:38:23 來源:億速云 閱讀:351 作者:小新 欄目:移動開發(fā)

這篇文章將為大家詳細講解有關(guān)iOS如何實現(xiàn)中獎名單循環(huán)滾動效果,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

具體內(nèi)容如下

1.動態(tài)效果圖:

iOS如何實現(xiàn)中獎名單循環(huán)滾動效果 

2.思路:

(1)控件:一個父View,依次添加兩個tableVew,使其上下緊挨著,高度均等于所有cell的總高度,且加載相同的的數(shù)據(jù),父視圖的clipsToBounds屬性一定要設(shè)置為true

(2)滾動:使用計時器,調(diào)整時間及滾動大小,使展示平滑

(3)循環(huán)算法:當A列表滾動出界面時,就把它添加在B列表的下面,B列表滾動出界面時,就把它添加在A列表的下面,形成循環(huán)效果

3.Swift版核心代碼(可直接復(fù)制粘貼看效果):

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

 }

 //返回行的個數(shù)
 func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int{
  return 10
 }
 //返回列的個數(shù)
 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{// 測試是否循環(huán)滾動

   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()

 }


}

關(guān)于“iOS如何實現(xiàn)中獎名單循環(huán)滾動效果”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

ios
AI