【移動應用開發(fā)技術】iOS如何設計左右滑動標簽頁導航

【移動應用開發(fā)技術】iOS如何設計左右滑動標簽頁導航

這篇文章主要講解了iOS如何設計左右滑動標簽頁導航，內容清晰明了，對此有興趣的小伙伴可以學習一下，相信大家閱讀完之后會有幫助。iOS中左右滑動切換，滑動標簽頁導航的設計思路，具體內容如下iOS開發(fā)中經(jīng)常（幾乎每個APP都含有這樣的頁面吧，幾乎！UI設計師也都是這樣抄來抄去…..）demo見Github：SliderTab估計很多人都會說，直接用第三方就可以了，很多人封裝過，很好用。而且這樣的頁面用第三方2分鐘搞定，省時省力。筆者也曾用過第三方，但是屢屢出bug。而且不好修改。所以只能自己寫，bug少，代碼通俗易懂，童叟無欺。這里介紹一個第三方DLSlideView，Github地址：DLSlideView，目前達到200多個star。但是中間出了一次bug，說是tableView左滑動刪除有問題，后來這個原作者更新了版本，修復了這個bug。但是我使用的過程中又發(fā)現(xiàn)一個新bug，就是里面放UIScrollView的時候也有問題。所以此文章不對代碼進行封裝，僅提供思路和代碼。這樣才能真正適配光大開發(fā)者（授之以魚不如授之以漁），因為筆者認為每個頁面都有不同，我們需要掌握思路，這樣萬變不離其宗，任何復雜的UI頁面都可以用這個思路去寫出來。下面我們來實現(xiàn)這樣的一個比較時髦的效果，在導航上面加三個tab（其實就是三個button），支持手勢切換，支持點擊tab切換。1.理論分析先觀察這個效果圖，三個UIButton和一個滑動的UILabel，UILabel給一個動畫，讓他的frame跟隨某一個UIButton就可以了。至于跟蹤哪個UIButton，當然是點擊到的那個UIButton了，那么沒點擊只是滑動怎么辦？UIScrollView的代理里面獲取當前獲得焦點的UIButton就可以了。三個UIButton分別對應不同的頁面，每個頁面可能邏輯很多很復雜，這樣的話如果寫在一個VC里面就顯得臃腫了，我們要想辦法分離代碼，易于維護，并把邏輯分離，這樣的話，就要對應3個ViewController。既然支持手勢滑動，我們想到的就是UIScrollView，它有分頁效果，很6很87。我們可以把三個vc中的view拿出來，分別貼到UIScrollView上面去（就是addSubView）。理論到此完畢，下面上代碼。2.代碼實現(xiàn)我們要在HomeViewController里面放一個UIScrollView，然后初始化三個VC，分別拿到三個VC.view,最后把VC.view貼到UIScrollView上面，實現(xiàn)UIScrollView的分頁滑動。代碼：好，思路和代碼都有了?？梢宰约喝崿F(xiàn)了，真的不難，真的