`
jsntghf
  • 浏览: 2542414 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

导航栏加分割线的实现

    博客分类:
  • iOS
阅读更多
self.view.backgroundColor = [UIColor clearColor];
self.view.opaque = NO;

self.navigationBar = [[UINavigationBar alloc]initWithFrame:CGRectMake(0, 0, CGRectGetWidth(self.view.bounds), 64)];
[self.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
self.navigationBar.shadowImage = [UIImage new];
self.navigationBar.tintColor = [UIColor colorWithWhite:1 alpha:0.7];
self.navigationBar.translucent = YES;
[self.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor whiteColor],
                                             NSFontAttributeName: [UIFont fontWithName:@"HelveticaNeue" size:22]}];
CALayer *bottomBorder = [CALayer layer];
bottomBorder.frame = CGRectMake(0.0, self.navigationBar.bounds.size.height - 0.5, self.navigationBar.bounds.size.width, 0.5);
bottomBorder.backgroundColor = [UIColor whiteColor].CGColor;
[self.navigationBar.layer addSublayer:bottomBorder];
[self.view addSubview:self.navigationBar];

UINavigationItem *navigationItem = [[UINavigationItem alloc]initWithTitle:@"Settings"];
[self.navigationBar setItems:@[navigationItem]];

分享到:
评论

相关推荐

    隐藏tableView分割线及隐藏和现实导航栏教程共23页

    在iOS中,UITableView默认会在每个cell之间显示一条分割线,但有时为了追求更简洁的设计,可能需要将其隐藏。这可以通过以下步骤实现: 1. 首先,在你的`ViewController`中,找到与UITableView相关的代码,通常是在...

    Java实现类Windows导航栏

    在Java编程中,实现类似Windows操作系统中的导航栏功能可以为应用程序提供用户友好的界面和便捷的导航体验。本文将详细讲解如何使用Java Swing库来创建一个自定义的导航栏组件。 首先,Java Swing并没有直接提供...

    一个用于快速开发底部导航的库,支持红点提醒,支持分割线自定义.zip

    这个库的特性包括支持红点提醒以及自定义分割线,使得开发者能够更加灵活地设计和实现符合自身需求的底部导航栏。 首先,"红点提醒"是移动应用中常见的一种提示方式,通常用来表示某个功能或内容有未读消息或者更新...

    CSS利用伪元素实现导航栏斜线分隔

    开始切第一张图了,第一个遇到的问题是顶部导航栏这里,用斜线分割。想到的思路是用伪类:before或者:after实现 先写html结构。 XML/HTML Code复制内容到剪贴板 <!– 导航栏begin –>   fr>  <a>Home  ...

    Python3.x+Pyqt5实现主窗体(QMainWindow类)里的分割器QSplitter动态载入子窗体(QWidget类),还实现了导航栏抽屉效果

    本教程主要聚焦于使用PyQt5的QMainWindow类构建主窗体,并结合QSplitter来动态加载子窗体(QWidget类),同时实现一种导航栏抽屉效果。下面我们将详细探讨这些知识点。 1. **QMainWindow类**: QMainWindow是PyQt5...

    Android实现美团外卖底部导航栏动画

    体验了一下美团外卖的底部导航栏,感觉动画很流畅,分割线被顶起,还有图标的动画,可能用的lottie,觉得分割线被顶起可以自己写动画,所以试着写了一下 。 想自定义view点击实现动画效果,自定义view的区域一定比...

    html5 jquery beforeafter幻灯片插件分割线

    然后,通过CSS或JavaScript添加一个可拖动的分割线,用户可以左右滑动这条线来比较两个阶段的内容。这个插件可能还包含了一些额外的功能,比如自动轮播、触屏支持、键盘导航等,以提供更好的用户体验。 在文件...

    iOS开发之隐藏导航栏线的简单代码

    然而,在某些设计需求或者特定场景下,开发者可能需要隐藏导航栏底部的分割线,以获得更简洁的视觉效果。本文将详细介绍如何通过简单的代码实现这一功能。 首先,我们需要了解导航栏的结构。在iOS中,`...

    iframe实现左侧菜单右侧页面简单示例

    "iframe实现左侧菜单右侧页面简单示例"就是一个典型的双栏布局模式,常用于展示左侧导航菜单,右侧则展示对应的内容区域。这种设计模式在很多网站和管理系统中都很常见。 Iframe,全称"Inline Frame",是HTML中的一...

    iOS中导航栏的基本使用汇总

    本篇文章将汇总iOS中导航栏的基本使用方法,包括设置导航栏样式、解决自定义返回按钮后侧滑不可用问题以及隐藏导航栏底部的分割线。 1. 设置导航栏样式 导航栏的样式调整可以分为全局和局部两种方式。全局设置通常...

    静态分割窗口,实现窗口的任意切分

    它们通常用于预定义的界面布局,如两个并排的文本编辑器或者上方是导航栏下方是内容区的设计。 实现静态分割窗口的关键步骤包括: 1. **创建分割窗口类**:你需要继承自MFC的CWndSplitterWnd类,并重写其必要的...

    网站导航菜单的分割线和水平居中

    例如,如果导航条包含子菜单,可以考虑使用`<dl>`、`<dt>`和`<dd>`元素来组织,以体现层级关系。但现实情况中,大型网站可能会根据实际需求和开发效率,选择使用`<div>`和内联样式,如淘宝底部的代码所示。 总之,...

    android底部导航(选项卡)+网格界面实例

    本实例是关于如何在Android中实现一个带有底部导航栏以及具有网格线的网格布局,类似于支付宝的界面设计。我们将使用TabActivity和RecyclerView这两个关键组件来构建这个功能。 首先,底部导航栏(BottomNavigation...

    滑动导航栏(PagerSlidingTabStrip)test

    为了自定义滑动导航栏的外观,可以调用PagerSlidingTabStrip的多个方法,例如设置字体颜色、选中颜色、分割线颜色等: ```java tabs.setIndicatorColorResource(R.color.tab_indicator_color); tabs....

    Android Activity与Fragment实现底部导航器

    - 设置背景颜色、分割线等视觉元素,提升用户体验。 2. **初始化和监听**: - 在Activity的`onCreate()`方法中,初始化底部导航栏的各个选项,包括设置图片资源和文本内容。 - 为每个选项添加点击事件监听器,当...

    ios-tableView类似购物车或者导航条.zip

    文件"line_指示线"可能是指在UITableView中实现的分割线或者指示性线条。在购物车场景中,这可能是用来区分不同商品的分隔线;在导航条中,可能是用来表示各个页面间的过渡。这些线条可以是简单的UIEdgeInset或者...

    qt自定义工具栏,类似word

    最后,为了使工具栏更加类似Word,我们可能需要自定义按钮的样式,或者添加分割线来分隔不同的功能组。这可以通过使用Qt的样式表(QSS)来完成,或者通过`QToolBar`的`addSeparator`方法添加分割线。 总的来说,...

    Apple网站风格的动感导航菜单

    6. `images`和`icons`目录:这些目录可能包含用于装饰和增强导航菜单的额外图像资源,如背景图、分割线或其他图标。 在实现这样的导航菜单时,开发者通常会遵循以下步骤: 1. 使用HTML创建基础结构,定义菜单项的...

Global site tag (gtag.js) - Google Analytics