CLAdvanceNavigationController

iOS 导航栏
授权协议 MIT
开发语言 Objective-C
所属分类 iOS代码库、 导航条(Navigation Bar)
软件类型 开源软件
地区 国产
投 递 者 吕德惠
操作系统 iOS
开源组织
适用人群 未知
 软件概览

CLAdvanceNavigationController 是页面切换时,拥有前进效果的导航栏。

image

使用方法:

在 AppDelegate.h 中声明全局导航栏
@class CLAdvanceNavigationController;
/**  全局导航栏 */
@property (strong, nonatomic) CLAdvanceNavigationController *navController;
在 AppDelegate.m 中初始化全局导航栏
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    // 创建屏幕窗口视图
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    self.window.backgroundColor = [UIColor whiteColor];
    // 创建并设置全局导航栏为window的根视图
    self.navController = [[CLAdvanceNavigationController alloc] init];
    self.window.rootViewController = self.navController;
    // 设置导航栏首页
    FirstViewController *firstVC = [[FirstViewController alloc] init];
    [self.navController pushViewController:firstVC animated:YES];
    return YES;
}
在做页面切换时,使用正常使用导航栏代码
ThridViewController *thridVC = [[ThridViewController alloc] init];
[self.navigationController pushViewController:thridVC animated:YES];
[self.navigationController popViewControllerAnimated:YES];
[self.navigationController popToRootViewControllerAnimated:YES];
 相关资料
  • 本功能是响应大家需求,后期加上的,其实本人在公司项目或者个人项目中是不太使用该功能的。以前那些传统后台框架往往会包含此功能,由于以前的后台项目大部分都是多页面的形式,所以标签栏导航功能还是具有一定意义的,大部分都是基于 iframe 的方式实现的。 但随着时代的发展,现在的后台项目几乎都是 spa(single page web application 单页面开发),再使用以前的方案来实现标签导航

  • 导航栏是一个将商标、导航以及别的元素简单放置到一个简洁导航页头的的包裹。它很容易扩展,而且,在折叠板插件的帮助下,它可以轻松与幕后内容整合。 基础 这些是你开始使用导航条之前需要知道的东西: 导航条要求一个包裹的.navbar以及一个配色方案类(可以是.navbar-default或者.navbar-inverse)。 当在一个导航条中使用多个组件时,必须用一些 对齐类 。 导航条以及它们的内容默

  • 导航栏是一个固定区域 (在固定和穿透布局类型中) 。它位于屏幕顶部,包含页面标题和导航元素。 导航栏包含3个部分:左、中、右。每个部分都可以包含任意的HTML内容,但推荐按照如下方式使用: 左部 用来放置返回链接、图标以及单独的文字链接。 中部 用来显示页面标题和标签链接(即按钮控制)。 右部 和左部一样。 导航栏布局 导航栏布局相当简单,根据字面意思即可理解: <div class="navba

  • navigation-bar 属性 类型 默认值 必填 说明 最低版本 title string 否 导航条标题 2.5.1 loading boolean false 否 是否在导航条显示 loading 加载提示 2.5.1 front-color string 否 导航条前景颜色值,包括按钮、标题、状态栏的颜色,仅支持 #ffffff 和 #000000 2.5.1 background-c

  • 简易的导航栏 Simple navbar Jquery Mobile 提供了一个基本的导航栏组件,每一行可以最多放5个按钮,通常在顶部或者底部 导航栏的代码为一个ul列表,被一个容器包裹,这个容器需要有data-role="navbar"属性。要设定某一个链接为活动(selected)状态,给链接增加class="ui-btn-active" 即可。我们给尾部栏设置了一个导航栏,把one项设置为活

  • Bootstrap中的导航组件分享了常用的标记和样式,从基本的.nav类到激活和禁用的状态。交换修饰类,可以在各种样式之间切换。 关于易用性 如果你使用导航来制作一个导航栏,请确保向<ul>的逻辑父元素添加了role="navigation"或者给整个导航条包裹一个<nav>元素。不要在<ul>的本身上面添加这个role,因为这将阻止它被使用辅助技术的用户声明为一个真正的列表。 基础导航 通过扩展

  • 在 NAV.md 文件可配置网站的导航标题、logo、菜单列表信息,简单示例如下: # YDoc ![logo](ydoc/images/logo.png) * [文档](/documents/index.md) * [文档规范](/style-guide/index.md) * [插件](/plugins/index.md) 上面的 markdown 内容可生成如下导航信息: 标题:YDoc

  • 监听url的变化 监听当前位置的更改: const onLocationChanged = (location) => { console.log(location.pathname); console.log(location.query); console.log(location.hash); }; module.exports = GitBook.createPl