1. UITabBarController中间带个圈圈,快速实现

项目一直没定下来方向,大概就是定了一个UITabBarController的样子是中间带圈的 哈哈


1. UITabBarController中间带个圈圈,快速实现_第1张图片

现在可能很流行这种样式的UITabBarController吧

估计是我很懒,只是用系统的UITabBarController来实现这种效果。。。。。

1.我创建了一个系统的UITabBarController,下图这个样子大家都会吧。建了五个item


2实现思路是:我想要个大点的按钮放在在上面,图肯定是切好的一个圆的png格式

UIButton *btn=[[UIButton alloc]init];

[btn setBackgroundImage:[UIImage imageNamed:@"图片名字"] forState:UIControlStateNormal];

btn.center=CGPointMake([UIScreen mainScreen].bounds.size.width/2.0,19);

btn.bounds=CGRectMake(0,0,60,60);

然后把btn作为tabbar的子视图添加上去 [获取你的tabBar addSubview:btn];

因为tabbar大小是49,保证你这个button是个正方形就好,圆就会好好的呆在那里,不会悬空,算好就可以了,不过你会发现中间有个tabbar的横线很不好看。。


1. UITabBarController中间带个圈圈,快速实现_第2张图片

于是遍历你tabBar.subviews 找到类型是UIImageView高度小于等于1的隐藏掉就可以了 我是在第一个视图控制器里写的这个方法

for (UIView *view in 获取你的tabBar.subviews) {

if ([view isKindOfClass:[UIImageView class]] && view.bounds.size.height <= 1) {

UIImageView *imag = (UIImageView *)view;

imag.hidden = YES;

}}

最后效果图,就这样。


1. UITabBarController中间带个圈圈,快速实现_第3张图片

你可能感兴趣的:(1. UITabBarController中间带个圈圈,快速实现)