Q&A
UI部品の配置は、StoryBoardを使っていますでしょうか。それとも、コードベースで行っていますでしょうか。
ご質問の本文にそのあたりを追記していただくと（できれば、実際のコードや拘束の条件なども）より適切な回答がつくかもしれません。
前提・実現したいこと
簡単なタイマーアプリを制作しています。
基本、シミュレータで動きやデザインを確認する時はIphone XS Maxを指定して確認しています。
ですが、他の機種に変更し、シミュレータを起動してみると
アプリ内のButtonのサイズやフォントサイズが大きすぎる、小さすぎるなど
見た目を統一できていません。。
Swiftでレスポンシブ対応(というのかわかりませんが…)する方法を知りたいです。
機種を変えても統一された見た目にしたいです。
どなたかご教示いただけると大変ありがたいです。。
・UI部品の配置はStoryboardを使用しています。
・StartButton［height:50 left&right margin:30 buttom margin: 20, fontsize: 33]
・resetButton［top margin: 20, left&right margin:80 buttom margin: 40, fontsize: 25]
TsukubaDepotさま
いつもご回答ありがとうございます????????♀️
配置はStoryboardを使用しています。
アドバイスありがとうございます！修正させていただきます。
回答1件
0
ベストアンサー
部品幅について
・StartButton［height:50 left&right margin:30 buttom margin: 20, fontsize: 33]
・resetButton［top margin: 20, left&right margin:80 buttom margin: 40, fontsize: 25]
上記の例だと、ボタンの幅やマージンを「固定値」として設定していますが、例えばデバイスにおける表示領域の「幅・高さ」を基準にし、その何割を割り当てる、という方法を使えばそれなりに柔軟な配置をすることは可能です。
StoryBoard ベースだとあまり細かい指定は難しいのですが、デバイスの幅、高さを基準とした設定については、たとえば下記のような記事が参考になるかもしれません。
- [【Swift4】AutoLayoutを使ってサイズを比率で指定する方法
](https://qiita.com/siropaca/items/6c5d54ae10ead38d3f39)
Swift 4/Xcode 9 向けの記事ですが、現行の Swift 5/Xcode 11 でも同じ方法で可能です。
かなり古い記事で、多少読み替えが必要ですが、teratail の過去問で出ていたのは下記のサイトです。
上記のサイトでは、マージンを動的に指定する方法が、透明の UIVew を使った例として出ていますので、これを参考にされるのもいいかと思います。
##フォントサイズについて
フォントサイズについては、下記のリンクが参考になるかと思います。
- [Xcode Storyboardを使用して、デバイスごとに異なるフォントサイズを設定する方法
- [Human Interface Guidelines - Adaptivity and Layout
どちらにしても、現在のレイアウトに直接適用させるのは危険なので、まずはからのプロジェクトを作成し、いろいろ配置を試されてから、実際のレイアウトに適用されるのがいいかと思います。
また、かなり説明が大雑把になったので、具体的にわからない点があればコメントなどで指摘していただければとおもいます。
投稿2020/08/22 00:09
総合スコア5086
いつも詳細に教えてくださり、ありがとうございます！
今回も大変大変助かりました！
本当にありがたいです！
基本的な質問にいつも丁寧に答えてくださり、感謝しきれません！
遅れてしまい申し訳ありません。。
適切な回答ができたのか心配でしたが、とりあえず解決したようでよかったです。
Autolayoutはそれなりにコツがいるような感じがありますので、いくつか練習してみると良いかもしれません。
あなたの回答
tips
プレビュー
