我们知道 UITabBarController 对象,可以通过使用该对象,用户可以切换不同的屏幕。当要切换的各个屏幕之间没有相互依存关系的时候,该对象可以很好的完成任务。但是当多个屏幕互有关系的时候,就要使用另一种控制器 UINavigationController 。 事实上,基本上在所有的 APP 中,必不可少的两种控制器。
我们以 iOS 自带的 设置 应用为例,设置应用拥有多个互有关联的窗口,我们称之为这种界面为 垂直界面 。
下面我们将使用 UINavigationController 对象将 JXHomepwner 对象加入到 垂直界面 。项目地址
- UINavigationController 对象
当某个应用通过 UINavigationController 对象显示多个屏幕的信息时,相应的 UINavigationController 对象会以栈的形式保存所有屏幕的信息。这里的栈是一个数组对象,保存的都是 UIViewController 对象。一个 UIViewController 对象的视图对应一个屏幕。只用位于栈顶的 UIViewController 对象,其视图才是可见的。
初始化 UINavigationController 对象时,需要传入一个 UIViewController 对象。这个 UIViewController 对象将成为 UINavigationController 对象的 根视图控制器(root view controller),且根视图控制器将永远位于栈底。应用可以在运行时向 UINavigationController 的栈底压入更多的视图控制器。
将某个视图控制器压入 UINavigationController 对象的栈时,新加入的视图控制器的视图会从窗口右侧推入。出栈时, UINavigationController 对象会移除位于栈顶的视图控制器,其视图会向窗口右侧推出,然后用户会看见仅次于栈顶位置的视图控制器的视图。
类似于 UITabBarController 对象, UINavigationController 对象有一个名为 viewControllers 的属性,指向一个负责保存视图控制器的数组对象。在这个数组对象中,根视图控制器是第一个对象。当应用将某个视图控制器压入栈后,UINavigationController 对象会将新加入的对象加在 viewControllers 数组的末尾。因此,该数组中的最后一个视图控制器会位于栈的顶部。UINavigationController 对象的 topViewController 属性是一个指针,指向当前位于栈顶的视图控制器。
UINavigationController 是 UIViewController 的子类,所以 UINavigationController 对象也有自己的视图。该对象的视图有两个子视图:一个是 UINavigationBar 对象,另一个是 topViewController 的视图。和其他视图控制器一样,可以将 UINavigationController 对象设置为 UIWindow 对象的 rootViewController ,从而将该对象的视图作为子视图加入窗口。
首先为项目添加一个 UINavigationController 对象。
#import "AppDelegate.h"
#import "JXItemsViewController.h"
@interface AppDelegate () @end @implementation AppDelegate - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; // 添加初始化代码
// 创建 JXItemsViewController 对象
JXItemsViewController * itemsViewController = [[JXItemsViewController alloc] init]; // 将 JXItemsViewController 的标示图加入窗口
self.window.rootViewController = itemsViewController; // 将 UINavigationController 对象设置为 UIWindow 对象的根视图控制器。
// 这样就可以将 UINavigationController 对象的视图添加到屏幕中
UINavigationController * navController = [[UINavigationController alloc] initWithRootViewController:itemsViewController];
self.window.rootViewController = navController; self.window.backgroundColor = [UIColor whiteColor]; [self.window makeKeyAndVisible];
return YES;
}
构建并运行,除了屏幕顶部新出现的 UINavigationController 对象,真个应用看上去跟之前没有任何差别。JXItemsViewController 对象的视图大小会发生变化以适应带 UINavigationBar 对象的屏幕。这项工作是由 UINavigationController 完成的。
- 额外的视图控制器
要让 JXHomepwner 的 UINavigationController 对象真正的发挥作用,还要将另一个视图控制器压入 UINavigationController 对象的栈中。创建新的控制器,同时勾选 XIB。
下面我们需要为应用添加功能:当用户点击 UITableView 对象中的某个表格行时,应用需要显示一个新的屏幕。针对选中的 JXItem 对象的每一个属性,这个心得屏幕都要显示一个可以编辑的文本框。负责显示 JXItem 对象信息的视图应该由 JXDetailViewController 控制。
为了显示 JXItem 对象的四个属性,需要在 JXDetialViewController 中为每一个属性创建一个视图并声明相应的插座变量。
创建关联时,需要执行独立三步:1.在头文件中声明插座变量。2.在 XIB 文件中设置界面。3.在 XIB 文件中创建关联。
设置视图的时候请注意不要将这些子视图放置在 view 最顶端。在视图控制器中,view 会衬于 UINavigationBar 的下方,导致 UINavigationBar 会遮挡 view 最顶端的内容(对于 UITabBar 也是同样的情况,因此也不要将子视图放置在 view 的最低端)。关联后的代码。
#import "JXDetailViewController.h" @interface JXDetailViewController ()
@property (weak, nonatomic) IBOutlet UITextField *nameField;
@property (weak, nonatomic) IBOutlet UITextField *seriaNumberField;
@property (weak, nonatomic) IBOutlet UITextField *valueField;
@property (weak, nonatomic) IBOutlet UILabel *dateLabel; @end @implementation JXDetailViewController - (void)viewDidLoad {
[super viewDidLoad]; } @end
设置 XIB 文件时,要确保其中的关联都是正确的,这点非常重要。产生错误关联常见的原因为:我们修改了某个插座变量的便令名,但是没有更新 XIB 文件中的相应关联;或者我们彻底删除了某个插座变量,但是没有删除 XIB 文件中的相应关联。
下面要在 xib 中创建针对每一个 UITextField 对象,将其 delegate 属性关联至 File's Owner (按住 Control , 从 UITextField 对象拖拽置 File's Owner ,然后选择弹出菜单中的 delegate)。
- UINavigationController 的导航功能
前面我们已经加入了一个 UINavigationController 对象。下面我们就需要将我们所需的对象组合在一起。
将视图控制器压入栈
如果想要完成目标,就需要创建 JXDetailViewController 对象。但是我们需要知道如何,何时,在哪里创建这个控制器。所以这个 UINavigationController 对象的 viewControllers 数组是动态的:一开始只有一个根视图,应用需要根据情况来推出新的视图控制器。因此,应用需要某个对象来负责创建 JXDetailViewController 对象,并将新的创建的对象压入 UINavigationController 对象的栈。
这个负责创建 JXDetailViewController 对象的对象需要满足两个条件:首先,因为该对象是 UITableView 对象的委托,所以当用户点击 UITableView 对象的某个表格行时,JXItemsViewController 对象就会收到
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
其次,凡是加入了某个 UINavigationController 对象的栈的视图控制器,都可以向自己发送 navigationController 消息,以得到指向该对象的指针。因为应用会将 JXItemsViewController 对象设置为 UINavigationController 对象的根视图控制器,所以 JXItemsViewController 对象会一直停留在 UINavigationController 对象的栈中,从而使JXItemsViewController 对象总能得到指向响应 UINavigationController 的指针。
因此,应该由 JXItemsViewController 对象负责创建 JXDetailViewController 对象并将其加入到 UINavigationController 对象的栈中。
#import "JXItemsViewController.h"
#import "JXItem.h"
#import "JXItemStore.h"
#import "JXDetailViewController.h" @interface JXItemsViewController ()
/** 头部视图 */
@property (nonatomic,weak) UIView * headerView;
/** 编辑按钮 */
@property (nonatomic,strong) UIButton * editButton; /** 增加按钮 */
@property (nonatomic,strong) UIButton * addButton; @end @implementation JXItemsViewController - (instancetype)init {
// 调用父类的指定初始化方法
self = [super initWithStyle:UITableViewStylePlain];
if (self) {
for (NSInteger i=; i<; i++) {
[[JXItemStore sharedStore] createItem];
}
}
return self;
} - (instancetype)initWithStyle:(UITableViewStyle)style {
return [self init];
}
- (void)viewDidLoad {
[super viewDidLoad]; // 向控制器注册
[self.tableView registerClass:[UITableViewCell class]
forCellReuseIdentifier:@"UITableViewCell"]; // 加载头视图
[self headerView];
} #pragma mark - Table view data source - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return [[[JXItemStore sharedStore] allItem] count];
} - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
// 创建 UITableViewCell 对象,风格使用默认风格
UITableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:@"UITableViewCell"
forIndexPath:indexPath];
// 获取 allItem 的第 n 个 JXItem 对象
// 然后将该 JXItem 对象的描述信息赋值给 UITableViewCell 对象的 textLabel
// 这里的 n 是该 UITableViewCell 对象所对应的表格索引
NSArray * items = [[JXItemStore sharedStore] allItem];
JXItem * item = items[indexPath.row]; cell.textLabel.text = [item description];
return cell;
} /**
* 删除行
*
* @param tableView 对象
* @param editingStyle 操作
* @param indexPath 操作的行数
*/
- (void)tableView:(UITableView *)tableView
commitEditingStyle:(UITableViewCellEditingStyle)editingStyle
forRowAtIndexPath:(NSIndexPath *)indexPath { // 如果tableView请求的是删除对象
if (editingStyle == UITableViewCellEditingStyleDelete) { // 取出需要删除的对象
NSArray * items = [[JXItemStore sharedStore] allItem];
JXItem * item = items[indexPath.row]; // 删除对象
[[JXItemStore sharedStore] removeItem:item]; // 刷新表格
[tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];
} }
/**
* 移动行
*
* @param tableView 对象
* @param sourceIndexPath 需要移动的行
* @param destinationIndexPath 目标行
*/
- (void)tableView:(UITableView *)tableView
moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath
toIndexPath:(NSIndexPath *)destinationIndexPath { [[JXItemStore sharedStore] moveItemAtIndex:sourceIndexPath.row
toIndex:destinationIndexPath.row];
} #pragma mark - UITalbeViewDelegate
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
JXDetailViewController * detailController = [[JXDetailViewController alloc] init];
// 将新创建的控制器压入到导航控制器对象栈中
[self.navigationController pushViewController:detailController animated:YES];
} #pragma mark - 懒加载
- (UIView *)headerView{
if (_headerView == nil) {
UIView * headerView = [[UIView alloc] initWithFrame:CGRectMake(, , self.view.bounds.size.width, )];
// 设置头部视图
self.tableView.tableHeaderView = headerView;
headerView.backgroundColor = [UIColor cyanColor];
[headerView addSubview:self.editButton];
[headerView addSubview:self.addButton];
_headerView = headerView;
}
return _headerView;
} - (UIButton *)editButton{
if (_editButton == nil) {
_editButton = [UIButton buttonWithType:UIButtonTypeCustom];
_editButton.frame = CGRectMake(, , self.view.bounds.size.width / , );
[_editButton setTitle:@"Edit" forState:UIControlStateNormal];
_editButton.backgroundColor = [UIColor greenColor];
[_editButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[_editButton addTarget:self action:@selector(editClick:) forControlEvents:UIControlEventTouchDown];
}
return _editButton;
} - (UIButton *)addButton{
if (_addButton == nil) {
UIButton * addButton = [UIButton buttonWithType:UIButtonTypeCustom];
addButton.frame = CGRectMake(self.view.bounds.size.width / , , self.view.bounds.size.width / , );
[addButton setTitle:@"Add" forState:UIControlStateNormal];
addButton.backgroundColor = [UIColor blueColor];
[addButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[addButton addTarget:self action:@selector(addClick:) forControlEvents:UIControlEventTouchDown];
_addButton = addButton;
}
return _addButton;
} #pragma mark - 点击事件
- (void)editClick:(UIButton *)sender {
if (self.isEditing) { // 如果是编辑状态,取消编辑 // 更改文字
[sender setTitle:@"Edit" forState:UIControlStateNormal]; // 取消编辑
[self setEditing:NO animated:YES];
} else { // 更改文字
[sender setTitle:@"Done" forState:UIControlStateNormal]; // 开始编辑
[self setEditing:YES animated:YES];
}
} /**
* 添加表格时,必须保证 UITableView 对象当前显示的行数与数据源的提供的行数相同。
* 所以,在添加之前,必须先创建一个新的 JXItem 对象并加入到 JXItemStore 中
*
* @param sender 按钮
*/
- (void)addClick:(UIButton *)sender { // 创建新的 JXItem 对象,并加入到 JXItemStore 中
JXItem * newItem = [[JXItemStore sharedStore] createItem]; // 获取新的对象在 allItem 数组中的索引
NSInteger lastRow = [[[JXItemStore sharedStore] allItem] indexOfObject:newItem];
NSIndexPath * indexPath = [NSIndexPath indexPathForRow:lastRow inSection:]; // 将新航插入 UITableView 对象
[self.tableView insertRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationBottom]; [self.tableView scrollToRowAtIndexPath:indexPath atScrollPosition:UITableViewScrollPositionBottom animated:NO];
}
@end
视图控制器之间的数据传递
下面为push进来的控制器设置显示内容。
首先为 JXDetailViewController 添加一个属性,用来保存指定的 JXItem 对象。当用户点击 UITableView 对象中的某个行时,JXItemsViewController 对象应该将选中的 JXItem 对象传给即将压入栈的 JXDetailViewController 对象。得到 JXItem 对象后,JXDetailViewController 对象就可以针对相应的 JXItem 属性设置所有的 UITextField 对象。
#import <UIKit/UIKit.h> @class JXItem; @interface JXDetailViewController : UIViewController /** 接收参数 */
@property (nonatomic,strong) JXItem * item; @end
#import "JXDetailViewController.h"
#import "JXItem.h" @interface JXDetailViewController ()
@property (weak, nonatomic) IBOutlet UITextField *nameField;
@property (weak, nonatomic) IBOutlet UITextField *seriaNumberField;
@property (weak, nonatomic) IBOutlet UITextField *valueField;
@property (weak, nonatomic) IBOutlet UILabel *dateLabel; @end @implementation JXDetailViewController - (void)viewDidLoad {
[super viewDidLoad]; JXItem * item = self.item; self.nameField.text = item.itemName;
self.seriaNumberField.text = item.itemName;
self.valueField.text = [NSString stringWithFormat:@"%ld",item.valueInDollars]; // 创建 NSDdateFoemateter 对象,用于将 NSDate 对象转换成简单的日期字符串
static NSDateFormatter * dateFormatter = nil;
if (!dateFormatter) {
dateFormatter = [[NSDateFormatter alloc] init];
dateFormatter.dateStyle = NSDateFormatterMediumStyle;
dateFormatter.timeStyle = NSDateFormatterNoStyle;
} // 将转换后得到的日期字符串设置为 dateLabel 的标题
self.dateLabel.text = [dateFormatter stringFromDate:item.createDate];
} @end
#import "JXItemsViewController.h"
#import "JXItem.h"
#import "JXItemStore.h"
#import "JXDetailViewController.h" @interface JXItemsViewController ()
/** 头部视图 */
@property (nonatomic,weak) UIView * headerView;
/** 编辑按钮 */
@property (nonatomic,strong) UIButton * editButton; /** 增加按钮 */
@property (nonatomic,strong) UIButton * addButton; @end @implementation JXItemsViewController - (instancetype)init {
// 调用父类的指定初始化方法
self = [super initWithStyle:UITableViewStylePlain];
if (self) {
for (NSInteger i=; i<; i++) {
[[JXItemStore sharedStore] createItem];
}
}
return self;
} - (instancetype)initWithStyle:(UITableViewStyle)style {
return [self init];
}
- (void)viewDidLoad {
[super viewDidLoad]; // 向控制器注册
[self.tableView registerClass:[UITableViewCell class]
forCellReuseIdentifier:@"UITableViewCell"]; // 加载头视图
[self headerView];
} #pragma mark - Table view data source - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return [[[JXItemStore sharedStore] allItem] count];
} - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
// 创建 UITableViewCell 对象,风格使用默认风格
UITableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:@"UITableViewCell"
forIndexPath:indexPath];
// 获取 allItem 的第 n 个 JXItem 对象
// 然后将该 JXItem 对象的描述信息赋值给 UITableViewCell 对象的 textLabel
// 这里的 n 是该 UITableViewCell 对象所对应的表格索引
NSArray * items = [[JXItemStore sharedStore] allItem];
JXItem * item = items[indexPath.row]; cell.textLabel.text = [item description];
return cell;
} /**
* 删除行
*
* @param tableView 对象
* @param editingStyle 操作
* @param indexPath 操作的行数
*/
- (void)tableView:(UITableView *)tableView
commitEditingStyle:(UITableViewCellEditingStyle)editingStyle
forRowAtIndexPath:(NSIndexPath *)indexPath { // 如果tableView请求的是删除对象
if (editingStyle == UITableViewCellEditingStyleDelete) { // 取出需要删除的对象
NSArray * items = [[JXItemStore sharedStore] allItem];
JXItem * item = items[indexPath.row]; // 删除对象
[[JXItemStore sharedStore] removeItem:item]; // 刷新表格
[tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];
} }
/**
* 移动行
*
* @param tableView 对象
* @param sourceIndexPath 需要移动的行
* @param destinationIndexPath 目标行
*/
- (void)tableView:(UITableView *)tableView
moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath
toIndexPath:(NSIndexPath *)destinationIndexPath { [[JXItemStore sharedStore] moveItemAtIndex:sourceIndexPath.row
toIndex:destinationIndexPath.row];
} #pragma mark - UITalbeViewDelegate
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
JXDetailViewController * detailController = [[JXDetailViewController alloc] init]; NSArray * items = [[JXItemStore sharedStore] allItem];
JXItem * selectedItem = items[indexPath.row];
// 将选中的JXItem 对象赋给 DetailViewController 对象
detailController.item = selectedItem;
// 将新创建的控制器压入到导航控制器对象栈中
[self.navigationController pushViewController:detailController animated:YES];
} #pragma mark - 懒加载
- (UIView *)headerView{
if (_headerView == nil) {
UIView * headerView = [[UIView alloc] initWithFrame:CGRectMake(, , self.view.bounds.size.width, )];
// 设置头部视图
self.tableView.tableHeaderView = headerView;
headerView.backgroundColor = [UIColor cyanColor];
[headerView addSubview:self.editButton];
[headerView addSubview:self.addButton];
_headerView = headerView;
}
return _headerView;
} - (UIButton *)editButton{
if (_editButton == nil) {
_editButton = [UIButton buttonWithType:UIButtonTypeCustom];
_editButton.frame = CGRectMake(, , self.view.bounds.size.width / , );
[_editButton setTitle:@"Edit" forState:UIControlStateNormal];
_editButton.backgroundColor = [UIColor greenColor];
[_editButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[_editButton addTarget:self action:@selector(editClick:) forControlEvents:UIControlEventTouchDown];
}
return _editButton;
} - (UIButton *)addButton{
if (_addButton == nil) {
UIButton * addButton = [UIButton buttonWithType:UIButtonTypeCustom];
addButton.frame = CGRectMake(self.view.bounds.size.width / , , self.view.bounds.size.width / , );
[addButton setTitle:@"Add" forState:UIControlStateNormal];
addButton.backgroundColor = [UIColor blueColor];
[addButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[addButton addTarget:self action:@selector(addClick:) forControlEvents:UIControlEventTouchDown];
_addButton = addButton;
}
return _addButton;
} #pragma mark - 点击事件
- (void)editClick:(UIButton *)sender {
if (self.isEditing) { // 如果是编辑状态,取消编辑 // 更改文字
[sender setTitle:@"Edit" forState:UIControlStateNormal]; // 取消编辑
[self setEditing:NO animated:YES];
} else { // 更改文字
[sender setTitle:@"Done" forState:UIControlStateNormal]; // 开始编辑
[self setEditing:YES animated:YES];
}
} /**
* 添加表格时,必须保证 UITableView 对象当前显示的行数与数据源的提供的行数相同。
* 所以,在添加之前,必须先创建一个新的 JXItem 对象并加入到 JXItemStore 中
*
* @param sender 按钮
*/
- (void)addClick:(UIButton *)sender { // 创建新的 JXItem 对象,并加入到 JXItemStore 中
JXItem * newItem = [[JXItemStore sharedStore] createItem]; // 获取新的对象在 allItem 数组中的索引
NSInteger lastRow = [[[JXItemStore sharedStore] allItem] indexOfObject:newItem];
NSIndexPath * indexPath = [NSIndexPath indexPathForRow:lastRow inSection:]; // 将新航插入 UITableView 对象
[self.tableView insertRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationBottom]; [self.tableView scrollToRowAtIndexPath:indexPath atScrollPosition:UITableViewScrollPositionBottom animated:NO];
}
@end
虽然我们已经成功的将数据传入到下一个控制器中,但是当屏幕返回 JXItemsViewController 对象后,UITableView 对象不会根据用户修改来显示更新内容。
视图的显示和消失
当 UINavigationController 对象切换视图时,其包含的两个 UIViewController 对象会分别收到 viewWillDisappear: 消息和 viewWillAppear: 消息。即将出栈的 UIViewController 对象会收到 viewWillDisappear: 消息,即将入栈的 UIViewController 对象会收到 viewWillAppear: 消息。
当某个 JXDetailViewController 对象退出栈时,应该将各个 UITextField 对象的值赋给 JXItem 对象的相应属性。覆盖 viewWillDisappear: 和 viewWillAppear: 时,必须先调用其父类实现。
#import "JXDetailViewController.h"
#import "JXItem.h" @interface JXDetailViewController ()
@property (weak, nonatomic) IBOutlet UITextField *nameField;
@property (weak, nonatomic) IBOutlet UITextField *seriaNumberField;
@property (weak, nonatomic) IBOutlet UITextField *valueField;
@property (weak, nonatomic) IBOutlet UILabel *dateLabel; @end @implementation JXDetailViewController - (void)viewWillDisappear:(BOOL)animated {
[super viewWillDisappear:animated]; // 取消当前的第一响应对象
[self.view endEditing:YES]; // 将修改保存到 JXItem
JXItem * item = self.item;
item.itemName = self.nameField.text;
item.serialnumber = self.seriaNumberField.text;
item.valueInDollars = [self.valueField.text integerValue];
}
- (void)viewDidLoad {
[super viewDidLoad]; JXItem * item = self.item; self.nameField.text = item.itemName;
self.seriaNumberField.text = item.itemName;
self.valueField.text = [NSString stringWithFormat:@"%ld",item.valueInDollars]; // 创建 NSDdateFoemateter 对象,用于将 NSDate 对象转换成简单的日期字符串
static NSDateFormatter * dateFormatter = nil;
if (!dateFormatter) {
dateFormatter = [[NSDateFormatter alloc] init];
dateFormatter.dateStyle = NSDateFormatterMediumStyle;
dateFormatter.timeStyle = NSDateFormatterNoStyle;
} // 将转换后得到的日期字符串设置为 dateLabel 的标题
self.dateLabel.text = [dateFormatter stringFromDate:item.createDate];
} @end
当点击 UINavigationBar 对象上的返回按钮时,需要进行的操作
#import "JXItemsViewController.h"
#import "JXItem.h"
#import "JXItemStore.h"
#import "JXDetailViewController.h" @interface JXItemsViewController ()
/** 头部视图 */
@property (nonatomic,weak) UIView * headerView;
/** 编辑按钮 */
@property (nonatomic,strong) UIButton * editButton; /** 增加按钮 */
@property (nonatomic,strong) UIButton * addButton; @end @implementation JXItemsViewController - (instancetype)init {
// 调用父类的指定初始化方法
self = [super initWithStyle:UITableViewStylePlain];
if (self) {
for (NSInteger i=; i<; i++) {
[[JXItemStore sharedStore] createItem];
}
}
return self;
} - (instancetype)initWithStyle:(UITableViewStyle)style {
return [self init];
} - (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
[self.tableView reloadData];
} - (void)viewDidLoad {
[super viewDidLoad]; // 向控制器注册
[self.tableView registerClass:[UITableViewCell class]
forCellReuseIdentifier:@"UITableViewCell"]; // 加载头视图
[self headerView];
} #pragma mark - Table view data source - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return [[[JXItemStore sharedStore] allItem] count];
} - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
// 创建 UITableViewCell 对象,风格使用默认风格
UITableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:@"UITableViewCell"
forIndexPath:indexPath];
// 获取 allItem 的第 n 个 JXItem 对象
// 然后将该 JXItem 对象的描述信息赋值给 UITableViewCell 对象的 textLabel
// 这里的 n 是该 UITableViewCell 对象所对应的表格索引
NSArray * items = [[JXItemStore sharedStore] allItem];
JXItem * item = items[indexPath.row]; cell.textLabel.text = [item description];
return cell;
} /**
* 删除行
*
* @param tableView 对象
* @param editingStyle 操作
* @param indexPath 操作的行数
*/
- (void)tableView:(UITableView *)tableView
commitEditingStyle:(UITableViewCellEditingStyle)editingStyle
forRowAtIndexPath:(NSIndexPath *)indexPath { // 如果tableView请求的是删除对象
if (editingStyle == UITableViewCellEditingStyleDelete) { // 取出需要删除的对象
NSArray * items = [[JXItemStore sharedStore] allItem];
JXItem * item = items[indexPath.row]; // 删除对象
[[JXItemStore sharedStore] removeItem:item]; // 刷新表格
[tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];
} }
/**
* 移动行
*
* @param tableView 对象
* @param sourceIndexPath 需要移动的行
* @param destinationIndexPath 目标行
*/
- (void)tableView:(UITableView *)tableView
moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath
toIndexPath:(NSIndexPath *)destinationIndexPath { [[JXItemStore sharedStore] moveItemAtIndex:sourceIndexPath.row
toIndex:destinationIndexPath.row];
} #pragma mark - UITalbeViewDelegate
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
JXDetailViewController * detailController = [[JXDetailViewController alloc] init]; NSArray * items = [[JXItemStore sharedStore] allItem];
JXItem * selectedItem = items[indexPath.row];
// 将选中的JXItem 对象赋给 DetailViewController 对象
detailController.item = selectedItem;
// 将新创建的控制器压入到导航控制器对象栈中
[self.navigationController pushViewController:detailController animated:YES];
} #pragma mark - 懒加载
- (UIView *)headerView{
if (_headerView == nil) {
UIView * headerView = [[UIView alloc] initWithFrame:CGRectMake(, , self.view.bounds.size.width, )];
// 设置头部视图
self.tableView.tableHeaderView = headerView;
headerView.backgroundColor = [UIColor cyanColor];
[headerView addSubview:self.editButton];
[headerView addSubview:self.addButton];
_headerView = headerView;
}
return _headerView;
} - (UIButton *)editButton{
if (_editButton == nil) {
_editButton = [UIButton buttonWithType:UIButtonTypeCustom];
_editButton.frame = CGRectMake(, , self.view.bounds.size.width / , );
[_editButton setTitle:@"Edit" forState:UIControlStateNormal];
_editButton.backgroundColor = [UIColor greenColor];
[_editButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[_editButton addTarget:self action:@selector(editClick:) forControlEvents:UIControlEventTouchDown];
}
return _editButton;
} - (UIButton *)addButton{
if (_addButton == nil) {
UIButton * addButton = [UIButton buttonWithType:UIButtonTypeCustom];
addButton.frame = CGRectMake(self.view.bounds.size.width / , , self.view.bounds.size.width / , );
[addButton setTitle:@"Add" forState:UIControlStateNormal];
addButton.backgroundColor = [UIColor blueColor];
[addButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[addButton addTarget:self action:@selector(addClick:) forControlEvents:UIControlEventTouchDown];
_addButton = addButton;
}
return _addButton;
} #pragma mark - 点击事件
- (void)editClick:(UIButton *)sender {
if (self.isEditing) { // 如果是编辑状态,取消编辑 // 更改文字
[sender setTitle:@"Edit" forState:UIControlStateNormal]; // 取消编辑
[self setEditing:NO animated:YES];
} else { // 更改文字
[sender setTitle:@"Done" forState:UIControlStateNormal]; // 开始编辑
[self setEditing:YES animated:YES];
}
} /**
* 添加表格时,必须保证 UITableView 对象当前显示的行数与数据源的提供的行数相同。
* 所以,在添加之前,必须先创建一个新的 JXItem 对象并加入到 JXItemStore 中
*
* @param sender 按钮
*/
- (void)addClick:(UIButton *)sender { // 创建新的 JXItem 对象,并加入到 JXItemStore 中
JXItem * newItem = [[JXItemStore sharedStore] createItem]; // 获取新的对象在 allItem 数组中的索引
NSInteger lastRow = [[[JXItemStore sharedStore] allItem] indexOfObject:newItem];
NSIndexPath * indexPath = [NSIndexPath indexPathForRow:lastRow inSection:]; // 将新航插入 UITableView 对象
[self.tableView insertRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationBottom]; [self.tableView scrollToRowAtIndexPath:indexPath atScrollPosition:UITableViewScrollPositionBottom animated:NO];
}
@end
构建并运行。即可更改信息。
- UINavigationBar
UINavigationBar 目前没有显示任何内容,下面我们设置一些显示内容。
UIViewController 对象有一个名为 navigationItem 的属性,类型为 UINavigationItem 。和 UINavigationBar 不同,UINavigaitonItem 不是 UIView 的子类,不能再屏幕上显示。UINavigationItem 对象的作用是为 UINavigationBar 对象提供绘图所需的内容。当某个 UIViewController 对象成为 UINavigationController 的栈顶控制器对象时,UINavigationBar 对象就会访问该 UIViewController 对象的 navigationItem 。
UINavigationItem 对象默认是空,设置方式为
#import "JXItemsViewController.h"
#import "JXItem.h"
#import "JXItemStore.h"
#import "JXDetailViewController.h" @interface JXItemsViewController ()
/** 头部视图 */
@property (nonatomic,weak) UIView * headerView;
/** 编辑按钮 */
@property (nonatomic,strong) UIButton * editButton; /** 增加按钮 */
@property (nonatomic,strong) UIButton * addButton; @end @implementation JXItemsViewController - (instancetype)init {
// 调用父类的指定初始化方法
self = [super initWithStyle:UITableViewStylePlain];
if (self) {
UINavigationItem * navItem = self.navigationItem;
navItem.title = @"JXHomepwner"; for (NSInteger i=; i<; i++) {
[[JXItemStore sharedStore] createItem];
}
}
return self;
} - (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
[self.tableView reloadData];
} - (void)viewDidLoad {
[super viewDidLoad]; // 向控制器注册
[self.tableView registerClass:[UITableViewCell class]
forCellReuseIdentifier:@"UITableViewCell"]; // 加载头视图
[self headerView];
} #pragma mark - Table view data source - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return [[[JXItemStore sharedStore] allItem] count];
} - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
// 创建 UITableViewCell 对象,风格使用默认风格
UITableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:@"UITableViewCell"
forIndexPath:indexPath];
// 获取 allItem 的第 n 个 JXItem 对象
// 然后将该 JXItem 对象的描述信息赋值给 UITableViewCell 对象的 textLabel
// 这里的 n 是该 UITableViewCell 对象所对应的表格索引
NSArray * items = [[JXItemStore sharedStore] allItem];
JXItem * item = items[indexPath.row]; cell.textLabel.text = [item description];
return cell;
} /**
* 删除行
*
* @param tableView 对象
* @param editingStyle 操作
* @param indexPath 操作的行数
*/
- (void)tableView:(UITableView *)tableView
commitEditingStyle:(UITableViewCellEditingStyle)editingStyle
forRowAtIndexPath:(NSIndexPath *)indexPath { // 如果tableView请求的是删除对象
if (editingStyle == UITableViewCellEditingStyleDelete) { // 取出需要删除的对象
NSArray * items = [[JXItemStore sharedStore] allItem];
JXItem * item = items[indexPath.row]; // 删除对象
[[JXItemStore sharedStore] removeItem:item]; // 刷新表格
[tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];
} }
/**
* 移动行
*
* @param tableView 对象
* @param sourceIndexPath 需要移动的行
* @param destinationIndexPath 目标行
*/
- (void)tableView:(UITableView *)tableView
moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath
toIndexPath:(NSIndexPath *)destinationIndexPath { [[JXItemStore sharedStore] moveItemAtIndex:sourceIndexPath.row
toIndex:destinationIndexPath.row];
} #pragma mark - UITalbeViewDelegate
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
JXDetailViewController * detailController = [[JXDetailViewController alloc] init]; NSArray * items = [[JXItemStore sharedStore] allItem];
JXItem * selectedItem = items[indexPath.row];
// 将选中的JXItem 对象赋给 DetailViewController 对象
detailController.item = selectedItem;
// 将新创建的控制器压入到导航控制器对象栈中
[self.navigationController pushViewController:detailController animated:YES];
} #pragma mark - 懒加载
- (UIView *)headerView{
if (_headerView == nil) {
UIView * headerView = [[UIView alloc] initWithFrame:CGRectMake(, , self.view.bounds.size.width, )];
// 设置头部视图
self.tableView.tableHeaderView = headerView;
headerView.backgroundColor = [UIColor cyanColor];
[headerView addSubview:self.editButton];
[headerView addSubview:self.addButton];
_headerView = headerView;
}
return _headerView;
} - (UIButton *)editButton{
if (_editButton == nil) {
_editButton = [UIButton buttonWithType:UIButtonTypeCustom];
_editButton.frame = CGRectMake(, , self.view.bounds.size.width / , );
[_editButton setTitle:@"Edit" forState:UIControlStateNormal];
_editButton.backgroundColor = [UIColor greenColor];
[_editButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[_editButton addTarget:self action:@selector(editClick:) forControlEvents:UIControlEventTouchDown];
}
return _editButton;
} - (UIButton *)addButton{
if (_addButton == nil) {
UIButton * addButton = [UIButton buttonWithType:UIButtonTypeCustom];
addButton.frame = CGRectMake(self.view.bounds.size.width / , , self.view.bounds.size.width / , );
[addButton setTitle:@"Add" forState:UIControlStateNormal];
addButton.backgroundColor = [UIColor blueColor];
[addButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[addButton addTarget:self action:@selector(addClick:) forControlEvents:UIControlEventTouchDown];
_addButton = addButton;
}
return _addButton;
} #pragma mark - 点击事件
- (void)editClick:(UIButton *)sender {
if (self.isEditing) { // 如果是编辑状态,取消编辑 // 更改文字
[sender setTitle:@"Edit" forState:UIControlStateNormal]; // 取消编辑
[self setEditing:NO animated:YES];
} else { // 更改文字
[sender setTitle:@"Done" forState:UIControlStateNormal]; // 开始编辑
[self setEditing:YES animated:YES];
}
} /**
* 添加表格时,必须保证 UITableView 对象当前显示的行数与数据源的提供的行数相同。
* 所以,在添加之前,必须先创建一个新的 JXItem 对象并加入到 JXItemStore 中
*
* @param sender 按钮
*/
- (void)addClick:(UIButton *)sender { // 创建新的 JXItem 对象,并加入到 JXItemStore 中
JXItem * newItem = [[JXItemStore sharedStore] createItem]; // 获取新的对象在 allItem 数组中的索引
NSInteger lastRow = [[[JXItemStore sharedStore] allItem] indexOfObject:newItem];
NSIndexPath * indexPath = [NSIndexPath indexPathForRow:lastRow inSection:]; // 将新航插入 UITableView 对象
[self.tableView insertRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationBottom]; [self.tableView scrollToRowAtIndexPath:indexPath atScrollPosition:UITableViewScrollPositionBottom animated:NO];
}
@end
构建并运行;UINavigationBar 对象会显示我们设置的标题。添加一个新的控制器(选中表格行),UINavigationBar 对象的标题会消失,所以下面我们要继续设置。
#import "JXDetailViewController.h"
#import "JXItem.h" @interface JXDetailViewController ()
@property (weak, nonatomic) IBOutlet UITextField *nameField;
@property (weak, nonatomic) IBOutlet UITextField *seriaNumberField;
@property (weak, nonatomic) IBOutlet UITextField *valueField;
@property (weak, nonatomic) IBOutlet UILabel *dateLabel; @end @implementation JXDetailViewController - (void)viewWillDisappear:(BOOL)animated {
[super viewWillDisappear:animated]; // 取消当前的第一响应对象
[self.view endEditing:YES]; // 将修改保存到 JXItem
JXItem * item = self.item;
item.itemName = self.nameField.text;
item.serialnumber = self.seriaNumberField.text;
item.valueInDollars = [self.valueField.text integerValue];
}
- (void)viewDidLoad {
[super viewDidLoad]; JXItem * item = self.item; self.nameField.text = item.itemName;
self.seriaNumberField.text = item.itemName;
self.valueField.text = [NSString stringWithFormat:@"%ld",item.valueInDollars]; // 创建 NSDdateFoemateter 对象,用于将 NSDate 对象转换成简单的日期字符串
static NSDateFormatter * dateFormatter = nil;
if (!dateFormatter) {
dateFormatter = [[NSDateFormatter alloc] init];
dateFormatter.dateStyle = NSDateFormatterMediumStyle;
dateFormatter.timeStyle = NSDateFormatterNoStyle;
} // 将转换后得到的日期字符串设置为 dateLabel 的标题
self.dateLabel.text = [dateFormatter stringFromDate:item.createDate];
} - (void)setItem:(JXItem *)item {
_item = item;
self.navigationItem.title = _item.itemName;
}
@end
UINavigationItem 对象除了可以设置标题字符串外,还可以设置若干其他的界面属性。包括 : leftBarButtonItem 、 rightBarButtonItem 和 titleView 。其中 leftBarButtonItem 和 rightBarButtonItem 都是指向 UIBarButtonItem 对象的指针,该对象包含显示某种特殊按钮所需要的信息,这种按钮只能在 UINavigationBar 对象或 UIToolbar 对象中使用。
类似于 UINavigationItem ,UIBarButtonItem 也不是 UIView 的子类。UINavigationItem 对象封装了一些设置信息,以便于 UINavigationBar 在运行时可以正确显示该对象。同样,UIBarButtonItem 对象封装了关于如何在 UINavigationBar 显示单个按钮的信息,UINavigationBar 对象会根据 UIBarButtonItem 对象中的信息显示相应的按钮。(UIToolbar 与 UINavigationBar 一样,也是通过 UIBarButtonItem 对象来显示按钮的。)
除了 leftBarButtonItem 和 rightBarButtonItem ,UINavigationItem 对象的第三个界面属性 titleView 。UINavigationBar 对象包含两种标题显示模式。第一种是显示一个简单的字符串。第二种模式是显示一个视图。两种模式不能共存。如果需要在 UINavigationBar 对象正中显示一个复杂界面,就可以先创建拥有自定义视图(例如 UIButton 对象、UISlider 对象、UIImageView 对象等)的视图控制器,然后为该对象的 titleView 赋值,并指向这个自定义视图。
下面让 UINavigationBar 对象显示一个按钮:当 JXItemsViewController 对象位于栈顶时,在 UINavigationBar 对象的右端显示一个按钮。当用户点击这个按钮时,为UITableView 对象增加一个新的表格。
为了能在用户点击 UINavigationBar 对象中的按钮时触发指定的方法,必须为相应的 UIBarButtonItem 对象设置目标-动作对。
#import "JXItemsViewController.h"
#import "JXItem.h"
#import "JXItemStore.h"
#import "JXDetailViewController.h" @interface JXItemsViewController ()
/** 头部视图 */
@property (nonatomic,weak) UIView * headerView;
/** 编辑按钮 */
@property (nonatomic,strong) UIButton * editButton; /** 增加按钮 */
@property (nonatomic,strong) UIButton * addButton; @end @implementation JXItemsViewController - (instancetype)init {
// 调用父类的指定初始化方法
self = [super initWithStyle:UITableViewStylePlain];
if (self) {
UINavigationItem * navItem = self.navigationItem;
navItem.title = @"JXHomepwner"; // 创建新的 UIBarButtonItem 对象
// 将其目标对象设置为当前对象,将其多做方法设置为指定方法
UIBarButtonItem * bdi = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd target:self action:@selector(addClick:)];
// 为 UINavigationItem 对象的 rightBarButtonItem 属性赋值
// 指向新创建的 UIBarButtonItem 对象
navItem.rightBarButtonItem = bdi; for (NSInteger i=; i<; i++) {
[[JXItemStore sharedStore] createItem];
}
}
return self;
} - (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
[self.tableView reloadData];
} - (void)viewDidLoad {
[super viewDidLoad]; // 向控制器注册
[self.tableView registerClass:[UITableViewCell class]
forCellReuseIdentifier:@"UITableViewCell"]; // 加载头视图
[self headerView];
} #pragma mark - Table view data source - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return [[[JXItemStore sharedStore] allItem] count];
} - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
// 创建 UITableViewCell 对象,风格使用默认风格
UITableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:@"UITableViewCell"
forIndexPath:indexPath];
// 获取 allItem 的第 n 个 JXItem 对象
// 然后将该 JXItem 对象的描述信息赋值给 UITableViewCell 对象的 textLabel
// 这里的 n 是该 UITableViewCell 对象所对应的表格索引
NSArray * items = [[JXItemStore sharedStore] allItem];
JXItem * item = items[indexPath.row]; cell.textLabel.text = [item description];
return cell;
} /**
* 删除行
*
* @param tableView 对象
* @param editingStyle 操作
* @param indexPath 操作的行数
*/
- (void)tableView:(UITableView *)tableView
commitEditingStyle:(UITableViewCellEditingStyle)editingStyle
forRowAtIndexPath:(NSIndexPath *)indexPath { // 如果tableView请求的是删除对象
if (editingStyle == UITableViewCellEditingStyleDelete) { // 取出需要删除的对象
NSArray * items = [[JXItemStore sharedStore] allItem];
JXItem * item = items[indexPath.row]; // 删除对象
[[JXItemStore sharedStore] removeItem:item]; // 刷新表格
[tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];
} }
/**
* 移动行
*
* @param tableView 对象
* @param sourceIndexPath 需要移动的行
* @param destinationIndexPath 目标行
*/
- (void)tableView:(UITableView *)tableView
moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath
toIndexPath:(NSIndexPath *)destinationIndexPath { [[JXItemStore sharedStore] moveItemAtIndex:sourceIndexPath.row
toIndex:destinationIndexPath.row];
} #pragma mark - UITalbeViewDelegate
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
JXDetailViewController * detailController = [[JXDetailViewController alloc] init]; NSArray * items = [[JXItemStore sharedStore] allItem];
JXItem * selectedItem = items[indexPath.row];
// 将选中的JXItem 对象赋给 DetailViewController 对象
detailController.item = selectedItem;
// 将新创建的控制器压入到导航控制器对象栈中
[self.navigationController pushViewController:detailController animated:YES];
} #pragma mark - 懒加载
- (UIView *)headerView{
if (_headerView == nil) {
UIView * headerView = [[UIView alloc] initWithFrame:CGRectMake(, , self.view.bounds.size.width, )];
// 设置头部视图
self.tableView.tableHeaderView = headerView;
headerView.backgroundColor = [UIColor cyanColor];
[headerView addSubview:self.editButton];
[headerView addSubview:self.addButton];
_headerView = headerView;
}
return _headerView;
} - (UIButton *)editButton{
if (_editButton == nil) {
_editButton = [UIButton buttonWithType:UIButtonTypeCustom];
_editButton.frame = CGRectMake(, , self.view.bounds.size.width / , );
[_editButton setTitle:@"Edit" forState:UIControlStateNormal];
_editButton.backgroundColor = [UIColor greenColor];
[_editButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[_editButton addTarget:self action:@selector(editClick:) forControlEvents:UIControlEventTouchDown];
}
return _editButton;
} - (UIButton *)addButton{
if (_addButton == nil) {
UIButton * addButton = [UIButton buttonWithType:UIButtonTypeCustom];
addButton.frame = CGRectMake(self.view.bounds.size.width / , , self.view.bounds.size.width / , );
[addButton setTitle:@"Add" forState:UIControlStateNormal];
addButton.backgroundColor = [UIColor blueColor];
[addButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[addButton addTarget:self action:@selector(addClick:) forControlEvents:UIControlEventTouchDown];
_addButton = addButton;
}
return _addButton;
} #pragma mark - 点击事件
- (void)editClick:(UIButton *)sender {
if (self.isEditing) { // 如果是编辑状态,取消编辑 // 更改文字
[sender setTitle:@"Edit" forState:UIControlStateNormal]; // 取消编辑
[self setEditing:NO animated:YES];
} else { // 更改文字
[sender setTitle:@"Done" forState:UIControlStateNormal]; // 开始编辑
[self setEditing:YES animated:YES];
}
} /**
* 添加表格时,必须保证 UITableView 对象当前显示的行数与数据源的提供的行数相同。
* 所以,在添加之前,必须先创建一个新的 JXItem 对象并加入到 JXItemStore 中
*
* @param sender 按钮
*/
- (void)addClick:(UIButton *)sender { // 创建新的 JXItem 对象,并加入到 JXItemStore 中
JXItem * newItem = [[JXItemStore sharedStore] createItem]; // 获取新的对象在 allItem 数组中的索引
NSInteger lastRow = [[[JXItemStore sharedStore] allItem] indexOfObject:newItem];
NSIndexPath * indexPath = [NSIndexPath indexPathForRow:lastRow inSection:]; // 将新航插入 UITableView 对象
[self.tableView insertRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationBottom]; [self.tableView scrollToRowAtIndexPath:indexPath atScrollPosition:UITableViewScrollPositionBottom animated:NO];
}
@end
接着我么设置天极爱一个编辑按钮,用来替换 Edit 按钮。
#import "JXItemsViewController.h"
#import "JXItem.h"
#import "JXItemStore.h"
#import "JXDetailViewController.h" @interface JXItemsViewController ()
/** 头部视图 */
@property (nonatomic,weak) UIView * headerView;
/** 编辑按钮 */
@property (nonatomic,strong) UIButton * editButton; /** 增加按钮 */
@property (nonatomic,strong) UIButton * addButton; @end @implementation JXItemsViewController - (instancetype)init {
// 调用父类的指定初始化方法
self = [super initWithStyle:UITableViewStylePlain];
if (self) {
UINavigationItem * navItem = self.navigationItem;
navItem.title = @"JXHomepwner"; // 创建新的 UIBarButtonItem 对象
// 将其目标对象设置为当前对象,将其多做方法设置为指定方法
UIBarButtonItem * bdi = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd target:self action:@selector(addClick:)];
// 为 UINavigationItem 对象的 rightBarButtonItem 属性赋值
// 指向新创建的 UIBarButtonItem 对象
navItem.rightBarButtonItem = bdi; UIBarButtonItem * edit = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemEdit target:self action:@selector(editClick:)];
navItem.leftBarButtonItem = edit; for (NSInteger i=; i<; i++) {
[[JXItemStore sharedStore] createItem];
}
}
return self;
} - (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
[self.tableView reloadData];
} - (void)viewDidLoad {
[super viewDidLoad]; // 向控制器注册
[self.tableView registerClass:[UITableViewCell class]
forCellReuseIdentifier:@"UITableViewCell"]; // 加载头视图
[self headerView];
} #pragma mark - Table view data source - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return [[[JXItemStore sharedStore] allItem] count];
} - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
// 创建 UITableViewCell 对象,风格使用默认风格
UITableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:@"UITableViewCell"
forIndexPath:indexPath];
// 获取 allItem 的第 n 个 JXItem 对象
// 然后将该 JXItem 对象的描述信息赋值给 UITableViewCell 对象的 textLabel
// 这里的 n 是该 UITableViewCell 对象所对应的表格索引
NSArray * items = [[JXItemStore sharedStore] allItem];
JXItem * item = items[indexPath.row]; cell.textLabel.text = [item description];
return cell;
} /**
* 删除行
*
* @param tableView 对象
* @param editingStyle 操作
* @param indexPath 操作的行数
*/
- (void)tableView:(UITableView *)tableView
commitEditingStyle:(UITableViewCellEditingStyle)editingStyle
forRowAtIndexPath:(NSIndexPath *)indexPath { // 如果tableView请求的是删除对象
if (editingStyle == UITableViewCellEditingStyleDelete) { // 取出需要删除的对象
NSArray * items = [[JXItemStore sharedStore] allItem];
JXItem * item = items[indexPath.row]; // 删除对象
[[JXItemStore sharedStore] removeItem:item]; // 刷新表格
[tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];
} }
/**
* 移动行
*
* @param tableView 对象
* @param sourceIndexPath 需要移动的行
* @param destinationIndexPath 目标行
*/
- (void)tableView:(UITableView *)tableView
moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath
toIndexPath:(NSIndexPath *)destinationIndexPath { [[JXItemStore sharedStore] moveItemAtIndex:sourceIndexPath.row
toIndex:destinationIndexPath.row];
} #pragma mark - UITalbeViewDelegate
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
JXDetailViewController * detailController = [[JXDetailViewController alloc] init]; NSArray * items = [[JXItemStore sharedStore] allItem];
JXItem * selectedItem = items[indexPath.row];
// 将选中的JXItem 对象赋给 DetailViewController 对象
detailController.item = selectedItem;
// 将新创建的控制器压入到导航控制器对象栈中
[self.navigationController pushViewController:detailController animated:YES];
} #pragma mark - 懒加载
- (UIView *)headerView{
if (_headerView == nil) {
UIView * headerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, 50)];
// 设置头部视图
self.tableView.tableHeaderView = headerView;
headerView.backgroundColor = [UIColor cyanColor];
[headerView addSubview:self.editButton];
[headerView addSubview:self.addButton];
_headerView = headerView;
}
return _headerView;
} - (UIButton *)editButton{
if (_editButton == nil) {
_editButton = [UIButton buttonWithType:UIButtonTypeCustom];
_editButton.frame = CGRectMake(, , self.view.bounds.size.width / , );
[_editButton setTitle:@"Edit" forState:UIControlStateNormal];
_editButton.backgroundColor = [UIColor greenColor];
[_editButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[_editButton addTarget:self action:@selector(editClick:) forControlEvents:UIControlEventTouchDown];
}
return _editButton;
} - (UIButton *)addButton{
if (_addButton == nil) {
UIButton * addButton = [UIButton buttonWithType:UIButtonTypeCustom];
addButton.frame = CGRectMake(self.view.bounds.size.width / , , self.view.bounds.size.width / , );
[addButton setTitle:@"Add" forState:UIControlStateNormal];
addButton.backgroundColor = [UIColor blueColor];
[addButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[addButton addTarget:self action:@selector(addClick:) forControlEvents:UIControlEventTouchDown];
_addButton = addButton;
}
return _addButton;
} #pragma mark - 点击事件
- (void)editClick:(UIButton *)sender {
- (void)editClick:(UIBarButtonItem *)sender {
if (self.isEditing) { // 如果是编辑状态,取消编辑 // 更改文字
[sender setTitle:@"Edit" forState:UIControlStateNormal]; // 取消编辑
[self setEditing:NO animated:YES];
} else { // 更改文字
[sender setTitle:@"Done" forState:UIControlStateNormal]; // 开始编辑
[self setEditing:YES animated:YES];
}
} /**
* 添加表格时,必须保证 UITableView 对象当前显示的行数与数据源的提供的行数相同。
* 所以,在添加之前,必须先创建一个新的 JXItem 对象并加入到 JXItemStore 中
*
* @param sender 按钮
*/
- (void)addClick:(UIButton *)sender { // 创建新的 JXItem 对象,并加入到 JXItemStore 中
JXItem * newItem = [[JXItemStore sharedStore] createItem]; // 获取新的对象在 allItem 数组中的索引
NSInteger lastRow = [[[JXItemStore sharedStore] allItem] indexOfObject:newItem];
NSIndexPath * indexPath = [NSIndexPath indexPathForRow:lastRow inSection:]; // 将新航插入 UITableView 对象
[self.tableView insertRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationBottom]; [self.tableView scrollToRowAtIndexPath:indexPath atScrollPosition:UITableViewScrollPositionBottom animated:NO];
}
@end
构建并运行
iOS UINavigationController(内容根据iOS编程编写)的更多相关文章
-
【iOS与EV3混合机器人编程系列之三】编写EV3 Port Viewer 应用监測EV3port数据
在前两篇文章中,我们对iOS与EV3混合机器人编程做了一个主要的设想.而且介绍了要完毕项目所需的软硬件准备和知识准备. 那么在今天这一篇文章中,我们将直接真正開始项目实践. ==第一个项目: EV3 ...
-
iOS多线程拾贝------操作巨人编程
iOS多线程拾贝------操作巨人编程 多线程 基本 实现方案:pthread - NSThread - GCD - NSOperation Pthread 多平台,可移植 c语言,要程序员管理生命 ...
-
【iOS与EV3混合机器人编程系列之中的一个】iOS要干嘛?EV3能够更酷!
乐高Mindstorm EV3智能机器人(下面简称EV3)自从在2013年的CES(Consumer Electronics Show美国消费电子展)上展出之后,就吸引了全球广大机器人爱好者的眼球!E ...
-
iOS开发网络篇—网络编程基础
iOS开发网络篇—网络编程基础 一.为什么要学习网络编程 1.简单说明 在移动互联网时代,移动应用的特征有: (1)几乎所有应用都需要用到网络,比如QQ.微博.网易新闻.优酷.百度地图 (2)只有通过 ...
-
iOS - UINavigationController
前言 NS_CLASS_AVAILABLE_IOS(2_0) @interface UINavigationController : UIViewController @available(iOS 2 ...
-
IOS 推送-配置与代码编写
IOS 推送配置与代码编写 这里介绍IOS的推送,本文章已经在IOS6/7/8上都能运行OK,按照道理IOS9应该没问题. 大纲: 1.文章前提 2.推送介绍 3.推送文件账号设置 4.推送证书介绍 ...
-
JS判断是IOS还是Android以及如何解决h5打包后在ios下内容与状态栏重叠问题
h5打包后在ios下内容与状态栏重叠问题: 1:知道设备的类型: var u = navigator.userAgent, app = navigator.appVersion; var isAndr ...
-
Aspects– iOS的AOP面向切面编程的库
简介 一个简洁高效的用于使iOS支持AOP面向切面编程的库.它可以帮助你在不改变一个类或类实例的代码的前提下,有效更改类的行为.比iOS传统的 AOP方法,更加简单高效.支持在方法执行的前/后或替代原 ...
-
iOS 用CocoaPods做iOS程序的依赖管理
文档更新说明 2012-12-02 v1.0 初稿 2014-01-08 v1.1 增加设置 ruby 淘宝源相关内容 2014-05-25 v2.0 增加国内 spec 镜像.使用私有 pod.po ...
-
ios学习- 10大iOS开发者最喜爱的类库
该10大iOS开发者最喜爱的库由“iOS辅导团队”成员Marcelo Fabri组织投票选举而得,参与者包括开发者团队,iOS辅导团队以及行业嘉宾.每个团队都要根据以下规则选出五个最好的库: 1)不能 ...
随机推荐
-
Linux命令随笔
Linux命令总结 man ==命令帮助; help ==命令的帮助(bash的内置命令); ls ==list,查看目录列表; -ld:查看目录权限; -l:(long)长格式显示属性; -F:给不 ...
-
IEEE 802.11p (WAVE,Wireless Access in the Vehicular Environment)
IEEE 802.11p(又称WAVE,Wireless Access in the Vehicular Environment)是一个由IEEE 802.11标准扩充的通讯协定.这个通讯协定主要用在 ...
-
Ajax 密码验证
var names = $("names");var pwds = $("pwds");var ts1 = $("ts1");var ts2 ...
-
C++ 牛人博客(不断更新中...)
http://www.zhangjiee.com/ 新浪微博@独酌逸醉. Github. GitCafe. *. Quora http://cpp1x.org/ 刘未鹏 | M ...
-
VMware Workstation中linux(centos)与windows7共享文件夹
引用网站有: http://www.jb51.net/LINUXjishu/161994.html http://www.cnblogs.com/xiehy/archive/2011/12/19/22 ...
-
mac 下php运行bug
如下所说bug在window下没有,在mac下存在. mac下的php报如下错误: fopen("data.json") Error: failed to open stream: ...
-
ActiveMQ之 TCP通讯机制
ActiveMQ支持多种通讯协议TCP/UDP等,我们选取最常用的TCP来分析ActiveMQ的通讯机制.首先我们来明确一个概念: 客户(Client):消息的生产者.消费者对ActiveMQ来说都 ...
-
编写生成彩色验证码的Servlet
利用Ajax实现无刷新的彩色验证码时,也需要编写一个名称为PictureCheckCode.java的Servlet,该类继承HttpServlet,主要通过service()方法生成验证码. 下面将 ...
-
vue.js 兄弟组件传值
另: 在vue里,组件之间的作用域是独立的,父组件跟子组件之间的通讯可以通过prop属性来传参,但是在兄弟组件之间通讯就比较麻烦了,虽然可以使用事件监听的方式,但还是不如vuex专业.比如A组件要告 ...
-
看了一下unity5.6的新功能 以及Timeline
3月31日unity5.6发布,然而timeline(前sequence模块)被delay到unity 2017.上个星期官方又发布了unity 2017的beta版本 抽空看了下 (unity5.6 ...