悬浮TabBar的实现(转载)

悬浮TabBar的实现

这个TabBar看着像是用自定义TabBar做的,但事实上它还是用的系统的TabBar,给系统的tabBar.backgroundImage设置一张设计好的背景图片。

添加后会发现顶部有一条阴影线,并且TabBar的高度也不够。阴影线与上图绿色线条之间变成了透明颜色,实现下面方法隐藏阴影线,并且调高TabBar的高度。

  //隐藏阴影线
    [[UITabBar appearance] setShadowImage:[UIImage new]];


  - (void)setupTabBarBackgroundImage {
UIImage *image = [UIImage imageNamed:@"tab_bg"];

CGFloat top = 40; // 顶端盖高度
CGFloat bottom = 40 ; // 底端盖高度
CGFloat left = 100; // 左端盖宽度
CGFloat right = 100; // 右端盖宽度
UIEdgeInsets insets = UIEdgeInsetsMake(top, left, bottom, right);
// 指定为拉伸模式,伸缩后重新赋值
UIImage *TabBgImage = [image resizableImageWithCapInsets:insetsresizingMode:UIImageResizingModeStretch];
self.tabBar.backgroundImage = TabBgImage;

[[UITabBar appearance] setShadowImage:[UIImage new]];
[[UITabBar appearance] setBackgroundImage:[[UIImage alloc]init]];
}

  //自定义TabBar高度
  - (void)viewWillLayoutSubviews {

CGRect tabFrame = self.tabBar.frame;
tabFrame.size.height = 60;
tabFrame.origin.y = self.view.frame.size.height - 60;
self.tabBar.frame = tabFrame;

  }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,986评论 25 709
  • 想做一套像映客的直播系统? 2016-07-07 22:19 一、直播现状简介 想做一套像映客的直播系统?Link...
    心愿2016阅读 14,999评论 5 44
  • 许多的网站都有点赞功能,这不仅能提高网站的用户粘性,还能带动其他的用途。 比如说点赞越高的越排在前面等等。 今天小...
    薛定谔养了只猫阅读 5,275评论 0 1
  • 梦尽烟沉,青灯冷雨,凄凄怨怨深深。唱好是、纷纷似泪,更伴风吟。念著当年清照,一种愁、两处伤心。人憔悴,半为别离,半...
    姑射阅读 2,523评论 10 16
  • 石榴树(pomegranatetree),原产西域的一种果树,经丝绸之路传至中原,石榴是人们喜爱的水果之一,营养价...
    嶒經哋嶒經阅读 6,815评论 0 1

友情链接更多精彩内容