最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Swift實(shí)現(xiàn)3D輪播圖效果

 更新時(shí)間:2020年02月22日 08:59:57   作者:出來嗨  
這篇文章主要為大家詳細(xì)介紹了Swift實(shí)現(xiàn)3D輪播圖效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Swift實(shí)現(xiàn)3D輪播圖效果的具體代碼,供大家參考,具體內(nèi)容如下

整天逛淘寶,偶爾有一天看到其中的展示頁有個(gè)看起來很炫的效果,閑來無事就試著寫一個(gè)出來,先來看效果:

簡單記一下思路,這里我選擇使用UICollectionView控件,先根據(jù)其復(fù)用和滾動(dòng)的特性做出無限輪播的效果,關(guān)鍵代碼:

//數(shù)據(jù)源數(shù)組
 let totalCount = 100
 var models: [String] = [String]() {
 didSet {
  //判斷元素個(gè)數(shù)
  if models.count < 2 {
  collectionView.isScrollEnabled = false
  }
  //網(wǎng)上的找來的一個(gè)辦法添加100組數(shù)據(jù)源對(duì)應(yīng)的索引數(shù)組indexArr
  for _ in 0..<totalCount {
  for j in 0..<models.count {
   indexArr.append(j)
  }
  }
  //開始就滾動(dòng)到第50組數(shù)據(jù)源
  collectionView.scrollToItem(at: IndexPath(item: totalCount/2 * models.count, section: 0), at: .centeredHorizontally, animated: false)
 }
 }

滾動(dòng)停止時(shí)走的方法里做處理:

func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
 //找到滾動(dòng)停止的點(diǎn)對(duì)應(yīng)的collectionView的indexPath
 let point = self.convert(collectionView.center, to: collectionView)
 let index = collectionView.indexPathForItem(at: point)
 let indexpath = (index?.row ?? 0) % models.count
 
 collectionView.scrollToItem(at: IndexPath(item: totalCount/2 * models.count + indexpath, section: 0), at: .centeredHorizontally, animated: false)
 }

以上是滾動(dòng)的處理,接下來就是item的漸變效果處理,看到這種情況就想到要寫一個(gè)UICollectionViewFlowLayout
類供collectionView使用,UICollectionViewFlowLayout是管理item怎么展示用的,首先重寫展示視圖內(nèi)的layoutAttributes方法,在此方法中找到attribute對(duì)應(yīng)的item及其屬性,和collectionView的偏移量和中心點(diǎn),進(jìn)行一系列的計(jì)算:

override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
 
 //集合視圖的寬高(這里默認(rèn)寬高相等)
 let itemHeight = self.collectionView?.frame.height ?? 0
 //可是視圖內(nèi)的attributes數(shù)組
 let array = super.layoutAttributesForElements(in: rect)
 //item透明度開始變化時(shí)的item的中心點(diǎn)x
 let centerX = self.collectionView!.contentOffset.x + itemHeight/2
 print(self.collectionView?.contentOffset.x ?? 0)
 
 for attributes in array! {
  //開始變化時(shí)的item的中心點(diǎn)x 與 實(shí)際中心點(diǎn)相比較
  let value = attributes.center.x - centerX
  let delta = abs(value)
  //設(shè)置縮放比例,此處4*itemHeight可根據(jù)縮放效果進(jìn)行修改
  let scale = 1 - delta/(4*itemHeight)
 
  //設(shè)置縮放比例
  attributes.transform = CGAffineTransform.init(scaleX: scale, y: scale)
  //層次關(guān)系,設(shè)置此屬性使item依次上下排列
  attributes.zIndex = Int(1 - abs(delta))
  
  //value<=0表示向左移動(dòng),最前面的item停止一段距離
  if value <= 0{
  //實(shí)際中心點(diǎn)與開始變化時(shí)的item的中心點(diǎn)小于等于設(shè)定的邊界值
  if delta >= 0 && delta <= itemHeight
  {
   //item的中心點(diǎn)固定不變
   attributes.center.x = centerX
   //根據(jù)推進(jìn)值,改變item的透明度,此處的delta>10是想讓item有一個(gè)達(dá)到目標(biāo)區(qū)域時(shí)有一個(gè)停頓效果而不是直接進(jìn)入改變透明度的階段
   attributes.alpha = (delta > 10) ? (1 - delta/(itemHeight/4)) : 1
   //設(shè)置縮放比例,停頓階段不進(jìn)行縮放
   attributes.transform = CGAffineTransform.init(scaleX: 1, y: 1)
  } else {
   //移動(dòng)大于邊界值,就是從停頓階段到透明度改變,此處是下一個(gè)item上來,當(dāng)前item透明度變?yōu)?
   attributes.alpha = 0
  }
  }
 }
 return array
 }

解決最后一個(gè)小問題,拖動(dòng)iitem開始滾動(dòng),滾動(dòng)結(jié)束時(shí)讓它自動(dòng)滾動(dòng)到網(wǎng)格區(qū)域,而不是停在當(dāng)前或許不適當(dāng)?shù)牡胤?,重寫UICollectionViewFlowLayout另一個(gè)方法:

