マガジンのカバー画像

SwiftUIでいこう!

229
SwiftUIで簡単、プログラミング! 少しずつ理解していきます。
運営しているクリエイター

2022年9月の記事一覧

Swiftでアプリ。- ListでJSONを使う。

Swiftでアプリ。- ListでJSONを使う。

JSONデータを使えるデータに(デコード)してリスト表示させて、そのリストから選んだものの詳細画面を別Viewで作り遷移できるようにします。

WebAPIで取得したデータを使ってリストに書き出していますが、このリストからさらに詳細画面に遷移させます。

を使います。

遷移するだけではなく、遷移先のデータをリストの項目についての詳細、JSONデータの同じデータを利用して表示させるようにします。

もっとみる
Swiftでアプリ。- NavigationLink。

Swiftでアプリ。- NavigationLink。

画面を切り替えて使えるようにする(画面遷移)ためにNavigationLinkが便利に使えます。

iOS16になりNavigationLinkと一緒に使っていたNavigationViewが非推奨(使えないようにる) ことで、

を使いなさいということになりました。

なのでNavigationStackを使ってみます。(Xcodeでやってます)

struct ContentView: Vi

もっとみる
Swiftでアプリ。- WebAPIを使おう!

Swiftでアプリ。- WebAPIを使おう!

インターネット上でいろんなデータが公開されていてそのデータを利用することができます(WebAPI)。データはJson形式のデータを利用することが多いと思われるので、Json形式のデータをリストに表示させるようなものを作っていきたいと思います。

データが公開されてるサイトからJson形式のデータを取得してswiftで扱える形にする関数です。データは"qiita"のAPIを利用しています。

取得す

もっとみる
Swiftでアプリ。- Todoリスト! 4

Swiftでアプリ。- Todoリスト! 4

リストに追加していくことができるようになり再起動してもデータが残るようにもできました。次はいらないものを削除できるようししていきます。

今のリストは

List( todoList,id:\.self){todoData in Text(todoData)}

で表示させていますが、削除の機能をつけるには削除のメソッドを持つ"forEarch"を使います。

ForEach

もっとみる
Swiftでアプリ。- Todoリスト! 3

Swiftでアプリ。- Todoリスト! 3

入力してリスト表示させることができたのですがアプリを終了させるとデータは消えてしまいます。

これを保存する仕組みを作っていきます。保存する方法としてはAppleのフレームワークとして

UserDefaultsCore Data後は

Realmがよく使われているのではないでしょうか。

保存するデータが少ない場合はお手軽な"UserDefaults"を使うことができます。

Todoアプリを保

もっとみる
Swiftでアプリ。- Todoリスト!  2

Swiftでアプリ。- Todoリスト! 2

入力欄とリスト表示ができるようになったので、次は入力欄に入力したものがリストに反映されるようにしていきます。

"TextField"で受け取ったデータですが、@Stateで宣言した変数に代入されるのでリアルタイムに更新することができます。

以下のコードで確かめることができます。プレビュー画面に入力して確かめると入力欄に文字を入れると同時に表示されます。(iPadまたはMacのSwiftPlay

もっとみる
Swiftでアプリ。- Todoリスト!  1

Swiftでアプリ。- Todoリスト! 1

リスト表示

Todoリストといえばリストなのでリストを表示する方法をまず確認しておきます。

まず基本的なことから。SwiftUIであれば簡単に表示させることができます。

import SwiftUIstruct ContentView: View { var body: some View { List { Text("A List Item

もっとみる