LoginSignup
1
1

More than 3 years have passed since last update.

TableViewではなく、TableViewCellのSeparator Insetを設定すれば罫線が意図した外観になる

Posted at

今回、TableViewCellの罫線ことSeparatorの隙間を埋めたいことがありました。

※デフォルトで左側に隙間ができます。

いくつか検索してStoryboardのAttribute InspectorでTableViewのSeparator Insetを0にすれば良いことが分かりました。

しかし、早速デフォルトで15となっているLeft Insetを0にしてみると問題がありました。

期待通り、Cellの罫線は左いっぱいまで伸びたのですが、SectionのHeaderまでInsetが0になってしまったようで左の隙間がなくなってしまいました。

解決法はTableViewCellのSeparator Insetを0にする

よくよく考えればその通りなのですが、TableViewCellにもSeparator Insetができるので、TableViewではなくCellの方に設定することで期待通りの外観にすることができました。

まとめ

全Cellの罫線左の空白をなくしたいときは…

TableViewのSeparator Insetはいじらずに、TableViewCellのSeparator Insetを0に設定しましょう!

参考:https://stackoverflow.com/questions/21017019/keep-uitableview-padding-on-header-but-no-in-separator-on-ios7

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1