网站设计美工多少,做网站有用没,网页设计期末作业素材,网站开发安全模块方案在日常使用app的过程中#xff0c;经常能看到人家实现了底部分栏控制器的中间按钮凸起的效果#xff0c;那么这是怎么实现的呢#xff1f;
效果演示#xff1a; 实现原理#xff1a;
创建按钮
创建一个UITabBar的子类#xff0c;重写它的layoutSubviews方法#xff1…在日常使用app的过程中经常能看到人家实现了底部分栏控制器的中间按钮凸起的效果那么这是怎么实现的呢
效果演示 实现原理
创建按钮
创建一个UITabBar的子类重写它的layoutSubviews方法
- (void)layoutSubviews {[super layoutSubviews];CGFloat width self.bp_width;// 添加发布按钮[self addSubview:self.publishButton];self.publishButton.center CGPointMake(width * 0.5, 0);// 按钮索引int index 0;// tabBar上按钮的尺寸CGFloat tabBarButtonW (width - publishButtonWidth) / 2;CGFloat tabBarButtonH [UIDevice bp_tabBarHeight];CGFloat tabBarButtonY 0;// 设置TabBarButton的framefor (UIView *tabBarButton in self.subviews) {if (![NSStringFromClass(tabBarButton.class) isEqualToString:UITabBarButton]) {continue;}// 计算按钮的X值CGFloat tabBarButtonX index * tabBarButtonW;if (index 1) { // 给下一个个button增加一个publushButton宽度的x值tabBarButtonX publishButtonWidth;}// 设置按钮的frametabBarButton.frame CGRectMake(tabBarButtonX, tabBarButtonY, tabBarButtonW, tabBarButtonH);// 增加索引index;}
}方法里面对原有的tabBarButton的位置进行调整以便把自己加上去的按钮插入到中间把center位置设置成tabBar上沿的中间位置。
扩大点击范围
按钮加上去后发现点击超出tabBar范围的位置按钮无法响应所以需要重写hitTest方法扩大响应范围
// 重写扩大响应范围
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {if (self.isHidden NO) {CGPoint newPoint [self convertPoint:point toView:self.publishButton];if ([self.publishButton pointInside:newPoint withEvent:event]) {return self.publishButton;}}return [super hitTest:point withEvent:event];
}这样这个中间凸起的按钮就做好了
