IOS开发学习笔记（四）——使用TableView

最新推荐文章于 2024-06-10 14:18:22 发布
最新推荐文章于 2024-06-10 14:18:22 发布
阅读量1.5k 收藏
点赞数
分类专栏： iOS移动开发 文章标签： iOS UITableView UITableViewCell
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jariwsz/article/details/8961241
版权

这一小节我们演示如何处理一个列表型的数据。


  1. 我们在界面中添加一个TableView；
  2. 紧接着添加一个plist类型的文件，可以通过New File->Resource->Property List方式创建，如果是已有文件，拷贝到Supporting Files目录，这个文件是一个xml文件，我是用的测试文件参照：

    <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>二手手机</key>
	<string>张三</string>
	<key>二手电脑</key>
	<string>李四</string>
	<key>数码产品</key>
	<string>王五</string>
	<key>办公设备</key>
	<string>赵六</string>
	<key>二手家电</key>
	<string>钱七</string>
	<key>二手家具</key>
	<string>孙八</string>
	<key>居家日用</key>
	<string>周九</string>
	<key>服饰鞋帽</key>
	<string>吴十</string>
	<key>母婴用品</key>
	<string>张三</string>
	<key>美容护理</key>
	<string>李四</string>
	<key>艺术收藏</key>
	<string>王五</string>
	<key>文体乐器</key>
	<string>赵六</string>
	<key>食品保健</key>
	<string>钱七</string>
	<key>电玩网游</key>
	<string>孙八</string>
	<key>图书音像</key>
	<string>周九</string>
	<key>工程机械</key>
	<string>吴十</string>
</dict>
</plist>

    注意Key不能重复，但Value可以重复。
  3. 接下来我要将文件内容加载成我能够使用的集合形式，所以我首先声明成员变量：
    @interface ViewController : UIViewController

@property (nonatomic, strong) NSDictionary *contents;
@property (nonatomic, strong) NSArray *keys;

@end

  4. 并在页面启动时加载文件，初始化变量：
    @synthesize contents, keys;

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    NSString *file = [[NSBundle mainBundle] pathForResource:@"test" ofType:@"plist"];
    contents = [[NSDictionary alloc] initWithContentsOfFile: file];
    keys = [contents allKeys];
    
}

  5. ok，我们现在已经已经有了集合类型的值，并且已经完成了初始化，下面的工作是对TableView内容填充。这里需要又使用到delegate，同时也请将该TableView的dataSource和delegate关联到File Owner：
    @interface ViewController : UIViewController<UITableViewDataSource, UITableViewDelegate>

  6. 需要实现的方法列表如下：
    - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;


  7. 编写代码，其中numberOfRowsInSection返回行数：
    - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return [keys count];
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];
    
    NSString *title = [keys objectAtIndex:[indexPath row]];
    
    [[cell textLabel] setText: title];
    
    return cell;
}

    即可实现列表效果。
  8. 注意，正常情况下cell如果过多，每次滑动时都会重新生成一个cell，这样会导致资源的重复申请与释放工作，所以IOS上我们可以如下优化显示：
    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
    
    if (nil == cell) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];
    }
    NSString *title = [keys objectAtIndex:[indexPath row]];
    
    [[cell textLabel] setText: title];
    
    return cell;
}


  9. 下面我们看看分组效果的实现，需要实现的接口：
    @property (nonatomic, strong) NSDictionary *contents;
@property (nonatomic, strong) NSArray *keys;
@property (nonatomic, strong) NSDictionary *users;
@property (nonatomic, strong) NSArray *userkeys;

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section;


  10. 初始化属性：
    - (void)viewDidLoad
{
    [super viewDidLoad];
    
    NSString *file = [[NSBundle mainBundle] pathForResource:@"test" ofType:@"plist"];
    contents = [[NSDictionary alloc] initWithContentsOfFile: file];
    keys = [contents allKeys];
    
    file = [[NSBundle mainBundle] pathForResource:@"users" ofType:@"plist"];
    users = [[NSDictionary alloc] initWithContentsOfFile: file];
    userkeys = [contents allKeys];
}


  11. 实现代码：
    // 2 sections
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    return 2;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    
    if (0 == section) {
            return [contents count];
    } else {
            return [users count];
    }
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
    
    if (nil == cell) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];
    }
    
    NSString *title;
    if (0 == [indexPath section]) {
        title = [keys objectAtIndex: [indexPath row]];
    } else {
        title = [userkeys objectAtIndex: [indexPath row]];
    }
     
    
    [[cell textLabel] setText: title];
    
    return cell;
}



- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section {
    if (0 == section) {
        return @"第一小节";
    } else {
        return @"第二小节";
    }
}

    注意你需要设置TableView为"Grouped"（在UI编辑器中设置控件属性）。
  12. 我们再看一个标题、文字的效果，注意要先修改样式，然后分别设置textLabel和detailTextLabel的text属性：
        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
    
    if (nil == cell) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:@"cell"];
    }
    
    NSString *title;
    if (0 == [indexPath section]) {
        title = [keys objectAtIndex: [indexPath row]];
    } else {
        title = [userkeys objectAtIndex: [indexPath row]];
    }
     
    NSString *text;
    if (0 == [indexPath section]) {
        text = [contents objectForKey:[keys objectAtIndex: [indexPath row]]];
    } else {
        text = [users objectForKey:[userkeys objectAtIndex: [indexPath row]]];
    }
    
    [[cell textLabel] setText: title];
    [[cell detailTextLabel] setText: text];
    
    return cell;


  13. 最后设置图片，其中前面和后面的图片设置代码不一样：
    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
    
    if (nil == cell) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:@"cell"];
    }
    
    NSString *title;
    if (0 == [indexPath section]) {
        title = [keys objectAtIndex: [indexPath row]];
    } else {
        title = [userkeys objectAtIndex: [indexPath row]];
    }
     
    NSString *text;
    if (0 == [indexPath section]) {
        text = [contents objectForKey:[keys objectAtIndex: [indexPath row]]];
    } else {
        text = [users objectForKey:[userkeys objectAtIndex: [indexPath row]]];
    }
    
    [[cell textLabel] setText: title];
    [[cell detailTextLabel] setText: text];
    
    // set image in front of text
	NSString *imagefile = [[NSBundle mainBundle]  pathForResource:@"cellimage" ofType:@"png"];
	UIImage *image = [[UIImage alloc] initWithContentsOfFile:imagefile];
	[[cell imageView]setImage:image];
    // set image behind after text
	cell.accessoryType = UITableViewCellAccessoryDetailDisclosureButton;
    
    return cell;
}


  14. 搞定~~~

