目录:
<#name#>
1、UITableTableViewCell
[1-TableViewCell-contentView]
1. UITableViewCell : UIView
-contentView
-imageView
-textLabel
-detailTextLabel
-自定义的视图
-accessoryView
: accessoryType 使用内置的4种View
: accessoryView = 其他视图(可以是系统的,也可以是自定义)
[UIFont italicSystemFontOfSize:20];//斜体
lable.textAlignment = NSTextAlignmentCenter;//居中
[cell.contentView addSubview:lable];//在contentView中添加子控件
lable = (UILabel *)[cell.contentView viewWithTag:1];//根据tag属性获取子视图对象
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *CellIdentifier = @"Cell";
//去对象池中根据标识符找对应的cell对象,找到了就赋值给cell,没找到返回nil
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
UILabel *lable = [[UILabel alloc] init];
if (cell == nil) {
//创建cell时 分配一个标识符
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
lable = [[UILabel alloc] init];
lable.font = [UIFont italicSystemFontOfSize:20];//斜体大小
lable.frame = CGRectMake(0, 0, 320, 40);//位置坐标
lable.textColor = [UIColor redColor];//字体颜色
lable.textAlignment = NSTextAlignmentCenter;//居中
lable.tag = 1;
[cell.contentView addSubview:lable];//在contentView中添加子控件
}else{
lable = (UILabel *)[cell.contentView viewWithTag:1];//根据tag属性返回uiview对象
}
// Configure the cell...
lable.text = self.languages[indexPath.row];//获取数组中的元素赋值给lable
return cell;
}
2. tag技术
在一个视图中,所有的子视图对象可以使用tag编号,只要在父视图中的编号不重复,那么可以随时通过父视图的viewWithTag方法获取这个子视图对象。
3. 自定义Cell
[2-customCell]
1) 创建一个空的xib文件(command +n -> ios -> user interface -> empty),在xib文件中,拖一个UIView进去,做为将来的Cell
要将大小改为freeform(检查器4)
拖拽一些控件到xib自定义该cell:imageView, Label….
2)创建类MXNewsCell, 继承UITableViewCell
让这个xib文件绑定到此类上,绑定的方法是在xib文件上在检查器3设置custom class为MXNewsCell
3)拖拽连线xib文件中的控件到MXNewsCell类中,创建公开的属性,目的是为了给自定义的cell中的控件赋值
4)要在TableViewController中使用这个自定义的cell就要在viewDidLoad方法中注册我们自定义的Cell
// 注册自定义cell
[self.tableView registerNib:[UINib nibWithNibName:@"MXNewsCell" bundle:nil] forCellReuseIdentifier:@"Cell"];
5) 回答三个问题
在显示cell内容的方法中返回Cell的问题时,dequeue我们的Cell, 一定会成功(已经注册过), 设置Cell中的相关属性即可
MXNewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
代码:
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *CellIdentifier = @"Cell";
//返回Cell的问题中,dequeue我们的Cell, 一定会成功(已经注册过), 设置Cell中的相关属性即可
MXNewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
NSLog(@"%d",indexPath.row);
/*
if (cell == nil) {
cell = [[MXNewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
}
*/
// Configure the cell...
MXNews *news = self.news[indexPath.row];
cell.newsTitleLable.text = news.newsTitle;
cell.newsDetailLable.text = news.newsDetail;
cell.newsDateLable.text = news.newsDate;
cell.newsImageView.image = [UIImage imageNamed:news.newsImageFile];
return cell;
}
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
return 70;
}
//int row = 0;
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
MXNews *news = self.news[indexPath.row];
//创建弹框
UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"产品" message:nil delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"确定", nil];
//设置弹框样式
alert.alertViewStyle = UIAlertViewStylePlainTextInput;
//设置文本框默认文字
[alert textFieldAtIndex:0].text = news.newsTitle;
//row = indexPath.row;
alert.tag = indexPath.row;
//显示弹框
[alert show];
}
-(void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex{
//如果点击取消return
if (buttonIndex == 0) return;
//接收文本框数据
NSString *text = [alertView textFieldAtIndex:0].text;
//修改模型数据
MXNews *news = self.news[alertView.tag];
news.newsTitle = text;
//刷新界面
//[self.tableView reloadData];
//局部刷新
NSIndexPath *indexPath = [NSIndexPath indexPathForRow:alertView.tag inSection:0];
NSArray *paths = @[indexPath];
[self.tableView reloadRowsAtIndexPaths:paths withRowAnimation:YES];
}
4. 用nib文件构造自定义的静态表
[3-Static-tableView-Xib]
1) 一个xib文件既可以表示一个VC中的View, 还可以加入任何View,比如一个UITableViewCell视图。
2) xib文件中的根视图也可以有多个,也就是说,可以在一个xib文件中加入很多个不同样子的UITableViewCell。
3) xib中的任何视图,都可以绑定对应的类,这个类可以是系统提供的,也可以是用户自定义的。
4) xib中的任何视图对象,都可以用连线的方式变成控制器类中的一个属性。
5)静态表其实就是没有数据模型的一个表,所有的数据都是直接写在控件上
@interface MXTableViewController ()
@property (strong, nonatomic) IBOutlet UITableViewCell *settingCell;
@property (strong, nonatomic) IBOutlet UITableViewCell *streamPackageCell;
@property (strong, nonatomic) IBOutlet UITableViewCell *qplayCell;
@property (strong, nonatomic) IBOutlet UITableViewCell *timeCloseCell;
@property (strong, nonatomic) IBOutlet UITableViewCell *appCell;
@property (strong, nonatomic) IBOutlet UITableViewCell *tableHeaderCell;
@end
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *CellIdentifier = @"Cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
}
// Configure the cell...
if (indexPath.section == 0 && indexPath.row == 0) {
return self.settingCell;
}else if (indexPath.section == 0 && indexPath.row == 1) {
return self.streamPackageCell;
}else if (indexPath.section == 0 && indexPath.row == 2) {
return self.qplayCell;
}else if (indexPath.section == 0 && indexPath.row == 3) {
return self.timeCloseCell;
}else if (indexPath.section == 1 && indexPath.row == 0) {
self.appCell.selectionStyle = UITableViewCellSelectionStyleNone;
return self.appCell;
}
return nil;
}
5. TableView数据模型总结
[4-area]
MVC, V(xxxx.xib) C(MXMyTableViewController)
Model: NSArray *contacts;
5.1 对象
MXMyTableViewController.h
@property (no…) MXContact;//Model
和TableView的关系:
每一行显示这个对象的一个属性
一般会使用静态的TableView
5.2 数组
数组-->NSString
MXMyTableViewController.h
-NSArray *data;
-NSString *item;
和TV的关系:
每一行显示数组中的一个字符串
5.3 数组-->对象-->普通属性
MXTVController.h
-NSArray *data;
-MXContact;
-name;
-age;
-number;
对照关系:
一行展示一个对象,如果对象比较复杂,可能会用自定义的Cell来展示。
5.4 数组-->对象-->数组
MXTVController.h
-NSArray *objects;
-MXArea
-NSString *name;
-NSArray *subArea;
对照关系:
1)可以用分区方式:
一个objects是一个分区,每一个分区展示subArea;
2)一行显示第一层数组中的一个元素名,点击时推第二个Table,第二个Table中展示第二层数组中的数据。
5.5 多层TableView的展示
多层指N层,就是不知道多少层。
模型:
-MXArea *area
-NSString *name
-NSArray *subArea
-MXArea *area
-NSString *name
-NSArray *subArea
-MXArea *area
….(循环)
MXArea.m
+(MXArea *)china{
MXArea *chinaArea = [[MXArea alloc] init];
chinaArea.name = @"中国";
MXArea *shanghai = [[MXArea alloc] init];
shanghai.name = @"上海";
MXArea *beijing = [[MXArea alloc] init];
beijing.name = @"北京";
MXArea *dongcheng = [[MXArea alloc] init];
dongcheng.name = @"东城";
MXArea *xicheng = [[MXArea alloc] init];
xicheng.name = @"西城";
beijing.subArea = @[dongcheng,xicheng];
MXArea *guangdong = [[MXArea alloc] init];
guangdong.name = @"广东";
MXArea *dongguan = [[MXArea alloc] init];
dongguan.name =@"东莞";
MXArea *xiepo = [[MXArea alloc] init];
xiepo.name = @"斜坡";
dongguan.subArea = @[xiepo];
MXArea *tianhe = [[MXArea alloc] init];
tianhe.name = @"天河";
guangdong.subArea = @[dongguan,tianhe];
chinaArea.subArea = @[shanghai,beijing,guangdong];
return chinaArea;
}
MXAreaTableViewController.m
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *CellIdentifier = @"Cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
}
// Configure the cell...
MXArea *area = self.area.subArea[indexPath.row];
cell.textLabel.text = area.name;
return cell;
}
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
MXArea *area = self.area.subArea[indexPath.row];
if (area.subArea.count == 0) {
//根据indexPath获取到当前cell
UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];
[cell setSelected:NO animated:YES];
return;
}
// Navigation logic may go here, for example:
// Create the next view controller.
MXAreaTableViewController *detailViewController = [[MXAreaTableViewController alloc] initWithNibName:@"MXAreaTableViewController" bundle:nil];
// Pass the selected object to the new view controller.
detailViewController.area = self.area.subArea[indexPath.row];
// Push the view controller.
[self.navigationController pushViewController:detailViewController animated:YES];
}
6. Xcode代码调试
6.1 编译错误(程序飘红)
1) 保存文件
随时Command+S
2) Clean项目(Shift+Command+K)
3) 看程序有没有写错
大小写,单词拼写,标点符号(中文),语法
4) 看大括号,查缩进
6.2 连接错误
1) 看错误原因是哪个函数,哪个库没有加进来。
2) Xcode出现问题
修改了系统提供的某个头文件中的内容。
查看错误信息,其中有一个缓冲区目录(Cache)中的指定的内容删除
6.3 程序逻辑错误(运行时错误)
1) 程序直接崩溃
查看控制台错误信息, reason(错误原因)很重要
方法没有找到(@selector(tap), 但是tap方法没有提供)
下标越界错误
2) 程序出现错误的结果
不显示, 位置不对,颜色不对:
有没有addSubview
frame没有有设置,位置是否正确
alpha 是不是0
是不是几个View放在一个位置
前景色和背景色是不是一样
6.4 设置断点(breakpoint)
主要用来跟踪程序的运行
1)在何处设断点
二分查找(折半查找)
2)确定程序的错误一在定的范围内时,逐行排查
作业:
课堂上的内容补上。
TMusic完成,各个界面都可以用。界面使用Nib文件来完成。
加TableView显示所有的歌曲
数据模型:
MXMusic
-NSString *name;//歌名
-NSString *artist;//歌手
-NSString *album;//专辑名
-NSTimeInterval duration;//时长(秒)
typedef … NSTimeInterval;
注意:在创建弹窗的时候,代理一定要设置,不然点击按钮的方法不会执行