亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 系統 > iOS > 正文

iOS開發商品頁中banner中點擊查看圖片

2020-07-26 02:30:21
字體:
來源:轉載
供稿:網友

輪翻播放與查看是分開的,輪翻是是用 開源的SDCycleScrollView

這里是給出的是查看的:

//// FullScreenShowImageView.swift// joopic//// Created by jianxiong li on 16/9/27.// Copyright © 2016年 joobot. All rights reserved.//import Foundationimport UIKit//圖片輪播組件代理協議protocol FullScreenShowImageViewDelegate{ //獲取數據源 func galleryDataSource()->[String] //獲取內部scrollerView的寬高尺寸 func galleryScrollerViewSize()->CGSize  func hiddenForCliked(index:Int)}//圖片輪播組件控制器class FullScreenShowImageView: UIView,UIScrollViewDelegate{ //代理對象 var delegate : FullScreenShowImageViewDelegate!  //屏幕寬度 let kScreenWidth = BWidth  //當前展示的圖片索引 var currentIndex : Int = 0  //數據源 var dataSource : [String]?  //用于輪播的左中右三個image(不管幾張圖片都是這三個imageView交替使用) var leftImageView , middleImageView , rightImageView : UIImageView?  //放置imageView的滾動視圖 var scrollerView : UIScrollView?  //scrollView的寬和高 var scrollerViewWidth : CGFloat? var scrollerViewHeight : CGFloat?  //頁控制器(小圓點) var pageControl : UIPageControl?  //加載指示符(用來當iamgeView還沒將圖片顯示出來時,顯示的圖片) var placeholderImage:UIImage!  //自動滾動計時器 var autoScrollTimer:NSTimer?  init(frame: CGRect,delegate:FullScreenShowImageViewDelegate) {  super.init(frame: frame)  self.delegate = delegate  praperaUI() } required init?(coder aDecoder: NSCoder) {  fatalError("init(coder:) has not been implemented") } func praperaUI() {    //獲取并設置scrollerView尺寸  let size : CGSize = self.delegate.galleryScrollerViewSize()  self.scrollerViewWidth = size.width  self.scrollerViewHeight = size.height    //獲取數據  self.dataSource = self.delegate.galleryDataSource()  //設置scrollerView  self.configureScrollerView()    //設置加載指示圖片  self.configurePlaceholder()    //設置imageView  self.configureImageView()    //設置頁控制器  self.configurePageController()    //設置自動滾動計時器  //self.configureAutoScrollTimer()    self.backgroundColor = UIColor.blackColor()    self.addTapAction() }   func addTapAction(){  //添加組件的點擊事件  let tap = UITapGestureRecognizer(target: self,           action: #selector(FullScreenShowImageView.handleTapAction(_:)))  self.addGestureRecognizer(tap) }  //點擊事件響應 func handleTapAction(tap:UITapGestureRecognizer)->Void{  //獲取圖片索引值  self.delegate.hiddenForCliked(self.currentIndex)  self.dismissViewAnimate() }  func presentViewAnimate() {    let fr = self.middleImageView?.frame  self.middleImageView?.frame = CGRect(x: fr!.origin.x, y: 22, width: fr!.width, height: fr!.height)  UIView.animateWithDuration(10, animations: {      self.middleImageView?.frame = fr!     }) { (_) in     }   }  func dismissViewAnimate() {    let fr = self.middleImageView?.frame  self.middleImageView?.frame = CGRect(x: fr!.origin.x, y: fr!.origin.y - StatusAndNavHeight, width: fr!.width, height: fr!.height)  UIView.animateWithDuration(10, animations: {       self.middleImageView?.frame = CGRect(x: fr!.origin.x , y: -42, width: fr!.width, height: fr!.height)     }) { (_) in      self.hidden = true   self.middleImageView?.frame = fr!  }   }  //設置scrollerView func configureScrollerView(){  self.scrollerView = UIScrollView(frame: CGRect(x: 0,y: 0,   width: self.scrollerViewWidth!, height: BHeight))    self.scrollerView?.backgroundColor = UIColor.blackColor()  self.scrollerView?.delegate = self  self.scrollerView?.contentSize = CGSize(width: self.scrollerViewWidth! * 3,            height: BHeight)  //滾動視圖內容區域向左偏移一個view的寬度  self.scrollerView?.contentOffset = CGPoint(x: self.scrollerViewWidth!, y: 0)  self.scrollerView?.pagingEnabled = true  self.scrollerView?.bounces = false  self.addSubview(self.scrollerView!)   }  //設置加載指示圖片 func configurePlaceholder(){  //這里我使用ImageHelper將文字轉換成圖片,作為加載指示符  let font = UIFont.systemFontOfSize(17)// UIFont.systemFont(ofSize: 17.0, weight: UIFontWeightMedium)  let size = CGSize(width: self.scrollerViewWidth!, height: self.scrollerViewHeight!)  placeholderImage = UIImage(named: "圖片加載中...") }  //設置imageView func configureImageView(){    self.leftImageView = UIImageView(frame: CGRect(x: 0, y: (BHeight-scrollerViewHeight!)/2,   width: self.scrollerViewWidth!, height: self.scrollerViewHeight!))    self.middleImageView = UIImageView(frame: CGRect(x: self.scrollerViewWidth!, y: (BHeight-scrollerViewHeight!)/2,   width: self.scrollerViewWidth!, height: self.scrollerViewHeight! ));    self.rightImageView = UIImageView(frame: CGRect(x: 2*self.scrollerViewWidth!, y: (BHeight-scrollerViewHeight!)/2,   width: self.scrollerViewWidth!, height: self.scrollerViewHeight!));  self.scrollerView?.showsHorizontalScrollIndicator = false    self.leftImageView?.contentMode = UIViewContentMode.ScaleAspectFit  self.middleImageView?.contentMode = UIViewContentMode.ScaleAspectFit  self.rightImageView?.contentMode = UIViewContentMode.ScaleAspectFit    //設置初始時左中右三個imageView的圖片(分別時數據源中最后一張,第一張,第二張圖片)  if(self.dataSource?.count != 0){   resetImageViewSource()  }    self.scrollerView?.addSubview(self.leftImageView!)  self.scrollerView?.addSubview(self.middleImageView!)  self.scrollerView?.addSubview(self.rightImageView!) }  //設置頁控制器 func configurePageController() {  self.pageControl = UIPageControl(frame: CGRect(x: kScreenWidth/2-60,               y: BHeight - 30, width: 120, height: 20))  self.pageControl?.numberOfPages = (self.dataSource?.count)!  self.pageControl?.userInteractionEnabled = false  self.addSubview(self.pageControl!) }  //設置自動滾動計時器 func configureAutoScrollTimer() {  //設置一個定時器,每三秒鐘滾動一次  autoScrollTimer = NSTimer.scheduledTimerWithTimeInterval(3, target: self, selector: #selector(SliderGalleryController.letItScroll), userInfo: nil, repeats: true) }  //計時器時間一到,滾動一張圖片 func letItScroll(){  let offset = CGPoint(x: 2*scrollerViewWidth!, y: 0)  self.scrollerView?.setContentOffset(offset, animated: true) }  //每當滾動后重新設置各個imageView的圖片 func resetImageViewSource() {  //當前顯示的是第一張圖片  if self.currentIndex == 0 {   self.leftImageView?.sd_setImageWithURL(NSURL(string: self.dataSource!.last!))   self.middleImageView?.sd_setImageWithURL(NSURL(string: self.dataSource!.first!))   let rightImageIndex = (self.dataSource?.count)!>1 ? 1 : 0 //保護   self.rightImageView?.sd_setImageWithURL(NSURL(string: self.dataSource![rightImageIndex]))        }   //當前顯示的是最后一張圖片  else if self.currentIndex == (self.dataSource?.count)! - 1 {      self.leftImageView?.sd_setImageWithURL(NSURL(string:self.dataSource![self.currentIndex-1]))   self.middleImageView?.sd_setImageWithURL(NSURL(string: self.dataSource!.last!))   self.rightImageView?.sd_setImageWithURL(NSURL(string: self.dataSource!.first!))     }   //其他情況  else{      self.leftImageView?.sd_setImageWithURL(NSURL(string:self.dataSource![self.currentIndex-1]))   self.middleImageView?.sd_setImageWithURL(NSURL(string: self.dataSource![self.currentIndex]))   self.rightImageView?.sd_setImageWithURL(NSURL(string: self.dataSource![self.currentIndex+1]))  }    //設置頁控制器當前頁碼  self.pageControl?.currentPage = self.currentIndex }   //scrollView滾動完畢后觸發 func scrollViewDidScroll(scrollView: UIScrollView) {  //獲取當前偏移量  let offset = scrollView.contentOffset.x    if(self.dataSource?.count != 0){      //如果向左滑動(顯示下一張)   if(offset >= self.scrollerViewWidth!*2){    //還原偏移量    scrollView.contentOffset = CGPoint(x: self.scrollerViewWidth!, y: 0)    //視圖索引+1    self.currentIndex = self.currentIndex + 1        if self.currentIndex == self.dataSource?.count {     self.currentIndex = 0    }   }      //如果向右滑動(顯示上一張)   if(offset <= 0){    //還原偏移量    scrollView.contentOffset = CGPoint(x: self.scrollerViewWidth!, y: 0)    //視圖索引-1    self.currentIndex = self.currentIndex - 1        if self.currentIndex == -1 {     self.currentIndex = (self.dataSource?.count)! - 1    }   }      //重新設置各個imageView的圖片   resetImageViewSource()     } }  //手動拖拽滾動開始 func scrollViewWillBeginDragging(scrollView: UIScrollView) {  //使自動滾動計時器失效(防止用戶手動移動圖片的時候這邊也在自動滾動)  //autoScrollTimer?.invalidate() }  //手動拖拽滾動結束 func scrollViewDidEndDragging(scrollView: UIScrollView,         willDecelerate decelerate: Bool) {  //重新啟動自動滾動計時器  //configureAutoScrollTimer()   }}

如何使用:

var sliderGallery : FullScreenShowImageView! var bannerCurrentIndex:Int = 0  //圖片輪播組件協議方法:獲取內部scrollView尺寸 func galleryScrollerViewSize() -> CGSize {  return CGSize(width: BWidth, height: BHeight/2) }  //圖片輪播組件協議方法:獲取數據集合 func galleryDataSource() -> [String] {  return self.bannerView.imageURLStringsGroup as! [String] }   //點擊事件響應 func hiddenForCliked(index:Int){  if(bannerCurrentIndex != index){    self.bannerView.scrollToIndex(Int32(index))  }  self.navigationController?.setNavigationBarHidden(false, animated: false) }  func showImageGallery(index:Int){  //初始化圖片輪播組件  if(sliderGallery == nil){   sliderGallery = FullScreenShowImageView(frame: CGRect(x: 0, y: 0, width: BWidth,    height: BHeight),delegate:self)      sliderGallery.currentIndex = index   sliderGallery.resetImageViewSource()      //將圖片輪播組件添加到當前視圖   self.view.addSubview(sliderGallery)     }else{   sliderGallery.currentIndex = index   sliderGallery.resetImageViewSource()   sliderGallery.hidden = false     }  self.sliderGallery.presentViewAnimate()  self.navigationController?.setNavigationBarHidden(true, animated: false) }  //pragma -- SDCycleScrollViewDelegate func cycleScrollView(cycleScrollView: SDCycleScrollView!, didSelectItemAtIndex index: Int) {  print("--------index:/(index)")  bannerCurrentIndex = index  self.showImageGallery(index)   }

