Ui学习--UITableView

UI学习

  • UITableView基础
  • UITableView协议
  • UITableView高级协议与单元格
  • 总结

UITableView基础

UITableView作为iOS中的一个控件，用于以表格形式展示数据。例如通讯录好友，朋友圈信息等，都是UITableView的实际运用场景。
首先我们先要加入两个协议：UITableViewDelegate,UITableViewDataSource
在这两个协议中，有必须实现的四个协议方法：

  1. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section ：获取每组元素的个数
  2. -(NSInteger) numberOfSectionsInTableView:(UITableView *)tableView：获取每组元素的行数
  3. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath：创建单元格对象函数。

然后我们现在接口文件中添加协议和UITableView对象


#import <UIKit/UIKit.h>@interface ViewController : UIViewController
<
//实现数据视图的普通协议
//数据视图的普通事件处理
UITableViewDelegate,
//实现数据视图的数据代理协议
//实现数据视图的数据代理
UITableViewDataSource
>
{//定义一个数据视图对象//数据视图用来显示大量相同格式的大量信息的视图//例如：电话通讯录，QQ好友，朋友圈信息//相同格式信息内容不同UITableView *_tablelView;
}@end

然后我们在实现部分创建数据视图并实现协议函数


#import "ViewController.h"@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.//创建数据视图，传入两个参数//参一：数据视图的位置//参二：数据视图的风格//UITableViewStylePlain：普通风格//UITableViewStyleGrouped：分组风格_tablelView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStyleGrouped];//设置数据视图的代理对象_tablelView.delegate = self;//设置数据视图的数据源对象_tablelView.dataSource = self;[self.view addSubview:_tablelView];
}//获取每组元素的个数（行数）
//必须要实现的协议函数
//程序在显示数据视图是会调用此函数
//返回值：表示每组元素的个数
//P1:数据视图对象本身
//P2：哪一组需要的行数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{return 6;
}-(NSInteger) numberOfSectionsInTableView:(UITableView *)tableView
{return 4;
}//创建单元格对象函数- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{NSString *cellStr = @"cell";UITableViewCell *cell = [_tablelView dequeueReusableCellWithIdentifier:cellStr];if (cell == nil) {//创建一个单元格对象//参一：单元格的样式//参二：单元格的复用标记cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellStr];}NSString *str = [NSString stringWithFormat:@"第%ld组，第%ld行", indexPath.section, indexPath.row];//将单元格的主文字内容赋值cell.textLabel.text = str;return cell;
}
@end

效果：
在这里插入图片描述

UITableView协议

我们在此处学习如下几个协议：

  1. - (CGFloat) tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath：获取单元格高度
  2. -(NSString*) tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section：获取每组头部标题
  3. -(NSString*) tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section：获取每组尾部标题
  4. - (CGFloat) tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section：获取头部高度
  5. -(CGFloat) tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section：获取尾部高度

我们省略接口部分，给出实现部分并将上述协议实现：


#import "ViewController.h"@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.//创建数据视图对象_tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStyleGrouped];//设置代理对象_tableView.delegate = self;//设置数据代理对象_tableView.dataSource = self;//数据视图显示[self.view addSubview:_tableView];//创建一个可变数组_arrayData = [[NSMutableArray alloc] init];for (int i = 'A'; i <= 'Z'; i++) {//定义小数组NSMutableArray *arraySmall = [[NSMutableArray alloc] init];for (int j = 1; j <= 5 ; j++) {NSString *str = [NSString stringWithFormat:@"%c%d", i, j];[arraySmall addObject:str];}//生成一个二维数组[_arrayData addObject:arraySmall];}
}//获取组数
-(NSInteger) numberOfSectionsInTableView:(UITableView *)tableView
{return _arrayData.count;
}//获取每组的元素个数
-(NSInteger) tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{NSInteger numRow = [[_arrayData objectAtIndex:section] count];return numRow;
}-(UITableViewCell*) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{NSString *str = @"cell";UITableViewCell *cell = [_tableView dequeueReusableCellWithIdentifier:str];if (cell == nil) {cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:str];}cell.textLabel.text = _arrayData[indexPath.section][indexPath.row];return cell;
}//获取高度
- (CGFloat) tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{return 100;
}//获取每组头部标题
-(NSString*) tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
{return @"哈哈！";
}//获取每组尾部标题
-(NSString*) tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section
{return @"尾巴哈哈";
}//获取头部高度
- (CGFloat) tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{return 40;
}//获取尾部高度
-(CGFloat) tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section
{return 60;
}@end

