![見出し画像](https://assets.st-note.com/production/uploads/images/57010925/rectangle_large_type_2_aa2c7cfd1a73efda8e625f387aca9a6e.png?width=1200)
ダンスゲーを作りたい#27 ホーム画面のヘッダとフッタを作っていく
前回ボタンを押すかスワイプすると画面が切り替わるホーム画面の大枠を作りました。
今回はボタンをまとめてフッタとして配置し、ついでにヘッダも置いちゃいます。
Footer
フッタってFutterだと思ってました。英語は苦手です。
前回配置していたボタン類をまとめただけです。
便宜上ボタン5個の方が見栄えがいいのでダミーボタンを置きました。
サイズは前回と同じ方法でスクリプトから指定してます。
画面サイズは機種によって変わり、横縦比もまちまちなので、基本縦長という基本理念に基づいて、横幅から高さを計算します。
要は横は見切れたり不足しないようぴったりにして、高さは横縦比を保つようにするってことです。
コードは前と基本一緒だし長くなるので載せません。
Header
次いでヘッダです。
こちらも基本フッタと同じように表示したい情報を並べてます。
内容は今後データ受け取り時に設定しますので、今はガワだけ。
適当な文字を入れてそれっぽくしてます。
サイズはBestFitって項目を設定しておくと勝手にサイズ合わせてくれます。
ヘッダとフッタがついて一気に画面感が出ました。
クエスト部分にテストでコンテンツが入ってますが気にしないでください。
次回以降ヘッダにデータを入れる部分を作っていきます。
この記事が気に入ったらサポートをしてみませんか?