/DMStoryboardHelper

The helper to adjust Storyboards to any displays written in Swift.

Primary LanguageSwift

What's StoryboardHeper

画像

StoryboardHelperは、iOSアプリ開発初心者が各端末への画面サイズの対応を直感的に行い、なるべく簡単にアプリをリリースするためのヘルパーです。AutoLayout、SizeClassなどを一切使わずに各端末への画面サイズに対応できます。ViewControllerの数が少ないアプリでの使用を想定していますののでらあらかじめご理解下さい。

How to use StoryboardHelper

以下では、StoryboardHelperの使い方について説明しています。

①プロジェクトの設定

  1. Xcodeを起動し、プロジェクトを作成します。すでにプロジェクトがある場合はそれを開きます。
  2. Main.storyboardを開き、**下部のView as: iPhoneXXiPhone SEのサイズにします。
  3. LaunchScreen.xibファイルを右クリックし、Deleteを選択して削除します。
  4. プロジェクトファイルの設定からLaunchScreenを削除します。

画像

  1. StoryboardHelperをXcodeの左側のフォルダ部分にドラッグ&ドロップでコピーします。
  2. そのとき、Destinationにチェックが入っていること、Refereneの選択が上の方を選んでいること、Targetにチェックが入っていることに気をつけましょう。
  3. この時点でiPhone5/5S/6/6Plus/6s/6sPlus/7/7Plusへの対応は完了です。

②3.5インチ端末(iPhone4S以下)とiPadへの対応

  1. AppDelegate.swiftを開きます。
  2. application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool { ... } メソッド内に以下のプログラムを書きます。
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
// Override point for customization after application launch.
    /* ここから */
    StoryboardHelper.adjust(to: window)
    /* ここまで */
    return true
}
  1. NewFileから「3.5inch.storyboard」という名前で新しいStoryboardファイルを作成します。
  2. Main.storyboardからViewController群をコピーし、3.5inch.storyboardに貼り付けます。
  3. 3.5inchの方のinitialViewControllerのチェックが外れているので、チェックを入れます。
  4. 3.5inchの方のデザインを整えます。
  5. Runしてうまくいけば完成です。