`
hx.19890101
  • 浏览: 109909 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

在Tag Bar中使用Navgation

    博客分类:
  • ios
阅读更多
前面分别学到了Tag Bar和Navigation的使用,这次我们把他合起来使用,效果如下图





首先创建项目,选择window based application。项目名称为Nav_Tagbar。在.h中完成代码
#import <UIKit/UIKit.h>
@interface Nav_TagbarAppDelegate : NSObject <UIApplicationDelegate> {
    UIWindow *window;
	UITabBarController *rootController;
}
@property (nonatomic, retain) IBOutlet UIWindow *window;
@property (nonatomic, retain) IBOutlet UITabBarController *rootController;
@end

在.m中完成代码
#import "Nav_TagbarAppDelegate.h"
@implementation Nav_TagbarAppDelegate
@synthesize window;
@synthesize rootController;
#pragma mark -
#pragma mark Application lifecycle
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {    
    [window addSubview:rootController.view];
    [window makeKeyAndVisible];
    return YES;
}
- (void)dealloc {
	[rootController release];
    [window release];
    [super dealloc];
}
@end

再创建三个类,名为navView,secondView,thirdView,并生成视图。下面进行页面设计。双击MainWindow.xib,首先将一个Tag Bar Controller拖入nib主窗口中,按住Ctrl将Nav Tagbar App Delegate拖入Tag Bar Controller。之后将一个Navigation Controller拖入Tag Bar Controller中,如图

再做好相对界面的视图和控制器选择。这是nav的选择




在navView.xib中生成一个按钮,实现入栈跳转。在相应的.h.m文件中实现如下代码
#import <UIKit/UIKit.h>
@interface navView : UIViewController {
}
-(IBAction)buttonPressed;
@end

#import "navView.h"
#import "thirdView.h"
@implementation navView
-(IBAction)buttonPressed{
	thirdView *mythirdView = [[thirdView alloc] initWithNibName:@"thirdView" bundle:nil];
	[self.navigationController pushViewController:mythirdView animated:YES];
	[mythirdView release];
}
  • 大小: 59.1 KB
  • 大小: 35.6 KB
  • 大小: 78.1 KB
  • 大小: 30.9 KB
  • 大小: 17.7 KB
  • 大小: 20.4 KB
分享到:
评论

相关推荐

    Alphabetical Navigation Bar Display Tag-开源

    标题中的"Alphabetical Navigation Bar Display Tag"是一个Java开发的开源项目,主要目的是为了实现一个功能性的字母导航栏。这个导航栏能够帮助用户更高效地浏览和筛选存储在`java.util.List`对象中的大量字符串...

    实现底部切换标签+左右滑动切换页面

    在移动应用开发中,底部切换标签(Bottom Navigation Bar)与左右滑动切换页面是常见的交互设计模式,尤其在教育类App中更为常见。这两种功能能够为用户提供清晰的导航结构,方便他们在不同模块间轻松切换。下面我们...

    android底部导航栏1

    在Android开发中,底部导航栏(Bottom Navigation Bar)是一种常见的用户界面组件,用于在多个顶级目的地之间进行切换。它提供了一种直观的方式,让用户能够轻松访问应用的主要功能。本篇文章将详细探讨Android底部...

    底部菜单栏Demo

    在Android应用开发中,底部菜单栏(Bottom Navigation Bar)是一种常见的用户界面元素,它提供了一种方便用户在多个主要功能之间切换的方式。标题"底部菜单栏Demo"表明这是一个关于如何在Android应用中实现底部菜单...

    android 底部菜单栏 TabHost

    在Android应用开发中,底部菜单栏(Bottom Navigation Bar)是一种常见的用户界面元素,它提供了一种方便用户在多个主要功能之间切换的方式。本资源聚焦于使用`TabHost`组件来实现这种底部菜单栏功能。`TabHost`是...

    twig模本引擎-中文手册-pdf版

    - 在TWIG模板中,变量和表达式将在运行时被解析替换,而标签(tags)则用于控制模板的逻辑结构。 ##### 2.2 基础示例 以下是一个简单的TWIG模板示例: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;My Webpage &lt;ul id="...

    Bootstrap 4 responsive web design

    Fixing the list navigation bar pseudo-classes 121 You deserve a badge! 122 Fixing some issues with the navigation bar 123 Do a grid again 127 Playing the cards 127 Learning cards in Bootstrap 4 128 ...

    ios-上下导航栏的创建.zip

    在iOS应用开发中,导航栏(Navigation Bar)和底部标签控制器(UITabBarController)是两种非常重要的界面元素,它们帮助用户在应用的不同视图之间进行导航。本教程将深入讲解如何在iOS应用中创建和使用这两种组件,...

    导航

    8. **导航的一致性**:在整个网站或应用中保持导航布局和操作方式的一致性,提高用户的使用效率。 9. **导航的层次深度**:尽量减少用户到达目标页面所需的点击次数,避免过多的层级,使导航简单易用。 10. **A/B...

    Struts 2中的OGNL教程

    OGNL 的设计初衷之一就是在 JSP 页面中减少 `&lt;% %&gt; ` 的使用,进而实现视图层与业务逻辑层的分离,使得代码更加清晰和易于维护。 #### 二、OGNL 的优势 OGNL 相比其他表达式语言有着诸多优势: 1. **支持对象方法...

    element-ui 离线中文文档api下载 版本2.4

    6. **导航组件**:包括 Navigation Bar(导航栏)、Menu(菜单)、Breadcrumb(面包屑)、Pagination(分页)、Steps(步骤条)等,帮助用户在应用中导航。 7. **数据展示组件**:Table(表格)、Tag(标签)、...

    更改ActionBar的指示条

    在`res/layout`目录下创建一个自定义的Action Bar布局文件,例如`action_bar_tab.xml`。在该文件中,你可以定义每个Tab的视图,包括图标和文字。例如: ```xml android:id="@+id/tab1" android:layout_width=...

    FishEye:摄影师可访问的平台

    ○ By clicking on a tag in the navigation bar, the list of photographers is filtered to display only those who match this tag. ○ When the user clicks on a photographer's thumbnail, they are taken to ...

    大学生静态HTML网页源码——佛山旅游景点介绍网页代码 家乡旅游网页制作模板 web前端期末大作业

    导航栏 (Navigation Bar)** - **定义**: 导航栏提供网站内页面之间的链接。 - **应用**: 本作品顶部的导航栏,帮助用户快速找到他们感兴趣的部分。 - **示例代码**: ```html &lt;li&gt;&lt;a href="index.html"&gt;首页...

    android 可移动控件

    }else if(Y -_yDelta &gt; screenHeight - height-NavigationBarheight){ lParams.topMargin = screenHeight - height-NavigationBarheight; }else{ lParams.topMargin = Y - _yDelta; } lParams.rightMargin = -...

    Android底部菜单栏实现的实例代码

    在Android应用开发中,底部菜单栏(Bottom Navigation Bar)是一个常见的设计模式,它提供了一种简单的方法让用户在应用的主要功能之间进行切换。本实例将详细讲解如何使用RadioGroup来实现这样一个底部导航菜单栏。...

    网页设计HTML基础.pdf

    1. **导航栏(Navigation Bar)** 导航栏是网页的重要组成部分,它帮助用户在不同的页面间进行导航。在HTML中,可以通过无序列表`&lt;ul&gt;`和列表项`&lt;li&gt;`来构建简单的导航栏。 ```html &lt;li&gt;&lt;a href="#"&gt;首页...

    bootstrap_example:Bootstrap + Rails 4.x 示例

    在`app/assets/stylesheets/application.css`(如果使用Sprockets 3以上版本,应更改为`.scss`扩展名)中,取消注释或添加以下行来引入Bootstrap CSS: ```css /* *= require bootstrap */ ``` 对于JavaScript,...

Global site tag (gtag.js) - Google Analytics