## 如何隐藏UINavigationBar下面那条设计师眼中的黑线
之前做产品一直没注意UINavigationBar下面的这条线影响有多大
最近公司来了个高级职称的UI设计师、果然不一样。每每都在哪里调开发UI上的细节,今天要说的就是其中的一点。
那么要想隐藏UINavigationBar下面那条线, 首先得找到他吧?
有人会说那不是系统控件么,这要怎么查找呀?
下面就让我来给你试着找找看
通过代码调试 这条线终于暴露出了他的庐山真面目
既然线都显示出来了, 那么要隐藏它,那还不是小菜一碟。
实现这样的设计有2种方式 :
第一种 也就是上面说的这种 :我写了一个UINavigationBar的分类来实现 代码很简单。
第二种 是设置UINavigationBar的ShadowImage也可以得到同样的效果
有人会说第二种这么简单 谁会去选择第一种呢?
我认为各有优缺吧
第二种是设置全局的隐藏 如何要在显示出来那不是就尴尬了 何况会有这样的需求么 一会隐藏一会显示的。
还别说 真有! 我们的自己的app ,TabBar内页就要求不显示这条线 ,但是从内页push进去的其他页面又没做要隐藏的要求。
但是,虽然进去的内页没做要隐藏的要求 但这2B设计又说这条线太粗了 要把这条线的高度改成0.5
真是日了鬼了 0.5跟1的区别 他也能看的出来
那么要如何更改这条线的高度为0.5呢
方式还是上面的方式 只是需要手动绘一条0.5高的图片给他,lineImageWithColor 这个函数就是根据需要的颜色绘线,那么它又是如何实现的呢?
到这里 已经完成满足我们那2B设计的要求了
先不说这样搞了设计出来的产品体验能优化多少 既然人家提出来了 我们从技术的角度去满足我感觉是必要的
网友评论