注意：这些协议函数是可选择实现的
效果：
在这里插入图片描述

UITableView高级协议与单元格

我们在此处学习以下高级协议：

  1. - (UITableViewCellEditingStyle) tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath：单元格显示效果协议
  2. - (void) tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath：当手指在单元格上移动时，显示编辑状态
  3. - (void) tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath：选中单元格
  4. -(void) tableView:(UITableView *)tableView didDeselectRowAtIndexPath:(NSIndexPath *)indexPath：取消所选单元格，需要在已选择单元格后再选另一单元格后调用。

我们先在接口文件中创建对象，并在SceneDelegate文件里添加导航控制器。

#import <UIKit/UIKit.h>@interface ViewController : UIViewController
<UITableViewDelegate,
UITableViewDataSource
>{//数据视图UITableView *_tableView;//数据源NSMutableArray* _arrayData;//添加导航按钮UIBarButtonItem *btnEdit;UIBarButtonItem *btnFinish;UIBarButtonItem *btnDelete;//设置编辑状态BOOL isEdit;
}
@end

然后，我们在实现部分中，完成对导航栏按钮的创建。并且实现高级协议。


#import "ViewController.h"@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view._tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain];//自动调整子视图大小_tableView.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth;//设置代理_tableView.delegate = self;_tableView.dataSource = self;//数据视图的头部视图的设定_tableView.tableHeaderView = nil;//数据视图的尾部视图_tableView.tableFooterView = nil;[self.view addSubview:_tableView];//初始化数据源数组_arrayData = [[NSMutableArray alloc] init];for (int i = 1; i < 20; i++) {NSString *str = [NSString stringWithFormat:@"A %d",i];[_arrayData addObject:str];}//当数据的数据源发生变化时，//更新数据视图，重新加载数据[_tableView reloadData];[self createBtn];
}-(NSInteger) tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{return _arrayData.count;
}//默认情况下
-(NSInteger) numberOfSectionsInTableView:(UITableView *)tableView
{return 1;
}-(UITableViewCell*) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{NSString *strID = @"ID";//尝试获取可以复用的单元格//如歌得不到，返回nilUITableViewCell *cell = [_tableView dequeueReusableCellWithIdentifier:strID];//需要显示子标题必须为UITableViewCellStyleSubtitleif (cell == nil) {cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:strID];}//单元格文字赋值cell.textLabel.text = [_arrayData objectAtIndex:indexPath.row];cell.detailTextLabel.text = @"儿子标题";NSString *str = [NSString stringWithFormat:@"%d.jpg",(indexPath.row % 10 + 1)];UIImage *image = [UIImage imageNamed:str];UIImageView *iView = [[UIImageView alloc] initWithImage:image];cell.imageView.image = image;// UIImageView *iView = [[UIImageView alloc] initWithImage:image]//设置默认的图标信息return cell;}-(void) createBtn
{isEdit = NO;btnEdit = [[UIBarButtonItem alloc] initWithTitle:@"编辑" style:UIBarButtonItemStylePlain target:self action:@selector(pressEdit)];btnFinish = [[UIBarButtonItem alloc] initWithTitle:@"完成" style:UIBarButtonItemStylePlain target:self action:@selector(pressFinish)];btnDelete = [[UIBarButtonItem alloc] initWithTitle:@"删除" style:UIBarButtonItemStylePlain target:self action:@selector(pressDelete)];self.navigationItem.rightBarButtonItem = btnEdit;}-(void) pressEdit
{isEdit = YES;self.navigationItem.rightBarButtonItem = btnFinish;[_tableView setEditing:YES];self.navigationItem.leftBarButtonItem = btnDelete;}-(void) pressFinish
{isEdit = NO;self.navigationItem.rightBarButtonItem = btnEdit;[_tableView setEditing:NO];self.navigationItem.leftBarButtonItem = nil;}- (void)pressDelete {// 获取被选中的行的索引集合NSArray *selectedRows = [_tableView indexPathsForSelectedRows];if (selectedRows.count > 0) {// 创建一个可变数组，用于存储需要删除的数据NSMutableArray *rowsToDelete = [NSMutableArray array];for (NSIndexPath *indexPath in selectedRows) {// 获取需要删除的数据的索引NSInteger row = indexPath.row;// 添加到需要删除的数据数组中[rowsToDelete addObject:[NSNumber numberWithInteger:row]];}// 排序需要删除的数据的索引，以确保正确删除NSArray *sortedRows = [rowsToDelete sortedArrayUsingSelector:@selector(compare:)];// 逆序遍历需要删除的数据的索引，从数据源数组中删除对应的数据for (NSInteger i = sortedRows.count - 1; i >= 0; i--) {NSInteger deleteRow = [sortedRows[i] integerValue];[_arrayData removeObjectAtIndex:deleteRow];}// 删除对应的行[_tableView deleteRowsAtIndexPaths:selectedRows withRowAnimation:UITableViewRowAnimationAutomatic];}
}
//单元格显示效果协议
- (UITableViewCellEditingStyle) tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath
{//默认为删除//UITableViewCellEditingStyleDelete：删除//UITableViewCellEditingStyleInsert：插入//UITableViewCellEditingStyleNone：空//多选状态UITableViewCellEditingStyleDelete|UITableViewCellEditingStyleInsertreturn UITableViewCellEditingStyleDelete|UITableViewCellEditingStyleInsert;
}//可以显示编辑状态，当手指在单元格上移动时。
- (void) tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
{//删除数据源对应的数据[_arrayData removeObjectAtIndex:indexPath.row];//数据源更新[_tableView reloadData];NSLog(@"delete!");
}//选中时调用
- (void) tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{NSLog(@"选中单元格! %ld, %ld",(long)indexPath.section, (long)indexPath.row);
}//取消时调用
-(void) tableView:(UITableView *)tableView didDeselectRowAtIndexPath:(NSIndexPath *)indexPath
{NSLog(@"取消选中单元格! %ld, %ld",(long)indexPath.section, (long)indexPath.row);
}
@end

我们通过加入一个布尔变量isEdit来判断是否处于编辑状态。在编辑状态下，我们可以对单元格进行插入，删除等操作。
通过使用UITableViewCellEditingStyleDelete|UITableViewCellEditingStyleInsert多选状态，我们可以实现批量删除的操作。
多选后，我们需要重新写编辑状态的删除按钮。即：

- (void)pressDelete {// 获取被选中的行的索引集合NSArray *selectedRows = [_tableView indexPathsForSelectedRows];if (selectedRows.count > 0) {// 创建一个可变数组，用于存储需要删除的数据NSMutableArray *rowsToDelete = [NSMutableArray array];for (NSIndexPath *indexPath in selectedRows) {// 获取需要删除的数据的索引NSInteger row = indexPath.row;// 添加到需要删除的数据数组中[rowsToDelete addObject:[NSNumber numberWithInteger:row]];}// 排序需要删除的数据的索引，以确保正确删除NSArray *sortedRows = [rowsToDelete sortedArrayUsingSelector:@selector(compare:)];// 逆序遍历需要删除的数据的索引，从数据源数组中删除对应的数据for (NSInteger i = sortedRows.count - 1; i >= 0; i--) {NSInteger deleteRow = [sortedRows[i] integerValue];[_arrayData removeObjectAtIndex:deleteRow];}// 删除对应的行[_tableView deleteRowsAtIndexPaths:selectedRows withRowAnimation:UITableViewRowAnimationAutomatic];}
}

效果：
在这里插入图片描述

总结

以上就是对UITableView粗略的学习，还有许多未知的领域等待探索。
下一步，自定义cell和cell的复用！在学习中不断有进步。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/diannao/28376.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Mysql的增、删、查、改

Mysql的增、删、查、改

MySQL 是一个流行的关系型数据库管理系统&#xff0c;它支持 SQL&#xff08;结构化查询语言&#xff09;用于管理数据库中的数据。以下是使用 SQL 在 MySQL 中进行增&#xff08;INSERT&#xff09;、删&#xff08;DELETE&#xff09;、查&#xff08;SELECT&#xff09;、改…
阅读更多...
K210使用雷龙NAND完成火灾检测

K210使用雷龙NAND完成火灾检测

NAND 文章目录 NAND前言一、NAND是什么&#xff1f;二、来看一看NAND三、部署火灾检测 前言 前几天收到了雷龙NAND的芯片&#xff0c;一共两个芯片和一个转接板&#xff0c;我之前也没有使用过这款芯片&#xff0c;比较好奇&#xff0c;体验了一下&#xff0c;个人认为&#x…
阅读更多...
嵌入式微处理器重点学习（三）

嵌入式微处理器重点学习（三）

堆栈操作 R1=0x005 R3=0x004 SP=0x80014 STMFD sp!, {r1, r3} 指令STMFD sp!, {r1, r3}是一条ARM架构中的存储多个寄存器到内存的指令，这里用于将r1和r3寄存器的内容存储到栈上。STMFD（Store Multiple Full Descending）是一种全递减模式的多寄存器存储指令，它会先将栈指针…
阅读更多...
外包公司泛滥，这些常识你应该提前知道？

外包公司泛滥，这些常识你应该提前知道？

今年大环境确实很不好 很多985,211的应届生都在网上大吐苦水&#xff0c;很多大龄离职大厂的技术人也好&#xff0c;业务人也好&#xff0c;都纷纷转向短视频平台做起了自媒体。而找工作的人普遍发现&#xff0c;某最火的招聘平台几乎都被外包公司刷屏了。大大小小的外包公司如…
阅读更多...
车载以太网-TC8测试

车载以太网-TC8测试

文章目录 TC8测试的用例数量TC8测试基本流程TC8测试内容TC8测试的用例数量 TC8测试的用例数量可能会因版本和具体测试内容而有所不同。一般来说，TC8测试用例总数在800条左右。 以OPEN Alliance Automotive Ethernet ECU Test Specification的3.0版本为例，该版本的测试用例总…
阅读更多...
three.js 基础01

three.js 基础01

1.场景创建 Scene() 2.常用形状集几何体「Geometry」[可设置长宽高等内容，如：new THREE.BoxGeometry(...)] 长方体 BoxGeometry圆柱体CylinderGeometry 球体SphereGeometry圆锥体ConeGeometry矩形平面 PlaneGeometry 圆面体CircleGeometry 3.常用材质「Materi…
阅读更多...
linux 部署瑞数6实战(维普，药监局)sign第二部分

linux 部署瑞数6实战(维普，药监局)sign第二部分

声明 本文章中所有内容仅供学习交流使用&#xff0c;不用于其他任何目的&#xff0c;抓包内容、敏感网址、数据接口等均已做脱敏处理&#xff0c;严禁用于商业用途和非法用途&#xff0c;否则由此产生的一切后果均与作者无关&#xff01;wx …
阅读更多...
C/C++李峋同款跳动的爱心代码

C/C++李峋同款跳动的爱心代码

一、写在前面 在编程的世界里&#xff0c;代码不仅仅是冷冰冰的命令&#xff0c;它也可以成为表达情感、传递浪漫的工具。今天&#xff0c;就让小编带着大家用C语言打造出李峋同款跳动的爱心吧&#xff01; 首先&#xff0c;我们需要知道C作为一种高级编程语言&#xff0c;拥…
阅读更多...
软件版本库管理工具

软件版本库管理工具

0 Preface/Foreword 常用代码版本管理工具包括如下几种&#xff1a; Git&#xff0c;最基本管理工具&#xff0c;由Linux kernel开发者开发Repo&#xff0c;主要用于管理Android SDK&#xff0c;由Google开发Gerrit&#xff0c;代码审查软件 1 Git 最基本的代码版本库管理工…
阅读更多...
Linux软连接和硬连接

Linux软连接和硬连接

文章目录 软链接创建软链接查看软连接删除软链接 硬链接创建硬链接 区别小结 软链接 软连接是linux中一个常用命令&#xff0c;它的功能是为某一个文件在另外一个位置建立一个同步的链接。换句话说&#xff0c;也可以理解成Windows中的快捷方式。 创建软链接 ln -s [dir1] […
阅读更多...
宠物健康顾问系统的设计

宠物健康顾问系统的设计

管理员账户功能包括&#xff1a;系统首页&#xff0c;个人中心&#xff0c;顾问管理&#xff0c;用户管理&#xff0c;健康知识管理&#xff0c;管理员管理&#xff0c;论坛管理&#xff0c;公告管理 顾问账户功能包括&#xff1a;系统首页&#xff0c;个人中心&#xff0c;顾…
阅读更多...
头歌资源库（7）汉诺塔（循环）

头歌资源库（7）汉诺塔（循环）

一、 问题描述 二、算法思想 初始化三个柱子A、B、C&#xff0c;初始时所有的盘子都在柱子A上。对于从1到N&#xff08;N表示盘子的数量&#xff09;的每一个数字i&#xff0c;执行以下循环&#xff1a; a. 如果i是偶数&#xff0c;则将柱子B视为目标柱子&#xff0c;柱子C视为…
阅读更多...
如何在 Python 3 中处理纯文本文件

如何在 Python 3 中处理纯文本文件

简介 Python 是一个处理数据的强大工具。编程中最常见的任务之一就是读取、写入或操作数据。因此&#xff0c;了解如何处理存储不同类型数据的不同文件格式尤为重要。 例如&#xff0c;考虑一个检查用户访问控制列表的 Python 程序。你的用户列表可能存储在一个文本文件中&am…
阅读更多...
sqlalchymy expire_on_commit

sqlalchymy expire_on_commit

在 SQLAlchemy 中&#xff0c;expire_on_commit 是一个会话&#xff08;Session&#xff09;级别的选项&#xff0c;它决定了在事务提交后&#xff0c;会话中的对象是否应该被标记为“过期”&#xff08;expired&#xff09;。当一个对象被标记为过期时&#xff0c;它的所有属性…
阅读更多...
25.梯度消失和梯度爆炸

25.梯度消失和梯度爆炸

深度学习中的梯度消失与梯度爆炸&#xff1a;定义、原因、解决办法与残差网络 一、引言 在深度学习的训练过程中&#xff0c;梯度消失&#xff08;Gradient Vanishing&#xff09;和梯度爆炸&#xff08;Gradient Exploding&#xff09;是两个常见且棘手的问题。它们严重阻碍…
阅读更多...
Python时间序列分析库

Python时间序列分析库

Sktime Welcome to sktime — sktime documentation 用于ML/AI和时间序列的统一API，用于模型构建、拟合、应用和验证支持各种学习任务，包括预测、时间序列分类、回归、聚类。复合模型构建，包括具有转换、集成、调整和精简功能的管道scikit学习式界面约定的交互式用户体验Pro…
阅读更多...
一个比官方strings.Title更精简高效的将字符串中所有单词首字母转换为大小写的go函数

一个比官方strings.Title更精简高效的将字符串中所有单词首字母转换为大小写的go函数

在go语言的官方包 strings中&#xff0c;官方提供了Title函数用于将字符串中的单词首字母转换为大写&#xff0c;这个函数很绕&#xff0c;对于要转换的字符串先是一个Map循环&#xff0c;然后接着又是一个Map循环,且函数调函数掉了好多层&#xff0c;而且最新版本中已经标记为…
阅读更多...
【原创】springboot+mysql小区用水监控管理系统设计与实现

【原创】springboot+mysql小区用水监控管理系统设计与实现

个人主页&#xff1a;程序猿小小杨 个人简介&#xff1a;从事开发多年&#xff0c;Java、Php、Python、前端开发均有涉猎 博客内容&#xff1a;Java项目实战、项目演示、技术分享 文末有作者名片&#xff0c;希望和大家一起共同进步&#xff0c;你只管努力&#xff0c;剩下的交…
阅读更多...
介绍一个 SpringBoot 集成各种场景的项目

介绍一个 SpringBoot 集成各种场景的项目

springboot-demo 今天给大家介绍一个 SpringBoot 集成各种场景的项目&#xff0c;可以用来学习&#xff0c;也可以开箱即用&#xff0c;无需重复造轮子&#xff01;包含中英文使用说明文档 a simple springboot demo with some components for example: redis,solr,rockmq an…
阅读更多...
洛谷 P3379：最近公共祖先（LCA）← 倍增+链式前向星

洛谷 P3379：最近公共祖先（LCA）← 倍增+链式前向星

【题目来源】https://www.luogu.com.cn/problem/P3379【题目描述】 如题&#xff0c;给定一棵有根多叉树&#xff0c;请求出指定两个点直接最近的公共祖先。【输入格式】 第一行包含三个正整数 N,M,S&#xff0c;分别表示树的结点个数、询问的个数和树根结点的序号。 接下来 N−…
阅读更多...
最新文章

Copyright @ 2022~2023