日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

Swift-ScrollView轮播图的简易封装和使用

發(fā)布時(shí)間:2023/12/14 编程问答 40 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Swift-ScrollView轮播图的简易封装和使用 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

不多說(shuō),輪播圖是開(kāi)發(fā)中必要一項(xiàng)技能,直接上代碼:

先說(shuō)我的思路:首次繼承于UIScrollView類自定義MyScrollView,在MyScrollView里自定制方法,func creatMyScrollView(imageName:[String],height:CGFloat)在里面完成動(dòng)態(tài)布局,通過(guò)傳入的兩個(gè)參數(shù)imageName,height來(lái)制作輪播圖的圖片和高度,設(shè)置contentSize屬性和pagingEnabled屬性,上代碼:

首先繼承于UIScrollView自定義MyScrollView類

class ZYF_MyScrollView: UIScrollView {}

自定義方法

scrollView的輪播就是利用其偏移量來(lái)進(jìn)行設(shè)置,如果實(shí)現(xiàn)n張圖片自動(dòng)輪播,創(chuàng)建計(jì)時(shí)器是必須的,在scrollView中創(chuàng)建n+1張圖片,容量也是n+1張圖片的容量。讓第1張和最后一張是同一張圖片,在偏移量達(dá)到n*width的時(shí)候,讓偏移量置零,這樣,在即將顯示最后一張圖的時(shí)候,scrollView的展示圖片瞬間變成第一張,然后繼續(xù)往后播。這樣形成了我們常見(jiàn)的輪播效果

class ZYF_MyScrollView: UIScrollView {func creatMyScrollView(imageName:[String],height:CGFloat) {//動(dòng)態(tài)布局for i in 0...(imageName.count - 1) {let imageView = UIImageView(frame: CGRectMake(CGFloat(i) * width,0,width,height))self.addSubview(imageView)//設(shè)置輪播圖圖片imageView.image = UIImage(named: imageName[i])}//設(shè)置輪播圖容量self.contentSize = CGSizeMake(CGFloat(imageName.count ) * width, height)//設(shè)置吸附屬性self.bounces = false//設(shè)置書(shū)頁(yè)效果self.pagingEnabled = true//單獨(dú)創(chuàng)建第n+1張輪播圖,和第一張圖片是同一張圖let imageView = UIImageView(frame:CGRectMake(CGFloat(imageName.count) * width, 0, width, height))imageView.image = UIImage(named:imageName[0])self.addSubview(imageView)} }

這樣就算是簡(jiǎn)單的封裝了一下,使用方法如下:

在你要放置的輪播圖的.swift文件中生成 ZYF_MyScrollView的對(duì)象

let scr = ZYF_MyScrollView()

創(chuàng)建圖片名稱數(shù)組

let iamgeNames = ["App公測(cè)","簡(jiǎn)書(shū)出版","簡(jiǎn)書(shū)官方專題","簡(jiǎn)書(shū)月刊","簡(jiǎn)書(shū)出版","簡(jiǎn)書(shū)官方專題"]

調(diào)用creatUI方法,傳入圖片名稱數(shù)組,設(shè)置高度

func creatScrollView() {let view = UIView(frame: CGRectMake(0,0,UIScreen.mainScreen.bounds.size.width,280))scr.creatUI(imageNames,height:200)view.addSubView(scr) }

到此,一個(gè)能夠拖動(dòng)的輪播圖就制作結(jié)束了,實(shí)現(xiàn)自動(dòng)輪播,下面我們需要借助計(jì)時(shí)器NSTimer

創(chuàng)建NSTimer

//創(chuàng)建輪播圖定時(shí)器func creatTimer() {let timer = NSTimer.scheduledTimerWithTimeInterval(3, target: self, selector: #selector(self.timerManager), userInfo: nil, repeats: true)//這句話實(shí)現(xiàn)多線程,如果你的ScrollView是作為T(mén)ableView的headerView的話,在拖動(dòng)tableView的時(shí)候讓輪播圖仍然能輪播就需要用到這句話NSRunLoop.currentRunLoop().addTimer(timer, forMode: NSRunLoopCommonModes)}//創(chuàng)建定時(shí)器管理者func timerManager() {//設(shè)置偏移量scr.setContentOffset(CGPointMake(scr.contentOffset.x + width, 0), animated: true)//當(dāng)偏移量達(dá)到最后一張的時(shí)候,讓偏移量置零if scr.contentOffset.x == CGFloat(width) * CGFloat(imageNames.count) {scr.contentOffset = CGPointMake(0, 0)}}

到此,自動(dòng)輪播圖制作完畢,在使用中還缺少了一個(gè)組件,就是小白點(diǎn)UIPageControl,回到func creatScrollView(){}中

func creatScrollView() {let view = let view = UIView(frame: CGRectMake(0,0,UIScreen.mainScreen.bounds.size.width,280))scr.creatUI(imageNames,height:200)`view.addSubView(scr)let page = UIPageControl()page.frame = CGRectMake(width / 2 - 50,160,100,30)page.numberOfPages = imageNames.count//將小白點(diǎn)放到scr之上view.insertSubview(page, aboveSubview: scr) }

遵守UIScrollViewDelegate協(xié)議,設(shè)置小白點(diǎn)的跟隨輪動(dòng)

//當(dāng)手動(dòng)滾動(dòng)視圖翻頁(yè)時(shí)調(diào)用該方法var cnt = 0func scrollViewDidEndDecelerating(scrollView: UIScrollView) {let cPage = scr.contentOffset.x / widthpage.currentPage = Int(cPage)cnt = Int(cPage)}//自動(dòng)播放時(shí),調(diào)用該方法func scrollViewDidEndScrollingAnimation(scrollView: UIScrollView) {cnt += 1page.currentPage = cnt % imageNames.count}

到此,全部工程就完成了

效果如下

總結(jié)

以上是生活随笔為你收集整理的Swift-ScrollView轮播图的简易封装和使用的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。