網(wǎng)易導(dǎo)航條心得(iOS版)

網(wǎng)易導(dǎo)航條心得(iOS版)

一贝淤、界面分析

首先,我們必須弄清楚它的圖層組成。所有的界面都是承載在一個(gè)ViewController上的灼芭,這一點(diǎn)事肯定的,我們把這個(gè)ViewController叫做MainVC般又;其次MainVC上最好放一個(gè)封裝好的容器彼绷,一下的就把剩下的圖層全部包括進(jìn)去。

其次茴迁,就是這個(gè)容器的設(shè)計(jì)寄悯。在這個(gè)容器上有兩個(gè)scrollView,topScroll上放置的是幾個(gè)按鈕堕义,bottomScroll上放置的是幾個(gè)ViewController猜旬,兩個(gè)scrollView需要實(shí)現(xiàn)聯(lián)動(dòng);

最后倦卖,兩個(gè)scrollView之間還有個(gè)小滑條洒擦,跟著動(dòng),可以提高用戶體驗(yàn)怕膛。

二熟嫩、具體實(shí)現(xiàn)

1,容器的實(shí)現(xiàn)

首先實(shí)現(xiàn)小滑條褐捻,這其實(shí)就是一個(gè)帶顏色的view條掸茅,設(shè)置好frame后在scrollView的代理方法中控制著位置的偏移,沒什么亮點(diǎn)可講柠逞。

其次是topScroll的設(shè)計(jì)昧狮,在有導(dǎo)航條的情況下,scrollView會(huì)自動(dòng)下壓64像素,所以一般情況需要設(shè)置self.automaticallyAdjustsScrollViewInsets=NO板壮;但是在本項(xiàng)目中逗鸣,使用此方法并不能有效解決該問題。不清楚為什么,這還需要查資料好好研究研究慕购。另外一種方法是聊疲,設(shè)置topScroll上面的控件的時(shí)候?qū)⑵渥鴺?biāo)設(shè)置得上移64像素。

再次是topScroll上按鈕點(diǎn)擊事件的實(shí)現(xiàn)沪悲。oldBtn.selected設(shè)置為NO获洲,當(dāng)前btn.selected設(shè)置為YES。接下來(lái)第一次設(shè)置聯(lián)動(dòng)殿如,根據(jù)btn的tag值決定bottomScroll的contentOffset贡珊,一個(gè)btn對(duì)應(yīng)一個(gè)bottomScroll上的一個(gè)VeiwController,然后創(chuàng)建一個(gè)動(dòng)畫涉馁,使bin放大1.3倍门岔,達(dá)到字體放大的效果。接下來(lái)是第二次設(shè)置聯(lián)動(dòng)烤送,根據(jù)slider小滑塊的MaxX寒随,來(lái)設(shè)置topBar的contentOffset(在iOS的界面布局中我們可以使用CGRectGetMaxX 這個(gè)方法來(lái)方便的獲取當(dāng)前控件的x坐標(biāo)值+寬度的數(shù)值)。第三次聯(lián)動(dòng)的設(shè)計(jì)帮坚,在scrollView的代理方法中設(shè)置slider的frame妻往,以達(dá)到移動(dòng)的效果。

btn.tag==>>VC==>>Slider==>>topBar

基本思路就是這樣试和,具體尺寸坐標(biāo)讯泣,不難解決。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末阅悍,一起剝皮案震驚了整個(gè)濱河市好渠,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌节视,老刑警劉巖拳锚,帶你破解...
    沈念sama閱讀 206,839評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異寻行,居然都是意外死亡晌畅,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門寡痰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人棋凳,你說(shuō)我怎么就攤上這事拦坠。” “怎么了剩岳?”我有些...
    開封第一講書人閱讀 153,116評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵贞滨,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我,道長(zhǎng)晓铆,這世上最難降的妖魔是什么勺良? 我笑而不...
    開封第一講書人閱讀 55,371評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮骄噪,結(jié)果婚禮上尚困,老公的妹妹穿的比我還像新娘。我一直安慰自己链蕊,他們只是感情好事甜,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,384評(píng)論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著滔韵,像睡著了一般逻谦。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上陪蜻,一...
    開封第一講書人閱讀 49,111評(píng)論 1 285
  • 那天邦马,我揣著相機(jī)與錄音,去河邊找鬼宴卖。 笑死滋将,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的嘱腥。 我是一名探鬼主播耕渴,決...
    沈念sama閱讀 38,416評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼齿兔!你這毒婦竟也來(lái)了橱脸?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,053評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤分苇,失蹤者是張志新(化名)和其女友劉穎添诉,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體医寿,經(jīng)...
    沈念sama閱讀 43,558評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡栏赴,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,007評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了靖秩。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片须眷。...
    茶點(diǎn)故事閱讀 38,117評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖沟突,靈堂內(nèi)的尸體忽然破棺而出花颗,到底是詐尸還是另有隱情,我是刑警寧澤惠拭,帶...
    沈念sama閱讀 33,756評(píng)論 4 324
  • 正文 年R本政府宣布扩劝,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏棒呛。R本人自食惡果不足惜聂示,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,324評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望簇秒。 院中可真熱鬧鱼喉,春花似錦、人聲如沸宰睡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)拆内。三九已至旋圆,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間麸恍,已是汗流浹背灵巧。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留抹沪,地道東北人刻肄。 一個(gè)月前我還...
    沈念sama閱讀 45,578評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像融欧,于是被迫代替她去往敵國(guó)和親敏弃。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,877評(píng)論 2 345

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

  • *7月8日上午 N:Block :跟一個(gè)函數(shù)塊差不多噪馏,會(huì)對(duì)里面所有的內(nèi)容的引用計(jì)數(shù)+1麦到,想要解決就用__block...
    炙冰閱讀 2,473評(píng)論 1 14
  • 1.badgeVaule氣泡提示 2.git終端命令方法> pwd查看全部 >cd>ls >之后桌面找到文件夾內(nèi)容...
    i得深刻方得S閱讀 4,631評(píng)論 1 9
  • 1.感恩平安幸福的一天瓶颠,今天過(guò)得很充實(shí),早晨情緒不適合寫日記刺桃,現(xiàn)在開始寫粹淋,這會(huì)心里又充滿感恩了。感恩平安幸福的一天...
    滿月Love閱讀 413評(píng)論 0 2
  • 看到一篇文章瑟慈,叫做“沒錢你談什么異地戀”桃移。講的是兩個(gè)人談異地戀,因?yàn)橄喔籼h(yuǎn)又沒什么錢葛碧,經(jīng)常是買車票緊巴巴的趕去見...
    月朦朧0鳥朦朧閱讀 181評(píng)論 1 1
  • 好吧吹埠,都說(shuō)長(zhǎng)得漂亮的才是學(xué)姐,那像我這樣相貌凡凡的姑且就叫大二的吧。 關(guān)于學(xué)習(xí) 學(xué)生的主要責(zé)任和義務(wù)就是念書缘琅。...
    我和我的破木吉他閱讀 353評(píng)論 11 9