亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Swift實(shí)現(xiàn)可自定義分頁(yè)寬度的UIScrollView

 更新時(shí)間:2017年07月20日 08:35:09   作者:CD826Dong  
這篇文章主要為大家詳細(xì)介紹了Swift實(shí)現(xiàn)可自定義分頁(yè)寬度的UIScrollView,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

最近在開(kāi)發(fā)新版的APP時(shí)需要一個(gè)可自定義分頁(yè)寬度的圖片輪播組件。剛開(kāi)始自己覺(jué)得在這個(gè)萬(wàn)能的互聯(lián)網(wǎng)上早就應(yīng)該有一個(gè)大俠為我們封裝好了,我只需要下載、拷貝、粘貼、修改一下代碼就可以了。誰(shuí)知一圈下來(lái),不知道是自己沒(méi)搜到,還是什么其它原因,根本就找不到。所以,一狠心就自己開(kāi)干了。

我們先看一下需要的效果,如下圖:

ScrollViewPagingDemo.gif

總起來(lái)說(shuō),所需要功能有如下幾項(xiàng):

  • 可自定義分頁(yè)的寬度,并且在兩邊可以顯示相鄰兩項(xiàng)的一部分,從而用戶(hù)知道可以滑動(dòng);
  • 可以無(wú)限輪播;
  • 可以自動(dòng)輪播。

對(duì)于無(wú)限輪播和自動(dòng)輪播在網(wǎng)上一搜索一大把。這里我就不詳細(xì)講了,其原理就是第一頁(yè)和最后一頁(yè)對(duì)contentOffset做一下特殊處理,其它沒(méi)有什么玄機(jī)。

而對(duì)于定義分頁(yè)的寬度經(jīng)過(guò)一番搜索之后實(shí)現(xiàn)的方法也基本上處于同一,原理如下圖:

image

把所能滾動(dòng)的視圖的寬度定為所需要的寬度,并把它放入另外一個(gè)View中,同時(shí)把clipsToBounds設(shè)置為false,這樣相鄰的兩個(gè)頁(yè)面就會(huì)顯示在ScrollView兩邊的空白地方,而不是被切除不顯示。另外,如果能夠讓Scroll View的兩邊的空白地方也可以滑動(dòng),那么需要將View Enhancer的點(diǎn)擊事件同時(shí)作用到Scroll View上。

Ok,既然原理都懂了,那么下手開(kāi)干就不是問(wèn)題了。代碼我就不在這里貼了,可以去我的github上下載,如果喜歡別忘了star一下哦。

看一下示例是如何使用的:

