【iOS】UI学习——UITableView

吴旭华  金牌会员 | 2024-6-11 08:46:02 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题
楼主

主题 690|帖子 690|积分 2070

UITableView底子

dateSource:数据代理对象
delegate:平常代理对象
numberOfSectionInTableView:得到组数协议
numberOfRowsInSection:得到行数协议
cellForRowAtIndexPath:创建单元格协议
UIViewController.h：
  1. #import <UIKit/UIKit.h>
  3. @interface ViewController : UIViewController
  4. <
  5. //实现数据视图的普通协议
  6. //数据视图的普通事件处理
  7. UITableViewDelegate,
  8. //实现数据视图的数据代理协议
  9. //处理数据视图的数据代理
  10. UITableViewDataSource
  11. >
  12. {
  13.     //定义一个数据视图对象
  14.     //数据视图用来显示大量相同的格式的大量信息的视图
  15.     UITableView* _tableView;
  16. }
  17. @end
复制代码
ViewController.m：
  1. #import "ViewController.h"
  3. @interface ViewController ()
  5. @end
  7. @implementation ViewController
  9. - (void)viewDidLoad {
  10.     [super viewDidLoad];
  11.    
  12.     //创建数据视图
  13.     //P1:数据视图的位置
  14.     //P2:数据视图的风格
  15.     //UITableViewStylePlain:普通风格
  16.     //UITableViewStyleGrouped:分组风格
  17.     _tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStyleGrouped];
  18.     //设置数据视图的代理对象
  19.     _tableView.delegate = self;
  20.     //设置数据视图的数据源对象
  21.     _tableView.dataSource = self;
  22.    
  23.     [self.view addSubview: _tableView];
  24.    
  25. }
  27. //获取每组元素的个数（行数）
  28. //程序在显示数据视图时会调用此函数
  29. //返回值：表示每组元素的个数
  30. //P1:数据视图对象本身 P2:那一组需要的行数
  31. -(NSInteger) tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
  32. {
  33.     return 5;
  34. }
  35. //设置数据视图的组数
  36. -(NSInteger) numberOfSectionsInTableView:(UITableView *)tableView
  37. {
  38.     return 3;
  39. }
  41. //创建单元格对象函数，传入两个参数
  42. //P1:传入这个函数的对象 P2:单元格的索引
  43. -(UITableViewCell*) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
  44. {
  45.     NSString* cellStr = @"cell";
  46.    
  47.     UITableViewCell* cell = [_tableView dequeueReusableCellWithIdentifier:cellStr];
  48.     if(cell == nil) {
  49.         //创建一个单元格对象，传入两个参数
  50.         //P1:单元格的样式 P2:单元格的副用标记
  51.         cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellStr];
  52.         
  53.     }
  54.     //indexPath.section表示组数
  55.     //indexPath.row表示行数
  56.     NSString* str = [NSString stringWithFormat:@"第%ld组，第%ld行！", indexPath.section, indexPath.row];
  57.     //将单元格的主文字内容赋值
  58.     cell.textLabel.text = str;
  59.     return cell;
  60. }
  62. @end
复制代码
UITableView协议

heightForRowAtIndexPath:获取单元格高度协议
heightForHeaderInSection:数据视图头部高度协议
heightForFooterInSection:数据视图尾部高度协议
titleForFooterINSection:数据视图尾部的标题协议
titleForHeaderInSection:数据视图头部标题协议
UIViewController.h：
  1. #import <UIKit/UIKit.h>
  3. @interface ViewController : UIViewController
  4. <UITableViewDataSource,UITableViewDelegate>
  5. {
  6.     //定义数据视图对象
  7.     UITableView* _tableview;
  8.     //声明一个数据源
  9.     NSMutableArray* _arrayData;
  10. }
  13. @end
