UIKit/テーブル/セルのカスタマイズ の履歴(No.3)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• UIKit/テーブル/セルのカスタマイズ へ行く。
  • 1 (2016-05-30 (月) 05:42:04)
  • 2 (2016-05-30 (月) 06:12:37)
  • 3 (2016-11-17 (木) 11:54:43)

UIKit/テーブル

Tag: UIKit/テーブル/セルのカスタマイズ

目次†

関連ページ†

参考情報†

ストーリーボードで設定したプロトタイプセルを利用する†

• 参考: [iOS] Auto Layout + Storyboard で高さ可変のUITableViewCellを作成する ｜ Developers.IO
• コードじゃなくてストーリーボードでカスタムセルを使用することができる。
• 追加したプロトタイプセルのスタイルをBasicにすれば通常のセルのように使うこともできる。

手順†

• ストーリーボードでUITableViewにUITableViewCellをドロップ(これがプロトタイプセルと呼ばれる)。
• UITableViewCellのセルを自作のクラスに変更。例MyCell。
• ストーリーボード上でセルにラベルなどを配置して、MyCellにアウトレットなどを設定。

  class MyCell: UITableViewCell {
  
      @IBOutlet weak var titleLabel: UILabel!
      @IBOutlet weak var descriptionLabel: UILabel!
      
      override func awakeFromNib() {
          super.awakeFromNib()
          // Initialization code
      }
  
      override func setSelected(selected: Bool, animated: Bool) {
          super.setSelected(selected, animated: animated)
  
          // Configure the view for the selected state
      }
  
  }
  

• このセルを呼び出す。

      func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
          let cell = tableView.dequeueReusableCellWithIdentifier("myCell", forIndexPath: indexPath) as! MyCell
          cell.titleLabel?.text = rows[indexPath.row]
  //        cell.textLabel?.text = rows[indexPath.row]
          return cell
      }
  

カスタマイズしたセルのマージンを調節する†

UILabelを設置する場合†

• UITableViewCellにUILabelを設置した場合、左側のマージンがデバイスによって変わってしまう問題。
• ios - Matching left alignment of custom & standard UITableViewCell types - Stack Overflow
• ContentViewとUITableViewCellのPreserve Superview Marginsをtrueに設定し、UILabelのマージンをmarginに対して0とすればよい。

UITextViewを設置する場合†

• 基本的にUILabelの場合と同じだが、内部の隙間が存在する。以下の設定で揃えられる

  textView.textContainer.lineFragmentPadding = 0