Soloman
关注
专栏目录
UITableView cell自定义视图中插入Table实现复杂界面
ios专栏
04-13 7454
<br /><br />最近项目中需要实现如下图所示的效果：<br /><br />通过界面我们断定是一个UITableView，分成三部分，第一部分是全天，第二部分是上午，第三部分是下午。最主要的是AM和PM中也是列表，这个就比较复杂了。我的做法是在Iphone在table cell中添加自定义布局view这篇文章的基础上制作更复杂的界面。具体的过程如下：<br /> 创建UITableViewCell的自定义类，这个就不用说了，在之前的博客中介绍过。在创建的cell中添加一个新的UITableView。
Adapter的实现
weixin_30832143的博客
07-03 132
Adapter概念： Adapter是连接后端数据和前端显示的适配接口，是数据和UI(View)之间一个重要的纽带。在常见的View(ListView, GridView)等地方都需要用到Adapter。相当于ios里面tableView,collection的DataSource.我们在使用过程中可以根据自己的需求实现接口或者继承类进行一定的扩展。比较常用的有 Base Adapter，Impl...
IOS 学习笔记 —— tableView 被 tabBar 遮挡问题
weixin_34258838的博客
11-29 777
2019独角兽企业重金招聘Python工程师标准>>> ...
IOS开发学习笔记
lpsoga
07-20 1086
1,Search Bar 怎样去掉背景的颜色（storyboard里只能设置background颜色，可是发现clear Color无法使用） 其实在代码里还是可以设置的，那就是删除背景view [[self.searchBar.subviews objectAtIndex:0] removeFromSuperview]; 关注一下微信appshi6谢谢，里面有利用手机免费赚点零
IOS 学习笔记 —— tableView 使用详解（二）
weixin_33767813的博客
12-04 83
2019独角兽企业重金招聘Python工程师标准>>> ...
iOS开发学习笔记——UITableview
念茜的博客
03-15 6563
预备    1.工程勾选支持ARC    2.利用IB拖一个UITableview并且连接委托代码       用UITableview实现简单的文字和图片显示#import @interface ViewController : UIViewController @property (strong,nonatomic) IBOutlet UITableView *mtableview; @
OC语言学习笔记——UI（二）
最新发布
2301_80095702的博客
06-10 787
当父视图大小发生变化时，我们想让子视图跟着父视图一起变化，可以使用自动布局和手动布局两种方式。
iOS学习笔记——使用ChildViewController
weixin_30838873的博客
06-28 68
之前在使用TableView的时候遇到过问题，需要使用另外的TableViewController来先存放TableView，原有的View则使用ViewContainer来引用TableViewController。此时是第一回接触一个ViewController中使用另一个ViewController。后来在开发的时候遇到另外的问题也需要用到ChildViewController，本来这类问题...
iOS学习笔记—— UItableView 控件的简单使用
狂飙的蜗牛 的专栏
07-29 870
UITableView 可以说是iOS开发中最常用的控件，除了游戏之外，几乎所有的应用中独会出现他的身影。                 使用UITableView控件需要遵守两种协议 UITableViewDelegate和 UITableViewDataSource。         常用方法如下：             1.返回（每个分区）表单元个数（行数）
IOS应用源码——常用的下拉动态加载.zip
10-14
本资源"IOS应用源码——常用的下拉动态加载.zip"似乎提供了一个实现这一功能的示例代码，这对于开发者来说是一个很好的学习和参考材料。 在iOS应用中实现下拉刷新通常涉及以下关键技术点： 1. **UITableView/...
iOS14+Swift5.x+Xcode12学习笔记（4）——表格（UITableView）
qq_45841183的博客
12-25 2038
表格视图（UITableView）简介表格的三段对话 简介 表格视图是一种将内容一行一行展现出来的视图，每一行称为一个Cell，iOS默认每一行只有一个Cell，Cell支持自定义。 Cell分为动态和静态，动态指在程序运行期间自动生成Cell，一般用于事先不知道Cell的具体数量时。如果是静态的Cell，在StoryBoard中可以直接拖放需要的数量到TableView上。预设的Cell可以放入一张图片，一段文字以及一个指示器（位于Cell最右边）。 集合视图UICollectionView与TableV
iOS开发入门笔记
xiangzhihong8的专栏
08-21 4567
iOS开发入门笔记本文面向已有其它语言（如Java，C，PHP，Javascript）编程经验的iOS开发初学者，初衷在于让我的同事一小时内了解如何开始开发iOS App，学习目标包括： 能使用Xcode IDE、模拟器 能修改、调试已有iOS App 能在已有应用内创建新模块 能创建新应用 能发布应用到App Store 本文不包含任何高级的iOS开发知识，已学会iOS开发的同学不要看，看完这篇文
iOS高级开发——CollectionView的cell中按钮的点击实现
热门推荐
乞力马扎罗的雪CYF的博客
11-25 1万+
在我刚初学iOS的时候，我就问一些大神，iOS开发中最难的哪些部分。有些人就说是自定义控件、UI和交互设计。那个时候我将信将疑，随着自己开发的深入，自己的确是深有体会。开发一款App产品，很大一部分时间是在和UI打交道。因为开发中很多功能是直接封装好的或者有现成模板可以用的，唯有UI是根据不同的App千变万化的。所以今天我们继续来研究iOS中比较高级的控件——UICollectionView，来实
IOS开发学习笔记（十九）——Core Data使用(上篇)
「行到水穷处,坐看云起时」
08-20 4937
本小节主要讲述Core Data相关方面的知识，以及如何使用。 Core Data基础知识 官方的说法是：Core Data is a schema-driven object graph management and persistence framework. 翻译过来的意思大概是：Core Data是一个模式驱动的对象图管理和持久化框架。 好吧，上面的字面意思不是很容易理解，
IOS开发学习笔记（一）——ObjectC语言快速入门
「行到水穷处,坐看云起时」
05-17 4832
需要学习IOS开发，首先需要掌握的是ObjectC语言。由于我之前接触过多年的C/C++和Java，所以很多地方我只需要理解ObjectC和他们的不同即可。当然为了能够系统的学习，建议您还是仔细学习一遍ObjectC语言，我这里并不会讲述太多原理方面的内容，只会尽量将实际编码中需要注意的内容列出： 基本的关键字，类似于for/case/switch等等，大家都是差不多的；“@”标识符标识
IOS开发学习笔记（二十）——Core Data使用(中篇)
「行到水穷处,坐看云起时」
08-23 4365
上一篇文章我们从一个小例子讲解了Core Data的使用方式，其实尽管概念很多，但实际应用的时候大多数情况下我们不需要接触太多的类和方法，只要拿到context并且操作即可。 这次我们看看iOS自带的一个小例子，原文参见：Core Data Tutorial for iOS。由于上一次我们已经讲述了基本概念和实现方法，这次我的描述会简练一些，不再一步一步详细讲解。 本次目标是创
IOS开发学习笔记（二十一）——Core Data使用(下篇)
「行到水穷处,坐看云起时」
09-04 3804
本篇主要讲述一些细枝末节的知识点。 建模 属性和关系 在XCode中，建模时就可以添加属性和标识实体间的相互关系。具体参见下图，下面还有对应说明： Entities中列举了实体的列表；每个Entity的属性列表在Attributes中，注意Attributes可以多选之后在右边一起改属性类型；通过添加关系可以标识出两种不同类型的Entity之间的相互联系；每
IOS开发学习笔记（十三）——创建日历事件
「行到水穷处,坐看云起时」
07-26 3589
下面我们讨论如何在iOS中创建日历事件。日历事件主要涉及到EventKit框架。 首先我们需要对工程添加框架。点击工程查看属性，在Linked FrameWorks and Libraries中增加EventKit框架，并且将EventKit通过鼠标拖动移动到Frameworks文件夹： 下面我们去创建一个按钮事件。 - (IBAction)addEvent:
iOS开发：Tableview实现高效搜索功能
在iOS开发中，TableView是常用的数据展示组件，而搜索功能则是提升用户体验的关键特性。本教程将介绍如何在iOS应用中利用TableView实现简单的搜索功能。首先，我们需要创建一个新的iOS工程，并通过Xcode的Interface ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值