使用与标签栏相同的视觉效果设置导航栏的样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用与标签栏相同的视觉效果设置导航栏的样式相关的知识,希望对你有一定的参考价值。

我试图让我的导航栏与标签栏完全相同。虽然将导航栏设置为半透明非常容易。它不是标签栏所具有的相同“冷淡玻璃”半透明效果的地方。从仅仅看一眼就可以看出,标签栏实现了某种浅灰色,透明度更高。

我附上的图像显示了我能够得到的最接近的图像。有没有人对如何做到这一点有任何想法?

答案

我认为用photoshop设计一个像这样的png图像会更好,然后用下面的代码将该图像设置为导航变量的背景。

UINavigationBar.appearance().setBackgroundImage(UIImage(named: "image")!.resizableImage(withCapInsets: UIEdgeInsetsMake(0, 0, 0, 0), resizingMode: .stretch), for: .default)

以上是关于使用与标签栏相同的视觉效果设置导航栏的样式的主要内容,如果未能解决你的问题,请参考以下文章

仅在折叠位置时如何设置 Bootstrap 5 导航栏的样式?

layui侧边栏折叠和展开效果该怎么实现

CSSCSS 背景设置 ⑧ ( 背景设置案例 | 导航栏按钮 )

底部导航栏的 Oncreate 视图问题

如何将“更多”标签栏的编辑视图的导航栏设置为黑色?

将导航栏更改为图像