2020年12月の記事一覧
SwiftUI Tutorials - Animating Views and Transitions
Add Hiking Data to the App
サイトで配布されているデータをダウンロードしてXcodeのResources folderに入れて 使います。
hikeData.json
Hikes folder
そしてモデルを作っていきます。
Hike.swiftというSwiftファイルを作り、構造体Hikeを作ります。データ構造を記述していきます。Codableなどに対応します。
SwiftUI Tutorials - Drawing Paths and Shapes-2
Draw the Badge Symbol
バッジの中身を作っていきます。ダウンロードしたResourcesからXcodeに取り込みます。
新しいSwiftUIファイルBadgeSymbol.swiftを作ります。
path APIsを使って図形を書きます。
GeometryReader { geometry in Path { path in
SwiftUI Tutorials - Drawing Paths and Shapes
最終的にはリスト内にある場所に行った時にバッジをつけることができるようにします。このチューリアルではそのバッジを作ります。
全体の流れですが、まず、六角形の座標を決め、その背景を作ります。その六角形の中にシンボルとなる形を作り上げ、色を付けて出来上がりです。
Create Drawing Data for a Badge View
新しくHexagonParameters.swiftファイルを
SwiftUI Tutorials - Handling User Input 1
Mark the User’s Favorite Landmarks
Favorite、お気に入りに星マークをつけることができるようにします。
Landmark.swift
変数を追加します。これで"isFavorite"のデータを取得できるようにします。
var isFavorite: Bool
Jsonファイルには以下のようにデータが入っています。
"name": "Turtle R
SwiftUI Tutorials - Building Lists and Navigation - 2
Pass Data into Child Views
次に詳細画面"LandmarkDetail()"のデータを表のデータ(jsonデータ)を利用して更新できるようにしていきます。
CircleImage.swift
構造体"CircleImage"に変数
var image: Image
を追加します。
MapView.swift
構造体"MapView"に変数
var coor
SwiftUI Tutorials - Building Lists and Navigation - 1
ここではjsonファイルのデータを読み込んで表形式で表示させる仕組み、その表のカラム選択するとで詳細画面に遷移するようにしていきます。
ProjectFilesをダウンロードして"StartingPoint"に入っているファイルを使って進めていきます。
材料として、XcodeのprojectのResourcesにはダウンロードしたフォルダよりjsonファイルとAssets.xcassetsフォ
SwiftUI Tutorials - Creating and Combining Views
SwiftUIが少し新しくなったのに合わせてチューリアルもリニューアルされているようなので、まとめながら実際にコード組んで行きます。
Creating and Combining Views
最初の一歩ですが、プロジェクトの作り方から丁寧に解説してあります。
やりやすいように"project files"ということでダウンロードできるようになっています。ダウンロードすると
Complete(
SwiftUIでいこう！ - ScrollViewを使ったアプリ。
参考サイトを見ながら作っています。まずどんなアプリかというと。
ScrollViewを使って水平方向に画面の切り替えができるというものです。
構造を以下に図示してみました。
表示部分とデータ部分を切り離して、データをテンプレートにいれる形で画面を作っています。
ファイルとしては
ContentView.swift ・・・表示部分(実際のデータを表示)
CardView.swift ・・