UITableViewについて

Question

初めて質問をさせていただきます。

###前提・実現したいこと
UITableViewを使用して、ラベル＋スイッチが表示されているリストを作っています。
ラベルを左詰め、スイッチを右詰めにして表示をさせたいです。

###発生している問題
文字列が多くなると、スイッチがviewの中に収まり切らず、見切れてしまっています。

###試したこと
ストーリーボードのAutolayoutを使用しています。スイッチは親Viewに対してのconstraintsで右と上に対して、スペースができるように設定しています。またラベルに関しては上と左に関しては親ビューに対してスペースを、右に関してはスイッチに対してスペースを設定するようにしています。

###補足情報(言語/FW/ツール等のバージョンなど)
Xcode8.3.3

まだ開発経験が浅くご迷惑をおかけしますが、どなたかご教授いただけますと助かります。

Comments

[umeruma]

ラベル、スイッチ共に幅は可変なのでしょうか？スイッチは固定幅だったりしますか？

[n_koji]

ラベル、スイッチ共にサイズは指定しておらず、可変サイズとしております。

Answer 1

ラベル側の Content Compression Resistance Priority の Horizontalの値をスイッチよりも小さくすれば正しく表示されると思います。

Content Compression Resistance Priority についてはこちらを参照
Auto Layout 固有サイズに関するメモ - Qiita

具体的にはここの値を変更

手元で試してみました。

修正前

左のラベルは、
上と左のマージンを 親ビュー（TableViewCell の ContentView）に対して
右のマージンをスイッチに対して

ボタンは
上と右のマージンを 親ビュー（TableViewCell の ContentView）に対して

つけるとこんな感じになりました。

（一番上が正しく表示されている原因はよくわかりませんが、）
この状態だとラベル、スイッチの水平サイズ決定の優先度がどちらも同じ状態になっているために、制約がうまく決定できずレイアウトが意図通りになりません。

修正後

追記

おそらく、ビルドする際にエラーがXcode上に表示されていたと思います。
（今回の件も、そのエラー文言を読むことで対応できたと思われます）
エラー、警告の指示通りにすれば、クリックのみで解決できることもあるので、見るようにすると良いです
参考　「Auto Layoutガイド/ 不能なレイアウト」

ちなみに、ラベル、スイッチいずれかの幅に制約をつければもう片方の幅は決定するので、
サイズが変わらないであろうスイッチにwidthの制約を追加でも対応できるはずですー

Comments

[n_koji]

同様の方法で試したところ、見切りが発生せずスイッチもきちんと表示されました。ベストアンサーとさせていただきます。ありがとうございました。