【iOS】stackviewの中のviewの大きさを変える方法
スポンサーリンク

備忘録に近いですが、簡潔にまとめます。

 

この画像のようなものがあったとします。

スクロールすると一番下に登録ボタンがあるようなイメージです。

これらはスクロールビューとスタックビューを使って実装してます。

 

 

しかし、iPadで見ると画面が大きいため、スクロールする必要がなく、登録ボタンは中途半端な位置にあります。(一番下に余白ができてしまいます)

スクロールしないような画面が大きい端末で見た時にも、登録ボタンが一番下に来るようにしたい。

これのやり方の例です。

 

現状

上の画像の段階ではこんな感じです。

レイアウトなどは省略します。

この記事が参考になります。同じやり方でやりました。

 

手順

viewを足す

登録ボタンの親viewとviewの間にxxxViewという調整用のviewを入れました。

現在のheightは0です。このxxxViewに高さを与えることで見た目を調整します。

 

xxxViewのheightをアウトレットでつなぐ

xxxViewそのものではなく、xxxViewのheightをアウトレットでつなぎます。

そうしないと今回の場合はheightを変更することができません。

 

コードで与えたい高さを与える

例えば、今回は360を与えてみました。すると、

このようにiPadのような大きい画面でも一番下に来ました。

 

iPhoneのレイアウトが崩れる

さっきのコードでは今度はiPhoneの方のレイアウトが乱れます。if文などを使って画面が大きい時だけ、与えたい高さを与えるようにすれば解決できると思います。

 

様々な大きさのiPadでも同様の見た目にしたい

スクリーンサイズやスタックビューのサイズを取得し引き算するなどすればできます。

Swift(iOS)が学べるオンラインスクール ランキング
CodeCamp
CodeCamp
7〜24時まで授業可能で働きながらでも学べる!!
料金
講師の質
コースの種類
転職サポート
ポイント1エンジニア経験2年以上のベテラン講師によるオンライン授業
講師は全員が現役のエンジニアで、他のスクールによく見られるアルバイト講師ではありません。マンツーマン指導で自分のレベルにあったカリキュラムが組め、満足度も高いです。また、自社開発企業への転職指導にも定評があります。

ポイント2無料レッスン体験&無料受講相談で事前に話が聞ける
事前にレッスンを体験して授業の雰囲気や学習ペースを確認できます。またエンジニア転職を目指す方にはどのコースが向いているかなどが聞けるカウンセリング(受講相談)も無料。エンジニアの生の声が聞けるので自分が働き出した時のことをイメージできます。

TechAcademy

授業型ではなく自習型なので自分のペースで学べる
料金
講師の質
コースの種類
転職サポート
ポイント1自習スタイルでチャット質問は何回でも無料
自分の分からないところを質問するスタイルなのでわかるところはサクッと、わからないところはじっくりと、無駄なく学べます。チャットの質問が無料なので、料金を気にせず何回でも聞けます。また、メンターがつくのでカウンセリングで学習の進捗やモチベーションの管理もしてくれます。
ポイント21週間の無料体験と無料カウンセリング、安心の返金制度も
無料体験の期間は1週間もあり、納得してから契約できるので安心です。事前の無料カウンセリングでは、その人にあったアドバイス等をもらうことができるので気軽に活用しよう。転職保障コースの場合、転職できなかったら全額返金!!
侍エンジニア塾
プログラミングスクールの老舗NO.1
料金
講師の質
コースの種類
転職サポート
ポイント1歴史があるからノウハウも豊富
日本で初めてオンラインのマンツーマンレッスン指導を導入した実績十分のスクール。講師も現役エンジニアでメンタリングもあるため転職のサポートも手厚く、面接対策や自己PRのフィードバックまで対応してくれます。

ポイント2転職成功率94.1%、挫折率8%
コースによっては転職成功で受講料が0円に!!  絶対にエンジニアになりたいという意思があれば超低額で転職できます。事前の無料体験で相談も可能なため、まずは話だけ聞いてみるのもあり。

おすすめの記事