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を使うことで実現できる。

この記事がお役に立てましたら、ぜひTwitterで感想をお聞かせください😊

アプリ開発が学べる勉強会を開催中!
プログラミング初心者向け、アプリ開発ノウハウ、エンジニアキャリアについてのイベントを開催!アプリ開発を学ぶための勉強会を定期開催しています。
学習する習慣を身につけたい、他の参加者と作業したい、アプリ開発の基本をマスターしたい、という方のために無料で学べる勉強会です。
グループにメンバー登録して頂くと、イベント開催時にメールで通知されます。
 グループのメンバーとして参加する
徹底した基礎学習からのマスターするiPhoneアプリ開発集中オンライン講座開講!
徹底した基礎学習からのマスターするiPhoneアプリ開発集中オンライン講座開講!
本書「iPhoneアプリ開発集中講座」を執筆している現役エンジニア講師陣が直接に指導!
基礎、課題実習で実践力を鍛えて、オリジナルアプリ公開までチャレンジ!
充実した転職支援もあるので、エンジニアへ転職したい人にもおすすめです!
まずは、現役エンジニアに相談できる無料相談をご利用ください。