iOS小技能：去掉TabBar的顶部黑线，并添加发光的阴影

已于 2022-09-15 09:22:19 修改
阅读量1.3w 收藏 4
点赞数 4
CC 4.0 BY-SA版权
分类专栏： # B2B CRM服务商平台 # 零售版SAAS平台服务 # iOS适配 文章标签： ios objective-c 开发语言
于 2019-06-21 12:02:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/z929118967/article/details/93181646
本文介绍了如何在iOS应用中去掉TabBar顶部的黑线并添加发光阴影效果，包括实现方法和关键代码。同时，文章还提及了避免视图被TabBar遮挡的正确约束设置，以及iOS 13深色模式下UITabBarItem标题颜色的适配，以及适配安全区域距离的实践场景。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章目录

前言

技术实现关键点：通过layer.shadowOpacity和View.layer.shadowOffset 实现

I 去掉TabBar的顶部黑线，添加发光的阴影

  • setupshadowColor


- (void)setupshadowColor{
   
   
    
    UIView * tmpView = self;
    tmpV
了解本专栏 订阅专栏 解锁全文 超级会员免费看
iOS小技能：去掉/新增导航栏黑边（iOS13适配）
专注于计算机研发知识和资讯分享
09-15 1628
背景： 去掉导航栏下边的黑边在iOS15失效。原因：必须使用iOS13之后的API。
【iOS】去掉Tabbar顶部线条
IT小透明
12-31 7160
用的系统Tabbar，自定义了几个按钮，然后发现上面有一条横线，整个tabbar是长方形的时候不会太注意，但tabbar不规则的话效果不太好，像这样： 打开到工程里看，是这条线： 位于，是个imageview： 想要改变它，必须要知道具体是什么名字，跳转到库的tabbar文件去看，如下： 有三个内置的image：背景图片、选中时图片、阴影图片， 然后修改这三个im
iOS TabBar添加阴影
weixin_30800807的博客
01-06 558
效果图如下所示： 直接上代码 //移除顶部线条 self.tabBar.backgroundImage = [UIImage new]; self.tabBar.shadowImage = [UIImage new]; //添加阴影 self.tabBar.layer.shadowColor = [UIC...
iOS 【iOS 10之后tabBar顶部黑线如何去掉】
热门推荐
CoderZYWang
03-24 1万+
tabBar 顶部黑线如何在 IOS 10 下进行隐藏
iOS 去除TabBar顶部黑色线的方法
loveseal518的博客
08-30 936
使用tabbar 会使控件顶部有一条黑色细线 CGRect rect = CGRectMake(0, 0, SCREENWIDTH, SCREENHEIGHT); UIGraphicsBeginImageContext(rect.size); CGContextRef context = UIGraphicsGetCurrentContext(); CGContextSetFillColorWithColor(context, [[UIColor clearCo..
iOS_消除标签栏(tabBar)顶部黑线
翱翔的魁魁
09-29 766
标签栏
微信小程序demo：点击tabbar变换图标
06-09
在这个“微信小程序demo：点击tabbar变换图标”的项目中，我们将深入探讨如何在微信小程序中实现TabBar（底部导航栏）的图标动态切换功能。 首先，TabBar是微信小程序中常用的一种界面元素，它位于应用的底部，通常...
微信小程序demo：中欧商学院：自定义tabbar，轮播图
03-15
【微信小程序自定义Tabbar与轮播图实现详解】 微信小程序是腾讯推出的一种轻量级的应用开发框架，它允许开发者在微信环境下构建丰富的交互式应用。在这个“中欧商学院”的微信小程序demo中，主要展示了两个关键功能...
解决uni-app小程序原生tabbar 添加阴影问题
m0_65284931的博客
04-07 2788
步骤3 在tabbar 页面使用 直接使用即可不用引用。步骤1 创建一个组件 文件名和组件名要一致。步骤2 在组件中实现阴影效果。
微信小程序tabBar边框加|上阴影
kxmzl的博客
10-28 3766
微信小程序tabBar边框加|上阴影
tabbar 阴影线问题
weiryin的专栏
02-19 807
当我们使用tabbar在iOS7显示的时候会在顶部会出现一条黑线，如下图：  这时候就会影响了我们的界面。 我们可以有两种的解决办法，如果你的tabbar高度是在49px而背景图没有超过这个高度的话可以使用 [self.tabBar setClipsToBounds:YES]; 如果我们的高度是高于49的话，可以使用 if ([[[UIDevice curre
iOS 去掉导航条和tabbar线条
征战无悔人生
10-17 1284
去掉导航条底部线条 [self.navigationController.navigationBar setBackgroundImage:[[UIImage alloc] init] forBarMetrics:UIBarMetricsDefault]; [self.navigationController.navigationBar setShadowImage:[[UIImage a...
TabBar去除顶部黑线和NavigationBar去除底部黑线
zpz5789的博客
10-27 1235
1、TabBar去除顶部黑线 [[UITabBar appearance] setShadowImage:[[UIImage alloc] init]]; 2、NavigationBar去除底部黑线 [[UINavigationBar appearance] setShadowImage:[[UIImage alloc] init]];当然你也可以通过这两个方法分别设置 TabBar和Naviga
去掉TabWidget标签栏顶部一条白线
weixin_45699595的博客
01-06 1176
在设置tabwidget的样式时，发现tabbar上面有一根线始终去不掉，设置border也没用。
去除导航栏和 tabbar 的1px 横线 - iOS
survivorsfyh的博客
01-05 737
实际开发中,在自定义的导航栏或者设计搞中经常会遇到需要去除导航栏下方 1px 横线的需求,主要原因是因为颜色不协调. 要去除该 1px 的横线,我们首先应该知道它是什么,基于谁的,那么我们可以在 Xcode 的界面调试模板中查到其原委,它其实是一个 UIImageView; 其实这是 navigationBar 的 shadowImage, 所以只要设置它为空即可,但是设置它为
tabbar阴影效果
xpp_xue的博客
09-13 1973
//去掉默认黑线 self.tabBar.backgroundColor=[UIColor whiteColor];     [[UITabBar appearance] setShadowImage:[UIImage new]];     [[UITabBar appearance] setBackgroundImage:[[UIImage alloc]init]];
去掉tabBar黑线， iOS13
fishycx的专栏
09-30 2426
iOS 13 之前， 去掉黑线：设置UITarBar的 backgroundImage 和 shadowImage即可： tabbar.backgroundImage = UIImage(color: UIColor.clear) tabbar.shadowImage = UIImage(color: UIColor.clear) iOS13之后不好使了，改...
Swift tabbar样式设置
程序员
12-20 1650
UITableBarController是经常使用的 tabbar的背景颜色默认是半透明的好像 swift2.x 下面修改为白色，不透明  UITabBar.appearance().backgroundColor = UIColor(red: 255/255, green:255/255, blue:255/255, alpha:1)
如何设置导航栏底端内阴影
番薯大佬的专栏
07-03 1758
如何设置导航栏底端内阴影 内阴影其实是shadowImage，设置该属性即可自定义，如设置回默认样式即为self.navigationController.navigationBar.shadowImage = nil;
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

java、iOS、Vue

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值