美文网首页
iOS学习:表视图(二)

iOS学习:表视图(二)

作者: AmazingMiracle | 来源:发表于2016-09-23 11:09 被阅读0次

上一篇简单介绍了表视图的一些基本概念,这一篇来做一个小小的Demo。
表视图的加载顺序是当视图控制器加载表视图时访问数据源方法:
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
获得单元格数量;然后访问数据源方法:
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
获得每个单元格的数据。然后访问初始化方法:

-initWithFrame:style:

初始化创建单元格。
下面这个Demo创建了一个表视图,用来显示一串数据,数据中包含一个图片和一段描述图片的文字:
界面如下:

Paste_Image.png

这里创建的时候在表视图属性检查器中有一个Content属性,它可以选择一个动态表和静态表,这个属性只有在故事板中才有。具体的在后面会介绍。同时在这个属性后面有一个Prototype Cells,这个是原型单元格,给予id后可以在初始化单元格的时候调用,以用于重用。注意只能设置为一个,设置为两个的话会出现错误。
代码实现如下:

@interface ViewController () <UITableViewDelegate,UITableViewDataSource>
@property(nonatomic,strong)NSArray *listTeams; //单元格数据数组
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    //将plist文件解析,获得单元格数据数组
    NSString *filePath = [[NSBundle mainBundle]pathForResource:@"team.plist" ofType:nil];
    self.listTeams = [[NSArray alloc]initWithContentsOfFile:filePath];
}

#pragma mark - tableViewDataSourse
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    //返回单元格数量
    return self.listTeams.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    //为每个单元格添加数据
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cellID"];
    //默认情况下单元格主视图样式为在最左边有一个ImageView,挨着有一个Label
    cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
    NSDictionary *data = self.listTeams[indexPath.row];
    cell.textLabel.text = data[@"name"];
    cell.imageView.image = [UIImage imageNamed:data[@"image"]];
    return cell;
}
@end

相关文章

  • iOS学习:表视图(二)

    上一篇简单介绍了表视图的一些基本概念,这一篇来做一个小小的Demo。表视图的加载顺序是当视图控制器加载表视图时访问...

  • [iOS学习]表视图(一)

    表视图(UItableView)是iOS开发中使用最频繁的视图。一般情况下,我们都会选择以表的形式来展现数据,比如...

  • Human Interface Guidelines——Refr

    尝试阅读《Human Interface Guidelines》原文翻译学习iOS设计指南。 通常在表视图中可以通...

  • UITableView

    表视图的基本概念 一、表视图的介绍 1、表视图,是iOS中最重要的试图,很多应用程序都会使用到, 2、表试图里面可...

  • iOS--表视图(UITableViewController)的

    一、表视图的介绍 1、表视图,是iOS中最重要的试图,很多应用程序都会使用到, 2、表试图里面可以放很多行信息 3...

  • swift 4.2代码实现表视图UITableView

    表视图的组成 表头视图: 表视图最上边的视图,用于展示表视图的信息,也可以放搜索栏 表脚视图: 表视图最下边的视图...

  • 单元格 - IOS

    -、表视图的编辑状态 1、表视图的编辑状态有两种 2、实现表视图编辑的步骤 二、单元格的移动 cell折叠的核心逻...

  • 初识iOS表视图UITableView

    记录一个菜鸟的iOS学习之旅,如能帮助正在学习的你,亦枫不胜荣幸;如路过的大神如指教几句,亦枫感激涕淋! 表视图 ...

  • UITableView和UITableViewCell

    一:UITableViewUITableView表视图。表示图在我们日常的iOS开发中应用非常广泛。descrip...

  • 视图 约束

    视图 简单视图:单个表 复杂视图:表中包含着各种函数 连接视图:视图中牵扯到多个表 创建视图:create vie...

网友评论

      本文标题:iOS学习:表视图(二)

      本文链接:https://www.haomeiwen.com/subject/kvjzettx.html