ReadableContentGuideとは

ReadableContentGuideは、iPhoneにデザインが最適化されているアプリをiPadで開いたときに、UIButtonやUITableViewCellが横長になって見にくくなるのを防ぐためのマージンです。
Apple Reference

なし	あり

TableViewを表示したときに、ReadableContentGuideを設定しないと左に寄せられますが、有効にすれば良い感じのマージンがつけられて見やすい位置にセルが調整されます。

適用方法

通常のUIButtonとかUILabelみたいなコンポーネントに適用するのは簡単です。

具体的に説明すると、

Interface Builderの場合、Show the size inspector > LayoutMarginsのFollow Readable Widthにチェックを入れる


view.cellLayoutMarginsFollowReadableWidth = true

STEP1を設定後、実際にConstraintにMarginを指定してReadableContentGuideに対応させます。

Interface Builderの場合、今まで直接Superview.Leading等を指定していた場合は、Relative to Marginを指定する

icon.leadingAnchor.constraint(equalTo: contentView.readableContentGuide.leadingAnchor),

let cell = UITableViewCell(style: .default, reuseIdentifier: nil)

特に設定することはありません。
1. 適用したいコンポーネントの親Viewに対してReadableContentGuideに従うかどうかの設定
これを設定すれば、自動的に適用されます。

デフォルトのセルの場合の設定と、カスタムセルのcontentViewとその内部のコンポーネントに対して、マージンを指定して設定すれば適用されます。

例えば、
このカスタムセルがあったときに、

ImageViewとcontentViewとのConstraintに対して、Relative to Marginsを指定します。

これを前(Trailing)と後ろ(Leading)に対して適用すれば、ReadableContentGuideによってiPadでも良い感じに表示されます。

TableViewにReadableContentGuideを適用したサンプルを作ったので、参考程度にどうぞ。
https://github.com/0eta0/ReadableContentGuideTest

https://techlife.cookpad.com/entry/2018/12/10/090000
http://ichiko-revjune.hatenablog.com/entry/2018/07/08/201837