复制代码
UIViewController.m：
  1. #import "ViewController.h"
  3. @interface ViewController ()
  5. @end
  7. @implementation ViewController
  9. - (void)viewDidLoad {
  10.     [super viewDidLoad];
  11.    
  12.     _tableview = [[UITableView alloc] initWithFrame:CGRectMake(0, 20, 480, 832) style:UITableViewStyleGrouped];
  13.     //设置代理对象
  14.     _tableview.delegate = self;
  15.     //设置数据视图代理对象
  16.     _tableview.dataSource = self;
  17.    
  18.     [self.view addSubview:_tableview];
  19.     //创建一个可变数组
  20.     _arrayData = [[NSMutableArray alloc] init];
  21.    
  22.     for(int i = 'A'; i <= 'Z'; i++) {
  23.         NSMutableArray* arraySmall = [[NSMutableArray alloc] init];
  24.         
  25.         for(int j = 1; j<=5; j++) {
  26.             NSString* str = [NSString stringWithFormat:@"%c%d", i, j];
  27.             
  28.             [arraySmall addObject:str];
  29.         }
  30.         //创建一个二维数组
  31.         [_arrayData addObject: arraySmall];
  32.     }
  33. }
  34. //获取组数
  35. -(NSInteger) numberOfSectionsInTableView:(UITableView *)tableView
  36. {
  37.     return _arrayData.count;
  38. }
  39. //获取每组的元素个数
  40. -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
  41. {
  42.     NSInteger numRow = [[_arrayData objectAtIndex:section]count];
  43.     return numRow;
  44. }
  45. //获取单元格
  46. -(UITableViewCell*) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
  47. {
  48.     NSString *str = @"cell";
  49.         
  50.     UITableViewCell *cell = [_tableview dequeueReusableCellWithIdentifier: str];
  51.         if (cell == nil) {
  52.             cell = [[UITableViewCell alloc] initWithStyle: UITableViewCellStyleDefault reuseIdentifier: str];
  53.         }
  54.         cell.textLabel.text = _arrayData[indexPath.section][indexPath.row];
  55.         return cell;
  57. }
  58. //获取高度
  59. -(CGFloat) tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
  60. {
  61.     return 100;
  62. }
  63. //获取每组头部标题
  64. -(NSString*) tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
  65. {
  66.     return @"头部标题";
  67.    
  68. }
  69. //获取每组尾部标题
  70. -(NSString*) tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section
  71. {
  72.     return @"尾部标题";
  73. }
  75. -(CGFloat) tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
  76. {
  77.     return 40;
  78. }
  80. -(CGFloat) tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section
  81. {
  82.     return 20;
  83. }
  85. @end
复制代码
效果图：

UITableView高级协议和单元格

高级协议的几个函数：
commitEditingStyle:提交编辑函数
canEditRowAtIndexPath:开启关闭编辑单元格
editingStyleForRowAtIndexPath:编辑单元格风格设定
didSelectRowAtIndexPath:选中单元格响应协议
didDeselectRowAtIndexPath:反选单元格响应协议
单元格几个函数：
dequeueReusableCellWithIdentifier:获取可以复用的单元格对象
initWithStyle:根据风格创建单元格对象
reuseldentifier:设置可以复用单元格的ID
设置一个导航控制器：
  1. #import "SceneDelegate.h"
  2. #import "ViewController.h"
  3. @interface SceneDelegate ()
  5. @end
  7. @implementation SceneDelegate
  10. - (void)scene:(UIScene *)scene willConnectToSession:(UISceneSession *)session options:(UISceneConnectionOptions *)connectionOptions {
  11.    
  12.     self.window.frame = [UIScreen mainScreen].bounds;
  13.    
  14.     UINavigationController* nav = [[UINavigationController alloc] initWithRootViewController:[[ViewController alloc] init]];
  15.    
  16.     self.window.rootViewController = nav;
  17. }
  20. - (void)sceneDidDisconnect:(UIScene *)scene {
  21.     // Called as the scene is being released by the system.
  22.     // This occurs shortly after the scene enters the background, or when its session is discarded.
  23.     // Release any resources associated with this scene that can be re-created the next time the scene connects.
  24.     // The scene may re-connect later, as its session was not necessarily discarded (see `application:didDiscardSceneSessions` instead).
  25. }
  28. - (void)sceneDidBecomeActive:(UIScene *)scene {
  29.     // Called when the scene has moved from an inactive state to an active state.
  30.     // Use this method to restart any tasks that were paused (or not yet started) when the scene was inactive.
  31. }
  34. - (void)sceneWillResignActive:(UIScene *)scene {
  35.     // Called when the scene will move from an active state to an inactive state.
  36.     // This may occur due to temporary interruptions (ex. an incoming phone call).
  37. }
  40. - (void)sceneWillEnterForeground:(UIScene *)scene {
  41.     // Called as the scene transitions from the background to the foreground.
  42.     // Use this method to undo the changes made on entering the background.
  43. }
  46. - (void)sceneDidEnterBackground:(UIScene *)scene {
  47.     // Called as the scene transitions from the foreground to the background.
  48.     // Use this method to save data, release shared resources, and store enough scene-specific state information
  49.     // to restore the scene back to its current state.
  50. }
  53. @end
复制代码
ViewController.h:
  1. #import <UIKit/UIKit.h>
  3. @interface ViewController : UIViewController<UITableViewDelegate,UITableViewDataSource>
  4. {
  5.     //数据视图
  6.     UITableView* _tableview;
  7.     //数据源
  8.     NSMutableArray* _arrayData;
  9.    
  10.     UIBarButtonItem* _btnEdit;
  11.     UIBarButtonItem* _btnFinish;
  12.     UIBarButtonItem* _btnDelete;
  13.    
  14.     BOOL _isEdit;
  15. }
  18. @end
