1. 程式人生 > >【iOS】去掉Tabbar頂部線條

【iOS】去掉Tabbar頂部線條

用系統tabbar的時候,如果整個tabbar是規則的長方形,不容易看出上部是有線條的,但不規則的話,會有一條黑色的線橫亙在那裡,非常影響介面美觀,就像這樣:

開啟到工程裡看,是這條線:

位於Tabbar,和按鈕並列,是個imageview:


想要改變它,必須要知道具體是什麼名字,跳轉到庫的tabbar檔案去看,如下:


有三個內建的image:背景圖片、選中時圖片、陰影圖片,

然後修改這三個image

    //去掉tabBar頂部線條
    CGRect rect = CGRectMake(0, 0, SCREENWIDTH, SCREENHEIGHT);
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(context, [[UIColor clearColor] CGColor]);
    CGContextFillRect(context, rect);
    UIImage *img = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    [TBC.tabBar setBackgroundImage:img];
    [TBC.tabBar setShadowImage:img];

成功!結果如下:


原理:其實並沒有刪除橫線(remove掉),只是把它變成透明的不影響操作和介面美觀而已(視覺錯)。