class ScrollViewPagingDemoViewController: UIViewController

 override func viewDidLoad() {
 super.viewDidLoad()

 self.view.addSubview(scrollPagingView)

 // 添加你的Page view,如:
 let view1 = UIView(frame: CGRectZero)
 view1.backgroundColor = UIColor(red: 0xff/255.0, green: 0x2d/255.0, blue: 0x41/255.0, alpha: 1.0)
 view1.layer.borderColor = UIColor(red: 0xff/255.0, green: 0x2d/255.0, blue: 0x41/255.0, alpha: 1.0).CGColor
 view1.layer.borderWidth = 0.5
 view1.layer.cornerRadius = 5
 scrollPagingView.addPage(view1)

 let view2 = UIView(frame: CGRectZero)
 view2.backgroundColor = UIColor(red: 0x00/255.0, green: 0x7a/255.0, blue: 0xff/255.0, alpha: 1.0)
 view2.layer.borderColor = UIColor(red: 0x00/255.0, green: 0x7a/255.0, blue: 0xff/255.0, alpha: 1.0).CGColor
 view2.layer.borderWidth = 0.5
 view2.layer.cornerRadius = 5
 scrollPagingView.addPage(view2)

 let view3 = UIView(frame: CGRectZero)
 view3.backgroundColor = UIColor(red: 0x4b/255.0, green: 0xd9/255.0, blue: 0x64/255.0, alpha: 1.0)
 view3.layer.borderColor = UIColor(red: 0x4b/255.0, green: 0xd9/255.0, blue: 0x64/255.0, alpha: 1.0).CGColor
 view3.layer.borderWidth = 0.5
 view3.layer.cornerRadius = 5
 scrollPagingView.addPage(view3)

 let view4 = UIView(frame: CGRectZero)
 view4.backgroundColor = UIColor(red: 0xff/255.0, green: 0x96/255.0, blue: 0x00/255.0, alpha: 1.0)
 view4.layer.borderColor = UIColor(red: 0xff/255.0, green: 0x96/255.0, blue: 0x00/255.0, alpha: 1.0).CGColor
 view4.layer.borderWidth = 0.5
 view4.layer.cornerRadius = 5
 scrollPagingView.addPage(view4)

 // 用戶(hù)點(diǎn)擊事件,如果需要的話  
 let tapGesture = UITapGestureRecognizer(target:self, action: #selector(ScrollViewPagingDemoViewController.scrollViewTapAction(_:)))
 scrollPagingView.addGestureRecognizer(tapGesture)
 }

 override func viewWillLayoutSubviews() {
 super.viewWillLayoutSubviews()

 // 設(shè)置大小,并初始化setup方法必須調(diào)用
 self.scrollPagingView.frame = CGRect(x: 0, y: 100, width: self.view.bounds.width, height: 240)
 self.scrollPagingView.setup() 
 }

 private lazy var scrollPagingView: CDScrollPagingView = {
 let scrollPagingView = CDScrollPagingView()
 // 控制頁(yè)與頁(yè)之間的間隔,默認(rèn)為10
 scrollPagingView.itemSpacing = 10.0
 // 是否顯示分頁(yè)指示器,默認(rèn)顯示
 scrollPagingView.showPageControl = true
 // 自動(dòng)切換的時(shí)間間隔,默認(rèn)為3s,0表示不自動(dòng)切換
 scrollPagingView.timeInterval = 3.0
 return scrollPagingView
 }()

 func scrollViewTapAction(sender: CDScrollPagingView){
 if let curPage = scrollPagingView.currentPage() {
  let alertController = UIAlertController(title: "系統(tǒng)提示",
            message: "您點(diǎn)擊第\\(curPage)頁(yè)", preferredStyle: .Alert)
  let okAction = UIAlertAction(title: "Ok", style: .Default, handler: nil)
  alertController.addAction(okAction)
  self.presentViewController(alertController, animated: true, completion: nil)

 }
 }
}

需要說(shuō)明的有以下幾點(diǎn):

  • 分頁(yè)的寬度可以通過(guò)設(shè)置CDScrollPagingView.pageWidth的值大小來(lái)控制,默認(rèn)為0.85即整個(gè)寬度的85%
  • 頁(yè)與頁(yè)之間的間隔可以通過(guò)CDScrollPagingView.itemSpacing來(lái)設(shè)置,默認(rèn)值為10.0
  • 分頁(yè)指示器可以控制是否顯示,控制的參數(shù)為CDScrollPagingView.showPageControl
  • 自動(dòng)輪播的時(shí)間間隔可以通過(guò)scrollPagingView.timeInterval來(lái)控制,默認(rèn)為3s,如果設(shè)置為0表示不進(jìn)行自動(dòng)輪播

另外,如果想為每個(gè)頁(yè)添加點(diǎn)擊事件或者頁(yè)面中控件需要添加事件處理是非常麻煩的,因?yàn)閁IScrollView已經(jīng)對(duì)事件做了處理,所以如果直接綁定事件處理的話會(huì)沒(méi)有任何反應(yīng),這個(gè)也把我折騰了好久。不過(guò),對(duì)于這種輪播控件的需求大部分應(yīng)該是點(diǎn)擊了某個(gè)頁(yè)面后進(jìn)行一些處理,因此CDScrollPagingView提供了一個(gè)方法currentPage()來(lái)獲取當(dāng)前是第幾頁(yè),這樣就可以根據(jù)這個(gè)值進(jìn)行處理了。具體可以看上面的示例代碼。

這個(gè)控件我也只是開(kāi)發(fā)了最基礎(chǔ)的一些功能,不過(guò)已經(jīng)滿(mǎn)足了自己APP的需要。后續(xù)如果需要可能還會(huì)需要增加一些動(dòng)效。

如果感興趣,大家可以到github下載。

P.S. 這個(gè)分頁(yè)控件里面最少要有3個(gè)頁(yè)面,否則會(huì)崩潰。

