Skip to content

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

Notifications You must be signed in to change notification settings

masuhara/DMStoryboardHelper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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してうまくいけば完成です。

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages