首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

NavigationBar&tabBar调色那些事儿1. 导航栏调色那些事儿2. 标签栏TableBar那些事儿

= [UIColor blueColor]; //如果使用的是backgroundColor,就会自带毛玻璃效果 self.navigationBar.backgroundColor = [UIcolor...[[UINavigationBar appearance] setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];[[UINavigationBar...,而且系统会根据 app的颜色自动改变 status bar 的字体颜色(黑白)。...但是这个自动改变的字体颜色并不一定所有的 app 都搭配,比如我们 app 的主题色是稍微浅一丢丢的蓝,但是系统匹配的 status bar 的字体颜色就是黑色,看起来就很不爽,所以就要强制将其改为白色...2.2 关闭半透明效果 一旦关闭标签栏的半透明效果,控制器的view就不会到达屏幕最底部了,而是到了标签栏的紧上方。

1.5K50
您找到你想要的搜索结果了吗?
是的
没有找到

iOS导航栏使用总结

; 1.全局设置 全局设置一般的都是AppDelegate中设置,这样整个app都会生效,相关的代码与效果图如下: //1.设置导航栏背景颜色 [[UINavigationBar appearance...: iOS系统的导航栏UINavigationBar与标签栏UITabBar默认都是半透明模糊效果,在这种情况下系统会对视图控制器的UI布局进行优化:视图控制器里面第一个被添加进去的视图是滑动类视图,并且其...我们可以通过一段代码来测试一下效果,默认导航栏(半透明)的视图控制器里添加如下代码: //UITextView是滑动视图,内容自动向下偏移,不会被导航栏覆盖 UITextView *leftTextView...导航栏透明情况下,滑动视图自动偏移,普通视图被遮挡 其实,这种系统的优化也是可以控制关闭的,关闭优化之后,滑动视图就会普通视图一样,如果还设置其布局的原点是(0,0),其内容就会被导航栏所覆盖,关键代码如下...self.edgesForExtendedLayout=UIRectEdgeNone 3.导航栏透明属性translucent 上述两种属性都是解决导航栏半透明情况下的布局问题,但是如果我们的需求就是导航栏不透明

3.1K20

iOS开发UINavigation系列三——工具栏UIToolBar

iOS开发UINavigation系列三——工具栏UIToolBar         iOS中除了UINavinationBar之外,还有工具栏UIToolBar可以供我们使用,工具栏导航栏十分类似,...只是功能更加简单,工具栏中也有UIBarButtonItem按钮,在前两篇博客中,对导航栏导航项都进行的讨论,地址如下: UINavigationBar:http://my.oschina.net/u...创建一个工具栏如下:     self.view.backgroundColor = [UIColor grayColor];     UIToolbar * tool = [[UIToolbar alloc...下面是UIToolBar中的一些方法,其中大部分在UINavigationBar中都有涉及,这里只做简单的介绍: //工具栏的风格,导航栏类似,有黑白两种 @property(nonatomic) UIBarStyle...barStyle;  //设置工具栏上按钮数组 @property(nullable,nonatomic,copy) NSArray *items;  //设置工具栏是否透明

53710

iOS开发UINavigation系列一——导航栏UINavigtionBar

iOS开发UINavigation系列一——导航栏UINavigtionBar 一、导航栏的使用         iOS开发中,我们通常会使用导航控制器,导航控制器中封装了一个UINavigationBar...,实际上,我们也可以使用导航控制器的前提下,单独使用导航栏,UINavigationBar中,也有许多我们可以定制的属性,用起来十分方便。...我们也可以设置导航栏的风格属性,从iOS6之后,UINavigationBar默认为半透明的样式,从上面也可以看出,白色的导航栏下面透出些许背景的红色。...三、导航栏常用属性方法         从上面我们可以看到,iOS6后导航栏默认都是半透明的,我们可以通过下面的bool值来设置这个属性,设置为NO,则导航栏不透明,默认为YES: @property...nullable NSArray *)items animated:(BOOL)animated; 五、UINavigationBarDelegate         UINavigationBar

94431

iOS15适配

背景 按照往年新系统发布的时间规律,新的系统预计9月20日左右发布,目前beta版本已经更新到beta6。...想必都看过WWDC2021的Session了,Session原版视频依然是最有效的get新特性的渠道,iOS15多的特性就不说了,我就整理了我适配iOS15路上的一些更改调整。...适配以iOS15 beta6xcode13 beta5为环境基础 UINavigationBar 用新xcode13编译工程后,导航栏的问题比较明显,调试之后发现是UINavigationBar部分属性的设置...UIColor.clear.image, for: .default) // 导航栏背景,主题色是绿色 navigationBar.barTintColor = UIColor.theme // 默认不透明...UINavigationBarAppearance来实现,UINavigationBarAppearance是iOS13更新的API,应该有人已经在用,我们的应用兼容iOS10以上,对于导航栏的设置还没有使用

2.3K30

【IOS开发基础系列】Navigation页面导航专题

http://sinye.iteye.com/blog/2093281 (Good)【IOS开发】UITabBarControllerUINavigationController结合使用。...        将NavigationBar设置透明(仅将指定视图控制器进行透明处理),步骤如下:     1.视图控制器的头文件中实现UINavigationControllerDelegate,...    方法一:(自定义视图的方法,一般人也会采用这样的方式)         就是导航向上添加一个titleView,可以使用一个label,再设置label的背景颜色透明,字体什么的设置就很简单了...否则会导致页面切换时选中状态不准确         TabBar与导航条混用时,TabBarItem的设置是NavigationController中,而不是内容Controller中,切记!!!...否则会导致页面切换时选中状态不准确。

31020

iOS透明导航栏的平滑过渡(进阶版)引实现过程结

引 如我传送门:iOS导航栏切换界面时隐藏显示中所说,现在很多App的个人中心模块都是不保留导航栏的,会直接使导航栏透明,比如做的很好的QQ个人信息界面: 为什么说QQ做的很好呢?...既然有透明的导航栏也有不透明的导航栏,那一定会在界面切换之间存在一个过渡的过程,而这个过程,QQ做的特别好,在从透明导航栏界面返回到不透明导航栏界面时,导航栏的透明度是一个渐进的过渡效果,甚至会有一种毛玻璃的效果...而很多App的做法其实比较粗糙,类似于我传送门:iOS导航栏切换界面时隐藏显示中的做法,需要导航栏透明时,直接将导航栏隐藏起来。...; 2、导航栏透明与否的界面间切换透明度有渐变效果; 3、UINavigationController体系UITabarController体系下切换界面都很完美。...,但在透明的导航栏与不透明的导航栏界面直接切换时,导航栏的透明度是直接跳变的: 而我们想要的是像QQ一样从完全透明到不透明之间有一个随着滑动手势变化的透明度渐变效果,这样是最好的转场效果了。

2.9K40

iOS头部渐变的表格视图设计 原

iOS头部渐变的表格视图设计         今天再来给大家带来一个开发中常用到的视图控制器,很多应用中,可能都会遇到这样的一个需求:表视图控制器最上方有一个头图控件,当表格视图滑动顶部时,导航栏透明...设计控件之前,我们应该先编写控件的头文件,头文件中将控件需要的属性方法列举,之后再按定义好的接口一步步的来实现控件的编写设计,这样可以结构清晰,并且不会显得无从下手,控件的头文件设计如下: // /...(nonatomic,strong)UIView * animatedHeaderView; /**  *  设置TableView的头视图   *  *  注意:设置tableView的头视图不能够使用...,我主要考虑两个需要优化的地方,第一是这个控制器不同的场景下可能会有不同的结构,例如在导航结构中被push出来或者通过模态跳转被present出来,我在这个控件的实现时做了兼容,实际上无论有无导航,控件内部都没有使用系统的导航栏...:nil];                 }                              }         }                      } } @end     使用

1.1K20
领券