UITabBar - 深度解剖


for (UIView *tabbarbutton in self.subviews) {

//        NSLog(@"%@",tabbarbutton);

 

        if ([tabbarbutton isKindOfClass:NSClassFromString(@"_UITabBarBackgroundView")]) {

            [tabbarbutton setValue:[UIColor orangeColor] forKeyPath:@"backgroundColor"];

            for (UIView *obj in tabbarbutton.subviews) {

                NSLog(@"obj:%@",obj);

                obj.backgroundColor = [UIColor redColor];

                for (UIView *v1 in obj.subviews) {

                    NSLog(@"v1_____:%@",v1);

                    if ([v1 isKindOfClass:NSClassFromString(@"_UIBackdropEffectView")]) {

                        v1.backgroundColor = [UIColor blueColor];

                        [v1 removeFromSuperview];

                    }

                }

                if ([obj isKindOfClass:NSClassFromString(@"_UIBackdropView")]) {

                    [obj removeFromSuperview];

                }

            }

        }

        if ([tabbarbutton isKindOfClass:NSClassFromString(@"UITabBarButton")]) {

            for (UIView *view in tabbarbutton.subviews) {

//                NSLog(@"%@",view);

                if ([view isKindOfClass:NSClassFromString(@"UITabBarSelectionIndicatorView")]) {

                    view.backgroundColor = [UIColor redColor];

                    view.layer.borderWidth = 2;

                    view.layer.borderColor = [UIColor blackColor].CGColor;

                }

            }

        }

    }

 

遍歷的正是上圖的結構,中間那個加號按鈕是我自己另外加上去的,其它四個則分別代表一個控制器的tabbar

控制器是使用這個方法添加上去的:

 

如果你不想用許多button、view定制tabbar,那你就需要徹底的了解系統tabbar的結構,然后再去修改他的控制屬性和結構,這遍文章正是對UITabBar徹底的解剖

 

 

第一層的遍歷結果:

 

<_UITabBarBackgroundView: 0x12fe364a0; frame = (0 0; 375 49); autoresize = W; userInteractionEnabled = NO; layer = <CALayer: 0x1702217c0>>

 

看這一個的frame為(0 0; 375 49)及名字,那肯定是tabbar的背景圖了,這個背景圖下邊還有好幾層view,所以如你遍歷到時這里的時候去設置_UITabBarBackgroundView的背景色的話是看不見的,因為這個_UITabBarBackgroundView在倒數第二層,最底有一個view暫時還不知道是干什么的,結合代碼看上圖:

_UITabBarBackgroundView 的下層 >> _UIBackdropView  >>  _UIBackdropEffectView 此時如果去改_UIBackdropEffectView的backcolor的話,是能看出效果的,只是好像有自帶的半透明效果無法改變,或者我們把_UIBackdropView這個view removeFromSuperview,再設置_UITabBarBackgroundView的backcolor就能看到效果了

 

 

這一個名字是UIButton。那肯定是我另外添加的中間那個按鈕

<UIButton: 0x12fd12650; frame = (155.5 2.5; 64 44); opaque = NO; layer = <CALayer: 0x174223680>>

 

下面這四個UITabBarButton分別代表四個控制器的tabbar按鈕

<UITabBarButton: 0x12fd14620; frame = (2 1; 90 48); opaque = NO; layer = <CALayer: 0x174223a80>>

<UITabBarButton: 0x12fd19d00; frame = (96 1; 90 48); opaque = NO; layer = <CALayer: 0x1742246e0>>

<UITabBarButton: 0x12fd1d7e0; frame = (190 1; 89 48); opaque = NO; layer = <CALayer: 0x174224e20>>

<UITabBarButton: 0x12fe2fba0; frame = (283 1; 90 48); opaque = NO; layer = <CALayer: 0x170233e80>>

 

下面這一個UIImageView則是整條tabbar上邊邊緣的一個view,一般這個我們不會去改它,如下圖,紅色線條的位置:

<UIImageView: 0x12fe1cab0; frame = (0 -0.5; 375 0.5); autoresize = W; userInteractionEnabled = NO; layer = <CALayer: 0x1702356a0>>

 

 

第二層的遍歷結果:

UITabBarSelectionIndicatorView代表上圖中豎直紅色黑色的那塊view,注意:這個view需要在設置了這個self.selectionIndicatorImage屬性時才會存在

<UITabBarSelectionIndicatorView: 0x14f6278f0; frame = (0 0; 90 48); opaque = NO; userInteractionEnabled = NO; layer = <CALayer: 0x174224cc0>>

 

UITabBarSwappableImageView就是上圖中紅色方塊的view

<UITabBarSwappableImageView: 0x14f52a440; frame = (0 0; 30 30); opaque = NO; userInteractionEnabled = NO; layer = <CALayer: 0x170221d80>>

 

UITabBarButtonLabel 就不用多說了,就是下面那個label了,看text也可以

<UITabBarButtonLabel: 0x14f528400; frame = (0 0; 26 16); text = '首頁'; opaque = NO; userInteractionEnabled = NO; layer = <_UILabelLayer: 0x170281180>>

 

<UITabBarSwappableImageView: 0x14f619f30; frame = (0 0; 30 30); opaque = NO; userInteractionEnabled = NO; layer = <CALayer: 0x174223840>>

<UITabBarButtonLabel: 0x14f61aa50; frame = (0 0; 26 16); text = '消息'; opaque = NO; userInteractionEnabled = NO; layer = <_UILabelLayer: 0x17409eb90>>

 

<UITabBarSwappableImageView: 0x14f622080; frame = (0 0; 30 30); opaque = NO; userInteractionEnabled = NO; layer = <CALayer: 0x174223f80>>

<UITabBarButtonLabel: 0x14f6216d0; frame = (0 0; 26 16); text = '發現'; opaque = NO; userInteractionEnabled = NO; layer = <_UILabelLayer: 0x17409f590>>

 

<UITabBarSwappableImageView: 0x14f6274b0; frame = (0 0; 30 30); opaque = NO; userInteractionEnabled = NO; layer = <CALayer: 0x174224ac0>>

<UITabBarButtonLabel: 0x14f626060; frame = (0 0; 13 16); text = ''; opaque = NO; userInteractionEnabled = NO; layer = <_UILabelLayer: 0x17409fae0>>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM