マガジンのカバー画像

SwiftUIでいこう!

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

#リスト

SwiftUIでToDoリストを作ろー! 7

SwiftUIでToDoリストを作ろー! 7

データの永続化、保存する方法を実装していきます。ListViewModel)にコードを追加していきます。UserDefaultsを使います。

keyとなる変数を設定します。

配列wordsを保存します。UserDefaults.standard.setで保存

変数wordsを読み込み時にdidsetで関数 saveItems()を実行させ保存していきます。

@Published var

もっとみる
SwiftUIでToDoリストを作ろー! 6

SwiftUIでToDoリストを作ろー! 6

次に動画を参考にデータを追加する部分の仕組みを作っていきます。

AddView()のButtonに機能をつけていきます。

とボタンの関数を作っておいて

Buttonのactionの関数を指定します。

saveButtonAction()の中身ですが、ListViewModel()に作っていきます。

func addItem(name:String){  let newItem = Mod

もっとみる
SwiftUIでToDoリストを作ろー! 5

SwiftUIでToDoリストを作ろー! 5

行の削除、追加の機能をつけます。モディファイアを使います。

List{     ForEach(words){ word in    ListRowView(greet: word) } .onDelete(perform: deleteItem) .onMove(perform: moveItem)

もっとみる
SwiftUIでToDoリストを作ろー! 4

SwiftUIでToDoリストを作ろー! 4

引き続き動画を参考に作っていきます。
現状、リストデータは

@State var words = ["Hello","Good by"]

となっていて、配列のデータを取り出す形にしています。

ToDoリストのデータとして管理するためにデータの雛形、構造体Modelを作っていきます。

struct Model:Identifiable{ let id = UUID() let

もっとみる
SwiftUIでToDoリストを作ろー! 2

SwiftUIでToDoリストを作ろー! 2

リストの表示方法についてスッキリさせていきます。

struct ListRowView: View { var greet:String var body: some View { HStack{ Image(systemName: "checkmark.circle") Text(

もっとみる
SwiftUIでアプリ。- リストいろいろ。 1

SwiftUIでアプリ。- リストいろいろ。 1

SwiftUIでList()使う方法の確認です。

一番単純なリストは

List{ Text("リスト1") Text("リスト2") Text("リスト3") }

となります。一つ一つの項目をText()で書いていくのは手間もかかるし管理の部分でも効率的ではいです。なのでリストの項目を配列で管理するとfor文なの

もっとみる
SwiftUIでアプリ。- リストに追加してみよう

SwiftUIでアプリ。- リストに追加してみよう

リストの表示を中心にサンプル実行してきました。次に自分の入力したものをリストに追加して表示させてみましょう。

必要な変数。

データを入力する部分を作ります。HStackで横並びにします。

HStack { TextField("メッセージを入力", text: $newMessage) .textFieldStyle(

もっとみる
Swiftでアプリ。- ListでJSONを使う。

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

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

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

を使います。

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

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

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

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

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

UserDefaultsCore Data後は

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

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

Todoアプリを保

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

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

リスト表示

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

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

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

もっとみる
SwiftUIでいこう! - List,identifiable。

SwiftUIでいこう! - List,identifiable。

SwiftUIでリストを作ります。

MacのXcodeのPlaygroundでなく、iPadアプリがMacに移植されて最近使えるようになったPlaygrounds.appを使って試します。基本的にはXcodeのPlaygroundと同じです。

表示させるための基本的なコードです。

import SwiftUIimport MapKitimport PlaygroundSupportstruc

もっとみる