質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Q&A

解決済

1回答

257閲覧

TableViewCell内のラベルが重ならず、さまざまな端末で不具合なく見られるようにしたい。

faker

総合スコア51

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

0グッド

0クリップ

投稿2022/09/20 16:18

前提

JSON形式で受け取ったデータをiOS上で表示するアプリを作っています。
画面レイアウトの作成はStoryBoardを使い、以下の画像のようなTableView上にLabelを配置しています。

イメージ説明

ですが大きい画面の端末に対応しようとすると、ラベルが左によってしまい解決方法がわからないです。
イメージ説明

実現したいこと

iPhone SE 第一世代〜iPhone 13 ProMaxの端末でラベルが重ならないようにしたい。
iPhone SE 第一世代〜iPhone 13 ProMaxの端末でラベルが画面外に出ないようにしたい。
ラベルの長さは中の文字が潰れない最低限の幅は欲しい。画像でいうと一番左の「123」は常に3桁分の幅を確保したい。
横の配置のバランスを崩さない。

画面が大きくなった時の理想のラベル配置は以下です。
イメージ説明

試したこと

Auto Layoutがベストな解決策なのではと思い、以下の記事を参考に設定していましたが、勝手にラベルの幅が変わったり、別のラベルの座標が変わったりとよく分かりませんでした。
https://zenn.dev/mikomokaru_jpn/articles/45a66d84d0acfc

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

https://qiita.com/siropaca/items/6c5d54ae10ead38d3f39 を参考に、幅を設定したいLabelをControlを押しながらドラッグしてContentViewにドロップしてwidthの比率を設定することで、理想の形になりました。
心配な点がconstraintの多さで、Label11個*4constraint=44個も比率を計算するconstraintがあり多すぎないのかな・・・と思っています。が、一旦解決できたので閉じます。

投稿2022/09/20 19:21

faker

総合スコア51

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問