复制代码
ViewController.m:
  1. #import "ViewController.h"
  3. @interface ViewController ()
  5. @end
  7. @implementation ViewController
  9. - (void)viewDidLoad {
  10.     [super viewDidLoad];
  11.    
  12.     _tableview = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain];
  13.     //自动调整子视图的大小
  14.     _tableview.autoresizingMask = UIViewAutoresizingFlexibleHeight|UIViewAutoresizingFlexibleWidth;
  15.     //设置代理
  16.     _tableview.delegate = self;
  17.     _tableview.dataSource = self;
  18.     //数据视图头部视图的设定
  19.     _tableview.tableHeaderView = nil;
  20.     //数据视图尾部视图的设定
  21.     _tableview.tableFooterView = nil;
  22.    
  23.     [self.view addSubview:_tableview];
  24.    
  25.     _arrayData = [[NSMutableArray alloc] init];
  26.     //初始化数据源数组
  27.     for(int i = 0; i < 20; i++)
  28.     {
  29.         NSString* str = [NSString stringWithFormat:@"A %d", i];
  30.         
  31.         [_arrayData addObject:str];
  32.     }
  33.    
  34.     //当数据的数据源发生变化时
  35.     //更新数据视图，重新加载数据
  36.     [_tableview reloadData];
  37.     [self createBtn];
  38. }
  40. -(void) createBtn
  41. {
  42.     _isEdit = NO;
  43.     //设置导航栏按钮
  44.     _btnEdit = [[UIBarButtonItem alloc] initWithTitle:@"编译" style:UIBarButtonItemStyleDone target:self action:@selector(pressEdit)];
  45.     _btnDelete = [[UIBarButtonItem alloc] initWithTitle:@"删除" style:UIBarButtonItemStyleDone target:self action:nil];
  46.     _btnFinish = [[UIBarButtonItem alloc] initWithTitle:@"完成" style:UIBarButtonItemStyleDone target:self action:@selector(pressFinish)];
  47.    
  48.     self.navigationItem.rightBarButtonItem = _btnEdit;
  49. }
  51. -(void) pressEdit
  52. {
  53.     //修改对象编辑的状态
  54.     _isEdit = YES;
  55.     self.navigationItem.rightBarButtonItem = _btnFinish;
  56.     //开启编辑状态
  57.     [_tableview setEditing:YES];
  58.     self.navigationItem.leftBarButtonItem = _btnDelete;
  59. }
  61. -(void) pressFinish {
  62.     _isEdit = NO;
  63.     self.navigationItem.rightBarButtonItem = _btnEdit;
  64.     [_tableview setEditing:NO];
  65.     self.navigationItem.leftBarButtonItem = nil;
  66. }
  68. -(NSInteger) tableView:(UITableView*) tableView numberOfRowsInSection:(NSInteger)section
  69. {
  70.     return _arrayData.count;
  71. }
  73. //默认组数返回1
  74. -(NSInteger) numberOfSectionsInTableView:(UITableView *)tableView
  75. {
  76.     return 1;
  77. }
  79. -(UITableViewCell*) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
  80. {
  81.     NSString* strID = @"ID";
  82.     //尝试获取可以复用的单元格
  83.     //如果得不到，返回nil
  84.     UITableViewCell* cell = [_tableview dequeueReusableCellWithIdentifier:strID];
  85.     if(cell == nil) {
  86.         cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:strID];
  87.     }
  88.     //单元格文字赋值
  89.     cell.textLabel.text = [_arrayData objectAtIndex:indexPath.row];
  90.     //设置文字子标题
  91.     cell.detailTextLabel.text = @"子标题";
  92.     //为单元格添加图片，设置图标
  93.     NSString* str = [NSString stringWithFormat:@"%d.png", 12];
  94.    
  95.     UIImage* image = [UIImage imageNamed:str];
  96.    
  97.     UIImageView* iView = [[UIImageView alloc] initWithImage:image];
  98.     cell.imageView.image = image;
  99.    
  100.     return cell;
  101. }
  103. -(UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath
  104. {
  105.     //默认为删除
  106.     //UITableViewCellEditingStyleInsert 增加
  107.     //UITableViewCellEditingStyleDone 空
  108.     return UITableViewCellEditingStyleDelete;
  109. }
  110. //可以显示编辑状态，当手指在单元格上移动时
  111. -(void) tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
  112. {
  113.     //删除数据源对应的数据
  114.     [_arrayData removeObjectAtIndex:indexPath.item];
  115.     //数据源更新
  116.     [_tableview reloadData];
  117.    
  118.     NSLog(@"delete");
  119. }
  121. -(void) tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
  122. {
  123.     NSLog(@"选中单元格！%ld %ld", (long)indexPath.section, (long)indexPath.row);
  124. }
  126. -(void) tableView:(UITableView *)tableView didDeselectRowAtIndexPath:(NSIndexPath *)indexPath
  127. {
  128.     NSLog(@"取消选中单元格 %ld %ld", (long)indexPath.section, (long)indexPath.row);
  129. }
  131. @end
复制代码
效果图：


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

x
回复

使用道具 举报

0 个回复

正序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

吴旭华

金牌会员
这个人很懒什么都没写!

楼主热帖

标签云

挺好的 服务器
微信订阅号
微信服务号
微信客服
小程序
H5
关于我们 商务合作 网站地图
©Copyright 2022-2024 杭州祥升科技有限公司 版权所有 浙ICP备20004199号
快速回复 返回顶部 返回列表