search

ryuprogrammer / CheatingJanken

CoreMLを用いた後出しジャンケンゲームアプリ
1 stars 0 forks source link

#13 デバイス毎のレイアウト調整 #17

Closed ryuprogrammer closed 1 year ago

ryuprogrammer commented 1 year ago

関連Isuue番号

close #13

追加・変更の概要

概要：ユーザーのデバイスに合わせてレイアウトを調整しました。 元々、iPhone14ProMaxに合うようにViewのframeなどの大きさを数値で決定していました。 以下がその例です。 https://github.com/CodeCandySchool/CheatingJanken_ryu/blob/d5f3d30d343a51508253fc30dedd101c5fbb4502/CheatingJanken/CheatingJanken/View/HandGestureView.swift#L107 このように数値を指定してしまったためにデバイス毎にサイズが変更されませんでした。

そこで、以下の２つのプロパティを取得しました。 ・iPhone14ProMaxの画面の大きさ（←このデバイスではレイアウトがちょうどいい） ・ユーザーのデバイスの画面の大きさ https://github.com/CodeCandySchool/CheatingJanken_ryu/blob/d5f3d30d343a51508253fc30dedd101c5fbb4502/CheatingJanken/CheatingJanken/View/HandGestureView.swift#L45-L50

そして、以下のようにScaleEddectでiPhone14ProMaxとユーザーのデバイスのサイズ比によってViewの縮尺を揃えました。 https://github.com/CodeCandySchool/CheatingJanken_ryu/blob/d5f3d30d343a51508253fc30dedd101c5fbb4502/CheatingJanken/CheatingJanken/View/HandGestureView.swift#L170-L175

シュミレーター、実機テスト

・Simulator

デバイス名 HandGestureView
iPhone SE
iPhone 14
iPhone 14
iPhone 14 Plus
iPad mini

・実機

デバイス名 HandGestureView
iPhone 14 Pro Max

タスクの進捗状況

mustacheyork commented 1 year ago

@ryuprogrammer 修正良いと思います 👏 マージお願いします 🎉