iOS-Main-自定義導(dǎo)航欄分段選擇的封裝詳解

前言:

從網(wǎng)上找了很多Demo對于導(dǎo)航欄上的分段選擇非常的少扣草。所以自己,就懷著一顆氨鹏,不知道能否封裝好的心欧募,細(xì)細(xì)的封裝一下。demo地址

目的:

我在外仆抵,留兩個接口跟继,一個是該分段標(biāo)題的標(biāo)題數(shù)組,一個是分段標(biāo)題所對的控制器數(shù)組镣丑。效果要達(dá)到舔糖,點擊每一個標(biāo)題,滾動到響應(yīng)的控制器界面莺匠。滾動響應(yīng)的控制器界面能夠金吗,相應(yīng)的滾動到相應(yīng)標(biāo)題。調(diào)用只要調(diào)用該控制器即可趣竣。

展示效果

效果圖.gif

具體邏輯走向
導(dǎo)航欄上分段選擇的封裝.png

具體步驟如下:
1. 配置基本的應(yīng)用場景摇庙。
1> 嵌入一個導(dǎo)航控制器,配置一個item,實現(xiàn)其點擊事件
2> 重整一個承載分段選擇的容量控制器
3> 點擊實現(xiàn)跳轉(zhuǎn)這個容量控制器
4> show in finder進(jìn)行項目結(jié)構(gòu)的調(diào)整
如下圖所示:


2. 修理改造容量控制器 - 自定義導(dǎo)航欄遥缕。
我們都知道卫袒,要想達(dá)到,導(dǎo)航控制器上產(chǎn)生特殊的效果单匣,有一種方法就是設(shè)置titleView夕凝,還有一種方法就是,當(dāng)需求滿足不了時户秤,我們就必須進(jìn)行自定義導(dǎo)航欄迹冤,否則實現(xiàn)不了。
今天主要講解的就是自定義導(dǎo)航欄虎忌。
1> 把當(dāng)前需要自定義導(dǎo)航欄控制器中的導(dǎo)航欄隱藏
2> 創(chuàng)建一個UIview,高度64,顏色灰色位置(0,0)添加到原導(dǎo)航欄位置
3> 創(chuàng)建一個返回按鈕橱鹏,并設(shè)置背景圖片膜蠢,添加到leftItem位置,添加點擊事件莉兰。
4> 實現(xiàn)點擊事件
注意:導(dǎo)航欄的是否隱藏應(yīng)該在viewWillAppear:(BOOL)animated方法中設(shè)置
1

2

3

3.自定義一個分段選擇的UIView添加到自定義導(dǎo)航欄中
1> 初始化
2> 傳入一個數(shù)組挑围,并根據(jù)其個數(shù)向自定義View上添加button

  1. 求出每個按鈕的寬度
  2. 循環(huán)遍歷添加按鈕
  3. 因為要添加滾動軸,需要把按鈕的高度-2糖荒,留出這個線的位置
  4. 外部設(shè)置接口杉辙,用來設(shè)置按鈕的樣式,以及標(biāo)題名稱
  5. 設(shè)置下滑線
  6. 點擊按鈕設(shè)置傳入tag,設(shè)置下滑線的走向
  7. 設(shè)置代理捶朵,將選中按鈕的tag值傳出去蜘矢,做事情
  8. 整理代碼
    具體封裝整理如下
    1

    2

    3


    4.創(chuàng)造滑動視圖與按鈕進(jìn)行聯(lián)動
    1> 添加滾動視圖
    2> 在按鈕的代理方法里狂男,滾動視圖與按鈕的聯(lián)動
    3> 設(shè)置滾動的時候,改變標(biāo)題按鈕的tag值
    4> 準(zhǔn)備接口品腹,最后部署
    具體封裝整理如下
    1

    2

    3

    4

    5

    6

    具體用法

    這是第一次封裝的那么細(xì)岖食,雖然好長時間沒找到工作了,但是也要不斷的學(xué)習(xí)舞吭,即使iOS幾乎飽和了泡垃,但要對得起自己!這一次羡鸥,最大的收獲蔑穴,讓我學(xué)會了用一個控制器管理多個控制器****互相交流~
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市惧浴,隨后出現(xiàn)的幾起案子存和,更是在濱河造成了極大的恐慌,老刑警劉巖赶舆,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件哑姚,死亡現(xiàn)場離奇詭異,居然都是意外死亡芜茵,警方通過查閱死者的電腦和手機(jī)叙量,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來九串,“玉大人绞佩,你說我怎么就攤上這事≈砼ィ” “怎么了品山?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長烤低。 經(jīng)常有香客問我肘交,道長,這世上最難降的妖魔是什么扑馁? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任涯呻,我火速辦了婚禮,結(jié)果婚禮上腻要,老公的妹妹穿的比我還像新娘复罐。我一直安慰自己,他們只是感情好雄家,可當(dāng)我...
    茶點故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布效诅。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪乱投。 梳的紋絲不亂的頭發(fā)上咽笼,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天,我揣著相機(jī)與錄音篡腌,去河邊找鬼褐荷。 笑死,一個胖子當(dāng)著我的面吹牛嘹悼,可吹牛的內(nèi)容都是我干的叛甫。 我是一名探鬼主播,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼杨伙,長吁一口氣:“原來是場噩夢啊……” “哼其监!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起限匣,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤抖苦,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后米死,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體锌历,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年峦筒,在試婚紗的時候發(fā)現(xiàn)自己被綠了究西。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡物喷,死狀恐怖卤材,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情峦失,我是刑警寧澤扇丛,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站尉辑,受9級特大地震影響帆精,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜隧魄,卻給世界環(huán)境...
    茶點故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一实幕、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧堤器,春花似錦、人聲如沸末贾。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至辉川,卻和暖如春表蝙,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背乓旗。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工府蛇, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人屿愚。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓汇跨,卻偏偏與公主長得像,于是被迫代替她去往敵國和親妆距。 傳聞我的和親對象是個殘疾皇子穷遂,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,060評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件娱据、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,107評論 4 62
  • 內(nèi)容抽屜菜單ListViewWebViewSwitchButton按鈕點贊按鈕進(jìn)度條TabLayout圖標(biāo)下拉刷新...
    皇小弟閱讀 46,767評論 22 665
  • 關(guān)注我微信可以抽獎zi1891190
    zi1891190閱讀 167評論 0 0
  • 我很悲哀卻這么清醒的認(rèn)識到年已經(jīng)從我的生命里褪去蚪黑,從前幾年開始就失去了所有的味道。也就是我們通常說的年味中剩。到底是為...
    君素言閱讀 314評論 0 1
  • 2017年9月17日忌穿,如是家人李建英,第34天種種子日志 發(fā)心:我今不是為了我個人而聞思修行结啼,而是為了六道輪回一切...
    若嘉閱讀 225評論 0 3