Home » スマートフォンアプリ開発 » 【Xcodeメモ】（011）テーブルの追加（UITableViewの場合）

【Xcodeメモ】（011）テーブルの追加（UITableViewの場合）

calendar 2014年05月18日

reload 2022年08月06日

folder スマートフォンアプリ開発 Xcodeメモ

１．storyboad上で、TableViewをドラッグ＆ドロップする。

２．ViewController.hにTableViewのpropertyを追加する。property名はtbl_MyTableにした。

３．UIViewControllerに<UITableViewDelegate, UITableViewDataSource>デリゲートを追加。

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController<UITableViewDelegate, UITableViewDataSource>
@property (weak, nonatomic) IBOutlet UITableView *tbl_MyTable;

@end

４．警告が２つでる。UITableViewDataSourceの@requiredが２つある為。

↓当該メソッドは、この２つ。

– (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section; →テーブルの件数を返すメソッド。 – (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath; →テーブルの各セルオブジェクトを返すメソッド。

５．当該@requiredメソッドを２つViewController.mに追加する。処理内容は一旦、仮で記述。

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{

return 0;

}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;
{

return nil;

}

６．テーブルデータを格納するdataSource（property）を定義する。

@property (nonatomic, strong) NSArray *dataSource; // テーブルデータを格納する

７．デリゲート指定、及びdataSourceの値を設定する。

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    
    /* UITableViewDelegate、dataSourceのデリゲートを指定 */
    self.tbl_MyTable.delegate = self;
    self.tbl_MyTable.dataSource = self;
    
    self.dataSource = @[@"１行目", @"２行目",@"３行目"]; // テーブルデータを設定
}

８．先ほどのnumberOfRowsInSection、cellForRowAtIndexPathを実装する。

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{

    return self.dataSource.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;
{
    static NSString *CellIdentifier = @"cell"; // CellのIDをつける（意味がわかりませんが、なにコレ？？。）
    
    // Cellを取得
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    
    // ↓Cellが存在しない場合は、Cellを生成（？？？　最初から作ればいいじゃん？）
    if (!cell) {
    
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault
                                      reuseIdentifier:CellIdentifier];
    }
    
    // CellにdataSourceの値を設定
    cell.textLabel.text = self.dataSource[indexPath.row];
    
    return cell;
}

↓実行結果