SwiftUIチートシート、Button、Form、SplitViewデザインスタイルまとめ

こんにちは、こばやしよしのり @yoshiii514 です。

SwiftUIで各パーツのデザインをより効率的にコーディングできるように、コピペで使えそうなデザイン集を集めました。

SwiftUI Cheat Sheet(チートシート)

SwiftUI Cheat Sheet(チートシート)

まずは基本となるSwiftUIの各コンポーネントはこのチートシートで十分です。コード例、サンプル画面が整理されていて、コピー&ペーストで使えるので便利。常に参考にしたいページ。チートシートは2つあるので、好きなほうをお使いください。

 SwiftUI 2.0 Cheat Sheet

 Jinxiansen/SwiftUI: SwiftUI Framework Learning and Usage Guide. 🚀

Button Style(ボタンスタイル)

SwiftUIButton Style(ボタンスタイル)

Buttonのデザインスタイル。

 How to create a Button in SwiftUI – Simple Swift Guide

Form Style(フォームスタイル)

SwiftUIFormスタイル

入力フォームのデザインスタイル。

 SwiftUI Form tutorial – how to create and use Form in SwiftUI

SplitView(スプリットビュー)

SwiftUI – Split View

 YouTube:SwiftUI – Split View (2019)

iOSのメモアプリのような画面の整理方法。StoryBordではUISplitViewControllerを使いましたが、SwiftUIではNavigationViewとListを使うことで実現できる。