相關(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版webview加載網(wǎng)頁(yè)進(jìn)度條效果

    swift版webview加載網(wǎng)頁(yè)進(jìn)度條效果

    這篇文章主要為大家詳細(xì)介紹了swift實(shí)現(xiàn)webview加載網(wǎng)頁(yè)進(jìn)度條效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-11-11
  • Swift中排序算法的簡(jiǎn)單取舍詳解

    Swift中排序算法的簡(jiǎn)單取舍詳解

    對(duì)于排序算法, 通常簡(jiǎn)單的, 為大家所熟知的有, 選擇排序, 冒泡排序, 快速排序, 當(dāng)然還有哈希, 桶排序之類(lèi)的, 本文僅比較最為常見(jiàn)的選擇, 冒泡和快排,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來(lái)一起看看吧。
    2018-03-03
  • Objective-C和Swift的轉(zhuǎn)換速查手冊(cè)(推薦)

    Objective-C和Swift的轉(zhuǎn)換速查手冊(cè)(推薦)

    這篇文章主要給大家介紹了關(guān)于Objective-C和Swift的轉(zhuǎn)換速查手冊(cè)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),非常推薦給大家參考學(xué)習(xí)使用,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)不
    2018-06-06
  • iOS中Swift指觸即開(kāi)集成Touch ID指紋識(shí)別功能的方法

    iOS中Swift指觸即開(kāi)集成Touch ID指紋識(shí)別功能的方法

    隨著移動(dòng)支付時(shí)代的到來(lái),Touch ID 指紋驗(yàn)證迅速被支付寶,微信錢(qián)包普及,相信各位朋友使用后也大呼方便。下面給大家分享iOS中Swift指觸即開(kāi)集成Touch ID指紋識(shí)別功能的方法,一起看看吧
    2017-03-03
  • Swift 3.0基礎(chǔ)學(xué)習(xí)之閉包

    Swift 3.0基礎(chǔ)學(xué)習(xí)之閉包

    Swift引進(jìn)了閉包的概念,這個(gè)與object-c的block類(lèi)似,使用過(guò)block的話都知道有多方便,所以開(kāi)始學(xué)Swift,先要把閉包學(xué)會(huì),后面使用會(huì)很頻繁。下面這篇文章主要介紹了Swift 3.0基礎(chǔ)學(xué)習(xí)之閉包的相關(guān)資料,需要的朋友可以參考借鑒,下面來(lái)一起看看吧。
    2017-03-03
  • 在 Swift 中測(cè)試 UIAlertController的方法

    在 Swift 中測(cè)試 UIAlertController的方法

    這篇文章主要介紹了在 Swift 中測(cè)試 UIAlertController的方法的,需要的朋友可以參考下
    2015-10-10
  • Swift中實(shí)現(xiàn)點(diǎn)擊、雙擊、捏、旋轉(zhuǎn)、拖動(dòng)、劃動(dòng)、長(zhǎng)按手勢(shì)的類(lèi)和方法介紹

    Swift中實(shí)現(xiàn)點(diǎn)擊、雙擊、捏、旋轉(zhuǎn)、拖動(dòng)、劃動(dòng)、長(zhǎng)按手勢(shì)的類(lèi)和方法介紹

    這篇文章主要介紹了Swift中實(shí)現(xiàn)點(diǎn)擊、雙擊、捏、旋轉(zhuǎn)、拖動(dòng)、劃動(dòng)、長(zhǎng)按手勢(shì)的類(lèi)和方法介紹,本文分別給出了各種手勢(shì)的實(shí)現(xiàn)代碼,需要的朋友可以參考下
    2015-01-01
  • Swift踩坑實(shí)戰(zhàn)之一個(gè)字符引發(fā)的Crash

    Swift踩坑實(shí)戰(zhàn)之一個(gè)字符引發(fā)的Crash

    swift通常都是通過(guò)對(duì)應(yīng)的signal來(lái)捕獲crash,下面這篇文章主要給大家介紹了關(guān)于Swift踩坑實(shí)戰(zhàn)之一個(gè)字符引發(fā)的Crash的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-02-02
  • Swift中風(fēng)味各異的類(lèi)型擦除實(shí)例詳解

    Swift中風(fēng)味各異的類(lèi)型擦除實(shí)例詳解

    你也許曾聽(tīng)過(guò)類(lèi)型擦除,甚至也使用過(guò)標(biāo)準(zhǔn)庫(kù)提供的類(lèi)型擦除類(lèi)型如 AnySequence,下面這篇文章主要給大家介紹了關(guān)于Swift中風(fēng)味各異的類(lèi)型擦除的相關(guān)資料,需要的朋友可以參考下
    2022-04-04

最新評(píng)論