網(wǎng)易云音樂(lè)可愛(ài)的tabbar

一直想寫點(diǎn)東西佛析,記錄自己的成長(zhǎng),可是懶啊彪蓬。一直都沒(méi)動(dòng)。還有就是捺萌,我也寫不出高深的東西~\(≧▽≦)/~档冬。

前段時(shí)間網(wǎng)易云音樂(lè)有了新功能(當(dāng)然離現(xiàn)在有好久了,沒(méi)辦法桃纯,懶酷誓,現(xiàn)在才想起來(lái)寫),換皮膚态坦。沒(méi)錯(cuò)本身就喜歡這個(gè)app盐数,挺不錯(cuò)的,(我這是在打廣告嗎伞梯,當(dāng)然是了玫氢,因?yàn)橄矚g這個(gè)app)。

試了試這個(gè)功能谜诫,皮膚很可愛(ài)有木有漾峡,愛(ài)上了這些動(dòng)漫主題的皮膚。tabbar 很可愛(ài)喻旷,那它是怎么做的呢(我怎么知道啊生逸,當(dāng)然自己來(lái)試試寫唄,我又沒(méi)有源碼且预,o(╯□╰)o)槽袄。

首先我們看下兩張圖



第一張是默認(rèn)主題,第二張就是可愛(ài)的主題了锋谐。點(diǎn)擊的時(shí)候松鼠會(huì)動(dòng)遍尺,很可愛(ài)哦!

那么新建一個(gè)工程涮拗,創(chuàng)建tabbar controller狮鸭,像這樣


沒(méi)錯(cuò)合搅,然后就是上圖片,我的項(xiàng)目使用的 storyboard,像這樣歧蕉,設(shè)置好tabbar item 的圖片



然后就成了這樣灾部,啊,完全不是我要的那種啊


好吧惯退,用代碼,創(chuàng)建自己的tabbar controller 繼承與uitabbarcontroller,再設(shè)置storyboard里的tabbarcontroller 為這個(gè)類赌髓。


就這樣,設(shè)置圖片的時(shí)候催跪,使用原始圖片锁蠕,不經(jīng)修改,就能正確顯示了懊蒸,像這樣


可是圖片后面有個(gè)條橫線呢荣倾,怎么辦,我用了個(gè)無(wú)奈的辦法骑丸,不知道其他人怎么做舌仍,求解答


這個(gè)方法當(dāng)然無(wú)奈了,希望有人能說(shuō)說(shuō)其他方法通危。黑線就去掉了铸豁,剩下的就是圖片和label 的距離,還有文字的顏色了菊碟。

在創(chuàng)建一個(gè)新的類繼承UITabBarItem节芥,


然后在storyboard中設(shè)置tabbaritem 為這個(gè)類。然后再看


基本完成了逆害。

作為學(xué)習(xí)的路程头镊,總結(jié)下:

1.系統(tǒng)的tabbarcontroller 直接設(shè)置圖片會(huì)被系統(tǒng)修改成灰色,使用[[UIImage imageNamed:@“”] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]魄幕;使用原始圖片拧晕,這樣就不會(huì)變成灰色的圖片了。

2.使用uitabbaritem.imageInsets 屬性進(jìn)行圖片位置調(diào)整

3.對(duì)uitabbaritem 使用 [self setTitleTextAttributes:[NSDictionary

dictionaryWithObjectsAndKeys: [UIColor colorWithRed:100.0 / 255.0 green:100.0 / 255.0 blue:100.0 / 255.0 alpha:1],

NSForegroundColorAttributeName, nil] forState:UIControlStateSelected];

[self setTitleTextAttributes:[NSDictionary

dictionaryWithObjectsAndKeys: [UIColor brownColor],

NSForegroundColorAttributeName, nil] forState:UIControlStateNormal];


進(jìn)行字體的設(shè)置梅垄。

好吧厂捞,算是寫完了,其他人又是怎么實(shí)現(xiàn)這個(gè)的呢队丝?tabbar 那個(gè)背景線怎么去掉呢靡馁,有其他方法嗎,求指導(dǎo)机久。

經(jīng)過(guò)網(wǎng)友們提醒臭墨,去掉黑線的方式

[self.tabBar setShadowImage:[UIImage new]];

同時(shí),導(dǎo)航欄也可以這樣去掉膘盖,感謝胧弛!

demo地址:網(wǎng)易云音樂(lè)tabbar demo?





最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末尤误,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子结缚,更是在濱河造成了極大的恐慌损晤,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,464評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件红竭,死亡現(xiàn)場(chǎng)離奇詭異尤勋,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)茵宪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,033評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門最冰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人稀火,你說(shuō)我怎么就攤上這事暖哨。” “怎么了凰狞?”我有些...
    開(kāi)封第一講書人閱讀 169,078評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵篇裁,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我服球,道長(zhǎng),這世上最難降的妖魔是什么颠焦? 我笑而不...
    開(kāi)封第一講書人閱讀 59,979評(píng)論 1 299
  • 正文 為了忘掉前任斩熊,我火速辦了婚禮,結(jié)果婚禮上伐庭,老公的妹妹穿的比我還像新娘粉渠。我一直安慰自己,他們只是感情好圾另,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,001評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布霸株。 她就那樣靜靜地躺著,像睡著了一般集乔。 火紅的嫁衣襯著肌膚如雪去件。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 52,584評(píng)論 1 312
  • 那天扰路,我揣著相機(jī)與錄音尤溜,去河邊找鬼。 笑死汗唱,一個(gè)胖子當(dāng)著我的面吹牛宫莱,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播哩罪,決...
    沈念sama閱讀 41,085評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼授霸,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼巡验!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起碘耳,我...
    開(kāi)封第一講書人閱讀 40,023評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤显设,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后藏畅,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體敷硅,經(jīng)...
    沈念sama閱讀 46,555評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,626評(píng)論 3 342
  • 正文 我和宋清朗相戀三年愉阎,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了绞蹦。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,769評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡榜旦,死狀恐怖幽七,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情溅呢,我是刑警寧澤澡屡,帶...
    沈念sama閱讀 36,439評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站咐旧,受9級(jí)特大地震影響驶鹉,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜铣墨,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,115評(píng)論 3 335
  • 文/蒙蒙 一室埋、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧伊约,春花似錦姚淆、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 32,601評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至超埋,卻和暖如春搏讶,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背霍殴。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,702評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工窍蓝, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人繁成。 一個(gè)月前我還...
    沈念sama閱讀 49,191評(píng)論 3 378
  • 正文 我出身青樓吓笙,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親巾腕。 傳聞我的和親對(duì)象是個(gè)殘疾皇子面睛,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,781評(píng)論 2 361

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