Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在iOS 13之前删除导航栏的大标题底部边框?

如何在iOS 13之前删除导航栏的大标题底部边框?
EN

Stack Overflow用户
提问于 2022-11-14 00:22:58
回答 1查看 48关注 0票数 1

我想在iOS 12中隐藏/删除导航栏的大标题底部边框。在新版本中,它工作得很好。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
func setupTransparentNavigationBar() {
    let textAttributes = [NSAttributedString.Key.foregroundColor: UIColor.colorWhite()]
    navigationController?.navigationBar.tintColor = UIColor.colorWhite()
    navigationController?.navigationBar.backgroundColor = UIColor.clear
    navigationController?.navigationBar.isTranslucent = true

    if #available(iOS 13, *) {
        let appearance = UINavigationBarAppearance()
        appearance.configureWithTransparentBackground()
        appearance.backgroundColor = .clear
        appearance.titleTextAttributes = textAttributes

        // Customizing our navigation bar
        navigationItem.standardAppearance = appearance
        navigationItem.scrollEdgeAppearance = appearance
    } else {
        navigationController?.navigationBar.titleTextAttributes = textAttributes
        navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
        navigationController?.navigationBar.shadowImage = UIImage()
    }
}

有办法移除这个吗?或者是本地的iOS行为?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-11-14 02:07:43

尝试使用以下分机:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
extension UINavigationController {
func hideHairline() {
    if let hairline = findHairlineImageViewUnder(navigationBar) {
        hairline.isHidden = true
    }
}
func restoreHairline() {
    if let hairline = findHairlineImageViewUnder(navigationBar) {
        hairline.isHidden = false
    }
}
func findHairlineImageViewUnder(_ view: UIView) -> UIImageView? {
    if view is UIImageView && view.bounds.size.height <= 1.0 {
        return view as? UIImageView
    }
    for subview in view.subviews {
        if let imageView = self.findHairlineImageViewUnder(subview) {
            return imageView
        }
    }
    return nil
 }
}

在viewWillAppear中使用它:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
navigationController?.hideHairline()
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74428699

复制
相关文章
【Flutter】底部导航栏实现 ( BottomNavigationBar 底部导航栏 | BottomNavigationBarItem 导航栏条目 | PageView )
Flutter 中的 Scaffold 组件实现了基础的材料设计 ( Material Design ) 可视化布局结构 ;
韩曙亮
2023/03/29
6.2K0
【Flutter】底部导航栏实现 ( BottomNavigationBar 底部导航栏 | BottomNavigationBarItem 导航栏条目 | PageView )
底部导航栏效果
<template> <view class="me"> 消息列表界面 </view> </template> <script> import wepy from 'wepy'; export default class Me extends wepy.component { components = { } methods = { }; } </script> <template> <view class="me"> 联系人界面
达达前端
2022/04/29
3.8K0
底部导航栏效果
【Flutter】底部导航栏页面框架 ( BottomNavigationBar 底部导航栏 | PageView 滑动页面 | 底部导航与滑动页面关联操作 )
在 Scaffold 的 bottomNavigationBar 属性设置底部导航栏 ;
韩曙亮
2023/03/29
4.6K0
【Flutter】底部导航栏页面框架 ( BottomNavigationBar 底部导航栏 | PageView 滑动页面 | 底部导航与滑动页面关联操作 )
TabLayout用法,android顶部导航栏,android底部导航栏
TabLayout是android.support.design里的一个控件,使用它可以很方便的做出顶部导航和底部导航。类似于这样的,能设置选中时字体的颜色和选中时的图片。
天涯泪小武
2019/01/17
4.1K0
flutter中的底部导航栏切换
做android原生开发时,底部导航栏是通过自定义布局,图片自己上网找,点击之后还要变色,在切换的时候使用fragment,切换下一个的同时上一个隐藏…… 现在,来看flutter怎么实现吧
徐建国
2021/11/30
3.6K0
flutter中的底部导航栏切换
App之底部导航栏的设计
hi,这是系列文章:App之xxx的第2篇,第1篇我总结了App之“文字”的设计技巧。今天来总结下app的底部导航栏的设计。 我为什么写这个系列的文章。因为我正在做一款app,我在团队中主抓产品设计、UX/UI设计、部分前端开发,少量运营。在工作之余,我决定把所研究的内容写成关于app之xxx的系列文章,文章选择的题材会往“小而精”这个方向努力,范围在我的工作内容中选取。 先来看看app常用的导航模式有哪些:列表式、网格式、标签导航、抽屉式导航等。 简单对比下优缺点: 列表式结构清晰明了,大部分应
mixlab
2018/04/17
5K0
App之底部导航栏的设计
底部导航栏的几种实现方式
Android底部导航栏实现方式真的是太多了~在这里仅介绍几种实现方式~建议使用TabLayout +ViewPager ,TabLayout是Android Material Design中的控件,布局文件简单。
小小工匠
2021/08/16
2.2K0
最新iOS设计规范三|3大界面要素:栏(Bars)
iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师,都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率,保证用户良好的体验。
晓吾
2021/04/08
10K0
最新iOS设计规范三|3大界面要素:栏(Bars)
H5底部添加导航栏遮挡主体内容(移动端底部导航栏实现)
增加了如上属性后显示导航栏但是又遮挡了主体内容,今天翻遍了CSDN终于找到了解决办法。
岳泽以
2023/04/06
2.8K0
H5底部添加导航栏遮挡主体内容(移动端底部导航栏实现)
使用BottomNavigationBar来定义底部导航栏
在iOS中,底部导航栏使用UITabBar就可以实现;在Flutter中,类似的效果可以通过BottomNavigationBar这个组件实现。
拉维
2019/08/16
1.5K0
教你轻松几步实现底部导航栏
版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/45506269
Hankkin
2018/09/06
8660
点击加载更多

相似问题

如何删除标题大的导航栏的底部边框?

11

iOS 13导航栏大标题问题

4182

iOS13导航栏大标题未覆盖状态栏

30

CSS删除底部边框导航栏

36

iOS13/Xcode 11上的大标题导航栏为黑色

151
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文