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

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

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

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

Swift

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

Q&A

解決済

2回答

3655閲覧

画面サイズに比例させてアスペクト比を保ったままViewサイズを変更したい

退会済みユーザー

退会済みユーザー

総合スコア0

Xcode

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

Swift

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

0グッド

1クリップ

投稿2019/01/22 23:18

編集2019/01/24 12:06

###実現したいこと
タイトルの通りなのですが、AutoLayoutでもコードでもいいので各機種の画面サイズに比例させてアスペクト比を保ったままUIViewなどの部品のサイズを変更させたいです。
最後に2枚のスクリーンショットを貼りました。位置は異なりますが、このような感じでアスペクト比を保ったままサイズを変更できればと考えています。

制約は上記に加えてViewの中心が垂直水平方向の中心、画面のど真ん中に配置するということだけです。

アプリケーションを作る際に毎回AutoLayoutに苦戦させられています。
サイズ変更させることだけを考えて、以下のコードでサイズを調整しようと思いましたがうまくいかず、iPhoneサイズで設計するとiPadでビルドした時左上に偏ります。

swift

1imageView.frame = CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width * 0.9, height: UIScreen.main.bounds.height * 0.9)
extension CGRect { init(_ x:CGFloat, _ y:CGFloat, _ w:CGFloat, _ h:CGFloat) { self.init(x:x, y:y, width:w, height:h) } }

また処理の優先順位によっては設計が崩れるかもしれないと考えいるのですが、コードで実装した後にAutoLayoutで制約をかけることはできますか?

似たような質問がいくつかありましたが解決には至りませんでした。
よろしくお願いします。

イメージ説明
イメージ説明

追記

複数の部品を格納したViewに対して制約をした場合。
イメージ説明

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

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

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

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

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

guest

回答2

0

.scaleAspectFitじゃダメなんでしょうか?

投稿2019/01/23 01:45

fuzzball

総合スコア16731

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

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

退会済みユーザー

退会済みユーザー

2019/01/24 12:38

ありがとうございます。返信遅れてすみません。 .scaleAspectFitを使うことで一つの部品に対しては無事できました! しかしUILabelとUIImageViewを一つのView(view1)に格納して以下のようなコードで画面サイズに合わせて表示させようとしたのですが、サイズはそのままで左上に偏って表示されます。なぜサイズが変わらないのでしょうか? 質問に追記した写真の左側のように格納しています。写真では名前がviewですが紐付けは問題なくできています。制約は全て削除しています。 view1.frame = CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width * 0.8, height: UIScreen.main.bounds.height * 0.8) view1.contentMode = UIView.ContentMode.scaleAspectFit
guest

0

ベストアンサー

ここの記事が参考にならないでしょうか?

実践で学ぶAutoLayoutの使い方~SwiftからはじめるiOSアプリ開発:その6【初心者向けアプリ開発3分tips】
https://type.jp/et/feature/3137

投稿2019/01/23 01:32

takabosoft

総合スコア8356

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

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

退会済みユーザー

退会済みユーザー

2019/01/24 09:57

ありがとうございます。リンク先がとても参考になり、一つの部品単体ではできるようになりました。 複数の部品を格納したViewに対して同じ手順で制約をしたところ質問の追記した画像のように左上に偏ってしまいます。 これはなぜでしょうか?
退会済みユーザー

退会済みユーザー

2019/01/24 18:16

結局stack viewを使うことで解決しました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問