- 浏览: 518289 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
tangyunliang:
大哥你太历害了谢谢
Android基于XMPP Smack Openfire开发IM【四】初步实现两个客户端通信 -
u013015029:
LZ,请问下,在// 添加消息到聊天窗口 , 这里获取Ed ...
Android基于XMPP Smack Openfire开发IM【四】初步实现两个客户端通信 -
endual:
怎么保持会话,我搞不懂啊
Android基于XMPP Smack Openfire开发IM【一】登录openfire服务器 -
donala_zq:
显示:[2013-11-30 11:50:36 - Andro ...
android-----------新浪微博 -
donala_zq:
哥,运行不了啊
android-----------新浪微博
实现的功能:通过Navigation,实现多视图切换。这是使用最多的一种多视图实现方式。
关键词:多视图 Navigation UINagivationController
1、创建一个Empty Application工程,命名为:MultiView-Navigation,如下图
[img]
[/img]
2、选中工程中的Group MultiView-Tab,然后按住CMD(Windows键)+N,新建视图控制器FirstViewController,如下图
[img]
[/img]
3、依照上步操作,新建视图控制器SecondViewController
4、修改AppDelegate.h,修改后如下:
5、修改AppDelegate.m,主要是修改didFinishLaunchingWithOptions方法,修改后如下:
6、修改FirstViewController.h,添加goSecondView方法:
7、修改FirstViewController.m,主要是修改initWithNibName及实现goSecondView方法:
8、视图控制器SecondViewController,仅修改SecondViewController.m中的initWithNibName方法,如下:
09.}
- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
if (self) {
// Custom initialization
self.title = @"SecondView";
}
return self;
}代码解释:
备注1:firstViewController被push到navigationController中。
备注2:self.navigationController的英文注释为:// If this view controller has been pushed onto a navigation controller, return it.
所以,self.navigationController返回的正是备注1中的navigationController。
9、编译、运行,效果如下:
[img]
[/img]
[img]
[/img]
10、Navigation通常与TableView搭配使用,一个单视图应用,现在搭配上Navigation将其修改为多视图应用。
11、将TableView示例工程复制一份名称修改为TableViewDemo-Nav,打开该工程进行修改。
12、首先,修改AppDelegate,添加UINavigationController的实例,AppDelegate.h修改后如下:
修改AppDelegate.m中的didFinishLaunchingWithOptions方法,如下:
13、新建视图控制器AppViewController(带xib),如下:
[img]
[/img]
14、ViewController.h修改后如下:
ViewController.m中主要是实现了-(void)tableView:(UITableView*)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath方法,如下:
15、AppViewController.h如下
注意:将输出口与AppViewController.xib中的UI控件相连。AppViewController.xib如下:
[img]
[/img]
16、运行效果如下:
[img]
[/img] [img]
[/img]
关键词:多视图 Navigation UINagivationController
1、创建一个Empty Application工程,命名为:MultiView-Navigation,如下图
[img]
[/img]
2、选中工程中的Group MultiView-Tab,然后按住CMD(Windows键)+N,新建视图控制器FirstViewController,如下图
[img]
[/img]
3、依照上步操作,新建视图控制器SecondViewController
4、修改AppDelegate.h,修改后如下:
#import <UIKit/UIKit.h> #import "FirstViewController.h" #import "SecondViewController.h" @interface AppDelegate : UIResponder <UIApplicationDelegate> @property (strong, nonatomic) UIWindow *window; @property (strong, nonatomic) UINavigationController *navigationController;//导航视图控制器对象 @end
5、修改AppDelegate.m,主要是修改didFinishLaunchingWithOptions方法,修改后如下:
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]]; // Override point for customization after application launch. FirstViewController *firstViewController = [[FirstViewController alloc]initWithNibName:@"FirstViewController" bundle:nil]; //初始化navigationController,将firstViewController作为根视图控制器 navigationController = [[UINavigationController alloc]initWithRootViewController:firstViewController];//备注1 [self.window addSubview:navigationController.view]; self.window.backgroundColor = [UIColor whiteColor]; [self.window makeKeyAndVisible]; return YES; }
6、修改FirstViewController.h,添加goSecondView方法:
#import <UIKit/UIKit.h> #import "SecondViewController.h" @interface FirstViewController : UIViewController -(void)goSecondView; @end
7、修改FirstViewController.m,主要是修改initWithNibName及实现goSecondView方法:
- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil { self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil]; if (self) { // Custom initialization self.title = @"First View"; self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc]initWithTitle:@"SecondView" style:UIBarButtonItemStyleBordered target:self action:@selector(goSecondView)]; } return self; } -(void)goSecondView{ SecondViewController *secondViewController = [[SecondViewController alloc]initWithNibName:@"SecondViewController" bundle:nil]; //跳转到secondViewController [self.navigationController pushViewController:secondViewController animated:YES];//备注2 }
8、视图控制器SecondViewController,仅修改SecondViewController.m中的initWithNibName方法,如下:
- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil { self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil]; if (self) { // Custom initialization self.title = @"SecondView"; } return self; }
09.}
- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
if (self) {
// Custom initialization
self.title = @"SecondView";
}
return self;
}代码解释:
备注1:firstViewController被push到navigationController中。
备注2:self.navigationController的英文注释为:// If this view controller has been pushed onto a navigation controller, return it.
所以,self.navigationController返回的正是备注1中的navigationController。
9、编译、运行,效果如下:
[img]
[/img]
[img]
[/img]
10、Navigation通常与TableView搭配使用,一个单视图应用,现在搭配上Navigation将其修改为多视图应用。
11、将TableView示例工程复制一份名称修改为TableViewDemo-Nav,打开该工程进行修改。
12、首先,修改AppDelegate,添加UINavigationController的实例,AppDelegate.h修改后如下:
#import <UIKit/UIKit.h> @class ViewController; @interface AppDelegate : UIResponder <UIApplicationDelegate> @property (strong, nonatomic) UIWindow *window; @property (strong, nonatomic) ViewController *viewController; //添加navigationController @property (strong, nonatomic) UINavigationController *navigationController; @end
修改AppDelegate.m中的didFinishLaunchingWithOptions方法,如下:
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { self.window = [[[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]] autorelease]; // Override point for customization after application launch. self.viewController = [[[ViewController alloc] initWithNibName:@"ViewController" bundle:nil] autorelease]; //注释掉下面一行代码 /* self.window.rootViewController = self.viewController;*/ //添加如下代码 self.navigationController = [[UINavigationController alloc]initWithRootViewController:self.viewController]; [self.window addSubview:self.navigationController.view]; [self.window makeKeyAndVisible]; return YES; }
13、新建视图控制器AppViewController(带xib),如下:
[img]
[/img]
14、ViewController.h修改后如下:
#import <UIKit/UIKit.h> #import "AppViewController.h" @interface ViewController : UIViewController @property(nonatomic,retain)NSMutableArray *apps; @property(nonatomic,retain)AppViewController *appViewController; @end
ViewController.m中主要是实现了-(void)tableView:(UITableView*)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath方法,如下:
//实现didSelectRowAtIndexPath -(void)tableView:(UITableView*)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{ NSString *imageName = [NSString stringWithFormat:@"%d",[indexPath row]+1]; NSString *appName = [apps objectAtIndex:[indexPath row]]; //初始化appViewController appViewController = [[AppViewController alloc]initWithNibName:@"AppViewController" bundle:nil]; //传递参数 appViewController.appName = appName; appViewController.appIconName = imageName; //跳转到appViewController [self.navigationController pushViewController:appViewController animated:YES]; }
15、AppViewController.h如下
#import <UIKit/UIKit.h> @interface AppViewController : UIViewController @property(strong,nonatomic)NSString *appName; @property(strong,nonatomic)NSString *appIconName; @property(strong,nonatomic)IBOutlet UILabel *appNameLabel; @property(strong,nonatomic)IBOutlet UIImageView *appIconImgView; @end
注意:将输出口与AppViewController.xib中的UI控件相连。AppViewController.xib如下:
[img]
[/img]
#import "AppViewController.h" @interface AppViewController () @end @implementation AppViewController @synthesize appName; @synthesize appIconName; @synthesize appNameLabel; @synthesize appIconImgView; - (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil { self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil]; if (self) { self.title = @"AppViewController"; } return self; } - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view from its nib. self.appNameLabel.text = appName; self.appIconImgView.image = [UIImage imageNamed:appIconName]; NSLog(@"appName=%@,appIconName=%@",appName,appIconName); } - (void)viewDidUnload { [super viewDidUnload]; // Release any retained subviews of the main view. // e.g. self.myOutlet = nil; appName = nil; appIconName = nil; appNameLabel = nil; appIconImgView = nil; } - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation { return (interfaceOrientation == UIInterfaceOrientationPortrait); } @end
16、运行效果如下:
[img]
[/img] [img]
[/img]
- iPhone开发【十】多视图技术总结之二:Navigation_.zip (266.5 KB)
- 下载次数: 2
发表评论
-
新风作浪博客学习(十九)在iOS虚拟键盘上添加动态隐藏按钮
2013-06-08 09:19 823为了给用户比较良好的交付,想在键盘上添加一个按钮,实时根据键盘 ... -
新风作浪博客学习(十八)openURL的使用(iOS调用系统电话、浏览器、地图、邮件等) .
2013-06-08 09:19 936今天遇见一行代码实现打开一个网页,比起印象里的UIWebVie ... -
新风作浪博客学习(十七)UIImageView响应点击事件 .
2013-06-08 09:19 670有时候会遇到点击一张图片,然后让这张图片触发一个事件,或者是跳 ... -
新风作浪博客学习(十六)Navigation + Tab Bar 常用组合框架 .
2013-06-07 08:50 1194看到很多项目中都采用的是Navigation加Tab Bar组 ... -
新风作浪博客学习(十五)google地图定位小Demo .
2013-06-07 08:50 1062[img][/img]今天写的是一个简单功能的google地图 ... -
新风作浪博客学习(十四)怎样向iPhone模拟器中添加图片 .
2013-06-07 08:50 745在我们做项目中可能需要使用图库,模拟器是有图库的,但是如何像其 ... -
新风作浪博客学习(十三)表视图的分组分区和索引分区 .
2013-06-07 08:50 750本次实现的是表视图的分区和索引,代码和前面都差不多,主要还是代 ... -
新风作浪博客学习(十二)代码实现UITableViewCell表视图单元定制 .
2013-06-07 08:49 937通常情况下我们会希望单元格UITableViewCell显示自 ... -
新风作浪博客学习(十一)UITableViewCell的标记、移动、删除、插入 .
2013-06-06 09:15 1065这篇文章是建立在 代码实现 UITableView与UITa ... -
新风作浪博客学习(十)代码实现 UITableView与UITableViewCell .
2013-06-06 09:14 1118我们常用的表格类视图就是用 UITableView与UITab ... -
新风作浪博客学习(九)两个UIPickerView控件间的数据依赖 .
2013-06-06 09:14 1042本篇实现功能是两个选取器的关联操作,滚动第一个滚轮第二个滚 ... -
新风作浪博客学习(八)代码实现UIPickerView .
2013-06-06 09:14 1248先说一下当个组件选取器,我们创建一个数组NSAray来保存选取 ... -
新风作浪博客学习(七)代码 实现UIDatePicker控件 和 Tab Bar 视图切换 .
2013-06-06 09:15 1078感觉代码写控件都一个理,先在ViewDidLoad中创建控件对 ... -
新风作浪博客学习(六)ios 视图切换翻页效果 .
2013-06-05 11:18 1030本文写的是视图切换,涉及到的内容有 1.实现代码添加Navi ... -
新风作浪博客学习(五)代码实现UISlider 和 UISwitch .
2013-02-18 09:15 1077本次实现的UISlider和UISwi ... -
新风作浪博客学习(四)把plist里数据显示在textField上 .
2013-02-18 09:15 887在代码实现Lable 、textFie ... -
新风作浪博客学习(三)NSBundle读取图片 plist文件和txt文件
2013-02-18 09:15 1641本文想简单介绍一下NSBundle读取图片到视图上,读取pli ... -
新风作浪博客学习(二)代码实现Lable 、textField创建界面以及键盘的处理
2013-02-18 09:15 1140今天写的是用代码实现一个简单界面,代码重复率比较高,可读性不是 ... -
新风作浪博客学习(一)plist文件读写操作
2013-02-18 09:14 1311文件plist 全名Property List,属性列表文件, ... -
GCDiscreetNotificationView提示视图
2013-06-05 11:17 531先看一下效果图: [img] ...
相关推荐
博文http://blog.csdn.net/m_changgong/article/details/8209309源代码
1. Tabbar Controller与 Navigation Controller的套用 2. TableViewCell 子视图添加UILabel和UIButton等 3. Quartz 2D 绘制自定义视图 4. 手势结合UIView Animation切换视图 5. CoreData 及其数据的初始化方法 6. ...
iphone开发基础UITabBar和UINavigation搭建简单应用,适合初学者,学习tabbar和navigation,这里练习两者组合搭建一个简单的常见应用例子, 其实普通应用也就是tabbar作为根视图,每个tab又是一个navigation的根...
本资源是一套基于iphone开发的点餐系统应用完整源码,涉及技术点包括Tabbar Controller与 Navigation Controller的套用、TableViewCell 子视图添加UILabel和UIButton等、Quartz 2D 绘制自定义视图等
实现flip card的视图切换效果。在原始的NavigationView视图切换中,下一个视图始终是从右边平移进来。这个代码实现的效果是下一个视图是以翻转的形式进来。 注意:请在Mac下解压使用
容器(container)中有双层视图,第一层视图是根视图(主视图),第二层视图隐藏在根视图下面。当手指向上、向下、向左或向右划动时,第二层隐藏视图将显示出来,反方向划动视图将重新隐藏。 注意:请在Mac下解压...
到最后,你将尝试到 iPhone 开发的许多领域,为未来开发您的应用做好准备。 那么,什么是我们要的应用?嗯,有一个背后的故事...... 一天晚上,我看到 Potato Bug ,并开始吓坏了,因为它是如此之大又丑!然后,我就...
苹果iOS是由苹果公司开发的手持设备操作系统。苹果公司最早于2007年1月9日的Macworld大会上公布这个系统,最初是设计给iPhone使用的,后来陆续套用到iPod touch、iPad以及Apple TV等苹果产品上。iOS与苹果的Mac OS X...
来源:Licence:MIT平台:iOS设备:iPhone / iPad作者:Meiwin Fu 实现双层滑动视图的效果。容器(container)中有双层视图,第一层视图是根视图(主视图),第二层视图隐藏在根视图下面。当手指向上、向下、向...
来源:Licence:未知平台:iOS设备:...在原始的NavigationView视图切换中,下一个视图始终是从右边平移进来。这个代码实现的效果是下一个视图是以翻转的形式进来。 Code4App编译测试,适用环境:Xcode 4.3, iOS 5.0。
来源:Licence:MIT平台:iOS设备:iPhone / iPad作者:Mohammed Eldehairy 在UINavigationController中,推入新视图时,之前的视图会先缩小后退,新视图才推进来。当推出当前视图时,之前的视图会从小慢慢变大...
在每个视图中全局定制样式。 屏幕截图 iPhone X 安卓 安装 通过纱线安装: yarn add react-native-pure-navigation-bar 通过NPM安装: npm install --save react-native-pure-navigation-bar 用法 首先导入...
来源:Licence:MIT平台:iOS设备:iPhone / iPad作者:Feather-Mie 实现网易新闻app/新浪微博app中手指右滑屏幕返回上一层视图的交互。利用UINavigationControler组织多层,即也可以用导航栏(UINavigationBar...
来源:Licence:BSD平台:iOS设备:iPhone / iPad作者:David Sinclair 实现多种HUD效果。多用于程序正在执行耗时较长命令,需要用户等待。除了显示等待的HUD,还可以显示命令执行成功或者失败的HUD。Demo视频...
它使用NavigationLink将屏幕推送到导航堆栈上。 应用状态通过可组合架构进行管理。 它还包含负责处理长效效果并将逻辑栈从根视图(pop-to-root)释放的逻辑。 该项目中使用的解决方案在以下文章中进行了描述: 。 ...
iPhone X How many lines of code should I write to fit in iPhone X? Zero. 我需要写多少代码来适配 iPhone X?0。 Introduction More and more apps use custom navigation bar for each different view ...
来源:Licence:MIT平台:iOS设备:iPhone / iPad作者:cocopon ... 实现一个弹出视图,弹出的视图上加上列表和导航条(navigation bar)。 Code4App编译测试,适用环境:Xcode 4.3, iOS 5.0。
来源:github/VCTransitionsLibLicence:MIT平台:iOS设备:iPhone / iPad作者:Colin Eberhardt 利用 iOS 7 的新特性实现一系列效果很棒的视图切换动画。包括折叠切换、爆炸切换、卡片式切换等等。可以在...