以上就是本次我們整理的代碼全部內容,如果大家學習時候還有任何不明白的地方,可以在下方的留言區討論,感謝你對武林網的支持。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久99久久亚洲国产| 亚州精品天堂中文字幕| 日韩在线观看免费高清| 久久亚洲国产成人| 国产精品网站视频| 尤物tv国产一区| 欧美激情精品久久久久久大尺度| 伊人伊成久久人综合网小说| 国产日韩欧美视频在线| 久久精品国产一区| 国产91免费看片| 日韩av一区在线| 精品国产1区2区| 亚洲理论片在线观看| 日韩精品免费观看| 国产亚洲美女久久| 久久久国产成人精品| 欧美极品美女电影一区| 亚洲va久久久噜噜噜久久天堂| 久久理论片午夜琪琪电影网| 亚洲免费电影一区| 国产97在线观看| 欧美一级淫片播放口| 色综合五月天导航| 亚洲精品久久久久中文字幕二区| 日韩精品免费一线在线观看| 国产精品成人一区| 91视频九色网站| 亚洲高清福利视频| 久久久久一本一区二区青青蜜月| 国模私拍一区二区三区| 国产va免费精品高清在线观看| 国产精品www| 色综合久久天天综线观看| 国产精品久久久久久久久久久久| 亚洲国产中文字幕久久网| 亚洲淫片在线视频| 久久久999精品| 成人欧美一区二区三区在线湿哒哒| 尤物yw午夜国产精品视频明星| 日韩欧美国产骚| 亚洲精品影视在线观看| 欧美精品成人在线| 福利一区福利二区微拍刺激| 成人精品视频99在线观看免费| 亚洲精品一区在线观看香蕉| 欧美日韩第一视频| 欧美日韩色婷婷| 国产激情999| 久久国产天堂福利天堂| 亚洲综合日韩在线| 成人www视频在线观看| 97视频色精品| 亚洲欧美国产一本综合首页| 亚洲一区二区在线播放| 91久久国产精品| 久久人人看视频| 精品av在线播放| 久久夜精品va视频免费观看| 欧美激情欧美激情在线五月| 久久精品国产91精品亚洲| 久久国产精品免费视频| 欧美国产在线电影| 中文字幕最新精品| 丁香五六月婷婷久久激情| 欧美日本啪啪无遮挡网站| 久久频这里精品99香蕉| 深夜精品寂寞黄网站在线观看| 性色av一区二区三区免费| 97人人模人人爽人人喊中文字| 欧美综合一区第一页| 亚洲国语精品自产拍在线观看| 成人观看高清在线观看免费| 亚洲电影在线看| 久久久精品久久久| 日韩精品极品在线观看播放免费视频| 91美女片黄在线观| 成人a免费视频| 国产不卡av在线免费观看| 色樱桃影院亚洲精品影院| 久久久久久97| 欧美高清第一页| 久久精品一本久久99精品| 国产精品成人久久久久| 欧美中文在线观看| 中文字幕欧美专区| 亚洲免费av电影| 国产视频在线观看一区二区| 国产福利精品av综合导导航| 欧美亚洲另类制服自拍| 亚洲最大成人在线| 97人洗澡人人免费公开视频碰碰碰| 日韩精品小视频| 国产在线精品自拍| 不卡av在线网站| 亚洲一区二区日本| 超碰91人人草人人干| 少妇高潮 亚洲精品| 成人女保姆的销魂服务| 亚洲天堂精品在线| 色哟哟网站入口亚洲精品| 9.1国产丝袜在线观看| 亚洲在线免费观看| 日本高清不卡在线| 欧美日韩第一视频| 亚洲成人999| 欧美大片欧美激情性色a∨久久| 色久欧美在线视频观看| 午夜美女久久久久爽久久| 日本国产欧美一区二区三区| 亚洲18私人小影院| 久久91亚洲精品中文字幕| 亚洲视频一区二区| 日韩欧美国产激情| 亚洲社区在线观看| 亚洲一区二区在线| 国语自产偷拍精品视频偷| 在线日韩欧美视频| 久久久久国产精品www| 日本精品视频在线播放| 国产在线高清精品| 黑人精品xxx一区| 日日狠狠久久偷偷四色综合免费| 亚洲欧美精品一区二区| 成人写真视频福利网| 亚洲人成欧美中文字幕| 尤物九九久久国产精品的特点| 国产精品偷伦免费视频观看的| 自拍视频国产精品| 91在线视频一区| 久久久久久久亚洲精品| 2019中文字幕在线免费观看| 国产91精品不卡视频| 国产精品午夜国产小视频| 亚洲人av在线影院| 日韩av片永久免费网站| 欧美成人午夜免费视在线看片| 国产婷婷成人久久av免费高清| 欧美日韩激情小视频| 26uuu久久噜噜噜噜| 亚洲最大福利视频网站| 欧美日本中文字幕| 韩剧1988免费观看全集| 久久久久久久久久久av| 国产精品嫩草影院久久久| 国产精品久久9| 日韩免费在线电影| 91超碰caoporn97人人| 国产丝袜视频一区| 欧美成人精品在线观看| 日本精品免费一区二区三区| 久久久www成人免费精品张筱雨| 日本韩国欧美精品大片卡二| 精品magnet| 亚洲第一男人天堂| 欧美黑人极品猛少妇色xxxxx| 美女福利视频一区| 黑人巨大精品欧美一区二区免费| 中文字幕欧美视频在线| 精品偷拍一区二区三区在线看| 国产精品成人品| 97视频在线观看免费| 久久久久久国产精品久久| 亚洲精品综合久久中文字幕|