[iPhone] Table View を作る (Objective-C)

iPhoneなどスマホでは画面のサイズと縦長という特徴のためリスト表示UIが多用されています。iOSではUITableViewを使うとリスト表示が可能です。
 


Objective-C
Xcode 8.2.1

 

storyboard を使って作るTable View

 
開発の流れは、

  1. プロジェクトの作成
  2. UIImageView と UILabel の配置
  3. Cell の Identifier や tag の設定
  4. コードの記述
  5. Storyboardとコードを接続
 

プロジェクトの作成

 
簡単なプロジェクト Single View Application を作成します。

 

UIImageView と UILabel の配置

 
storyboad にて View Controller にTable View を置きます
 

 
その上に Table View Cell を追加します
 

View Controller Scene が
「View」>「Table View」>「Table View Cell」>「Content View」
となるようにします。
 
そして、その Cell にUIImageView と UILabel を2つ入れますLabelのサイズを適宜調整
 

 

Cell の Identifier や Tag の設定

 
Table View Cell を選択し、Attributes inspector から
Identifier に名前をつける。(例えば「tableCell」)
 

 
Image View を選択しAttributes inspector で
「View」にある Tag を「1」に設定
 

 
Label を選択
Attributes inspector で
「View」にある Tag を「2」と「3」に設定
 

 

コードの記述

 
UITableViewDelegate, UITableViewDataSource を設定
ViewController.h

 
ViewController.m

  1. 画像を8枚プロジェクトに追加し、その名前を配列 NSArray *imgArray とします
  2. 同じくラベルの情報をそれぞれ配列に入れます
  3. セクションは1個、要素は8個に設定
  4. セルの要素を設定では、UIImageView は viewWithTag:1 でインスタンスを生成
  5. 同じくラベルも設定した Tag に合わせて生成します
 

Storyboard とコードを接続

 
UITableView を table と結び
detaSource と deleate を view と接続します
 

これでビルド実行すると Tabel View が表示されます。
 


ページのトップへ戻る

シェアする

  • このエントリーをはてなブックマークに追加

フォローする