override func targetContentOffset(forProposedContentOffset proposedContentOffset: CGPoint, withScrollingVelocity velocity: CGPoint) -> CGPoint {
 
 let targetRect = CGRect(x: proposedContentOffset.x, y: 0.0, width: self.collectionView!.bounds.size.width, height: self.collectionView!.bounds.size.height)
 
 //目標(biāo)區(qū)域中包含的cell
 let attrArray = super.layoutAttributesForElements(in: targetRect) as! [UICollectionViewLayoutAttributes]
 //collectionView落在屏幕重點(diǎn)的x坐標(biāo)
 let horizontalCenterX = proposedContentOffset.x + (self.collectionView?.frame.height ?? 0)/2
 var offsetAdjustment = CGFloat(MAXFLOAT)
 for layoutAttributes in attrArray {
  
  let itemHorizontalCenterX = layoutAttributes.center.x
  //找出離中心店最近的
  if (abs(itemHorizontalCenterX-horizontalCenterX) < abs(offsetAdjustment)) {
  offsetAdjustment = itemHorizontalCenterX - horizontalCenterX
  }
 }
 
 //返回collectionView最終停留的位置
 return CGPoint(x: proposedContentOffset.x + offsetAdjustment, y: proposedContentOffset.y)
 
 }
//當(dāng)collectionView的顯示范圍發(fā)生改變的時(shí)候,是否重新布局
 override func shouldInvalidateLayout(forBoundsChange newBounds: CGRect) -> Bool {
 return true
 }

最后一個(gè)方法不寫看不到漸變的效果。
源碼地址:點(diǎn)擊打開鏈接

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 使用Swift實(shí)現(xiàn)iOS App中解析XML格式數(shù)據(jù)的教程

    使用Swift實(shí)現(xiàn)iOS App中解析XML格式數(shù)據(jù)的教程

    這篇文章主要介紹了使用Swift實(shí)現(xiàn)iOS App中解析XML格式數(shù)據(jù)的教程,講到了iOS中提供的NSXMLParser和NSXMLParserDelegate兩個(gè)API的用法,需要的朋友可以參考下
    2016-04-04
  • Swift使用CoreData時(shí)遇到的一些填坑記錄

    Swift使用CoreData時(shí)遇到的一些填坑記錄

    這篇文章主要給大家記錄了在Swift使用CoreData時(shí)遇到的一些坑,以及介紹了CoreData在Swift 3.0中的一點(diǎn)改變,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起看看吧。
    2017-12-12
  • swift依賴注入和依賴注入容器詳解

    swift依賴注入和依賴注入容器詳解

    這篇文章主要為大家介紹了swift依賴注入和依賴注入容器詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-01-01
  • 如何快速用上Swift靜態(tài)庫詳解

    如何快速用上Swift靜態(tài)庫詳解

    這篇文章主要給大家介紹了關(guān)于如何快速用上Swift靜態(tài)庫的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
    2018-03-03
  • Swift HTTP加載請(qǐng)求Loading Requests教程

    Swift HTTP加載請(qǐng)求Loading Requests教程

    這篇文章主要為大家介紹了Swift HTTP加載請(qǐng)求Loading Requests教程示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-02-02
  • 詳解swift中xcworkspace多項(xiàng)目管理

    詳解swift中xcworkspace多項(xiàng)目管理

    給大家詳細(xì)講解了IOS開發(fā)中swift語言xcworkspace多項(xiàng)目管理的方法和介紹,一起參考一下。
    2017-11-11
  • Swift中初始化init的方法小結(jié)

    Swift中初始化init的方法小結(jié)

    Swift有著超級(jí)嚴(yán)格的初始化方法,不僅強(qiáng)化了designated初始化方法的地位,所有不加修飾的init方法都需要在方法中確保非Optional的實(shí)例變量被賦值初始化,下面這篇文章主要給大家介紹了關(guān)于Swift中初始化init的相關(guān)資料,需要的朋友可以參考下。
    2018-04-04
  • swift中AnyObject和Any的介紹與區(qū)別詳解

    swift中AnyObject和Any的介紹與區(qū)別詳解

    雖然使用swift開發(fā)了一段時(shí)間,但是感覺對(duì)一些基礎(chǔ)的東西了解不是比較透徹,在查詢了許多資料以后還是打算自己動(dòng)手記錄一下,下面這篇文章主要給大家介紹了關(guān)于swift中AnyObject和Any的介紹與區(qū)別的相關(guān)資料,需要的朋友可以參考下。
    2017-12-12
  • Swift仿選擇電影票的效果并實(shí)現(xiàn)無限/自動(dòng)輪播的方法

    Swift仿選擇電影票的效果并實(shí)現(xiàn)無限/自動(dòng)輪播的方法

    這篇文章主要給大家介紹了關(guān)于Swift仿選擇電影票的效果并實(shí)現(xiàn)無限/自動(dòng)輪播的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2018-08-08
  • swift中c風(fēng)格的for循環(huán)執(zhí)行效率

    swift中c風(fēng)格的for循環(huán)執(zhí)行效率

    這篇文章主要介紹了swift中c風(fēng)格的for循環(huán)執(zhí)行效率 的相關(guān)資料,需要的朋友可以參考下
    2016-07-07

最新評(píng)論

天峨县| 昭苏县| 北辰区| 湘乡市| 溧阳市| 保德县| 湖北省| 廊坊市| 项城市| 乐山市| 长沙市| 久治县| 常州市| 四平市| 彭泽县| 济源市| 远安县| 淮阳县| 黄浦区| 饶阳县| 玛沁县| 开江县| 天柱县| 阳东县| 苍梧县| 大埔县| 太康县| 乌拉特前旗| 城步| 沁源县| 文成县| 衢州市| 大连市| 基隆市| 西宁市| 尉氏县| 绥中县| 通海县| 九江市| 关岭| 方城县|