マガジンのカバー画像

SwiftUIでいこう!

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

2023年3月の記事一覧

いざ! SwiftUI -8  配置 (2)

いざ! SwiftUI -8 配置 (2)

around subviewsDefaultPadding()

".padding()"と指定するのみで数値指定などしない場合。

HStack { TrainCar(.rear) TrainCar(.middle) .padding()

もっとみる
いざ! SwiftUI -8  配置 (1)

いざ! SwiftUI -8 配置 (1)

画像より手軽なSF Symbol(電車)を使って表示場所を指定、配置する方法を見ていきます。

まずenumを使って前車両、中の車両、後ろの車両を定義します。

enum TrainSymbol: String { case front = "train.side.front.car" case middle = "train.side.middle.car" case rear

もっとみる
いざ! SwiftUI -7   並べて表示

いざ! SwiftUI -7 並べて表示

表示するための関連データを管理

まず使うデータを構造体で定義。構造体Eventを作ります。

struct Event { let title: String let date: Date let location: String let symbol: String}

そしてViewの構造体

struct EventTile: View{}

を作って、さっき作った

もっとみる
いざ! SwiftUI -6   非表示の方法

いざ! SwiftUI -6 非表示の方法

表示部分のコードです。

import SwiftUIstruct IfElseTrain: View { var longerTrain: Bool var body: some View { VStack { HStack { Image(systemName: "train.side.rear.

もっとみる
いざ! SwiftUI -6 レイアウト

いざ! SwiftUI -6 レイアウト

写真を表示する場合にキャプション、表題をつけるときに重ねる方法が示されています。

写真の上にテキストを重ねて表示します。MacのPlaygrounds(ipadのSwiftPlaygroundsのMac版)で実行します。XcodeのPlaygroundとは違うのでちょっとコードも変わります。(プレビュー表示するのにPreviewProviderを使わないのでXcode本体と同じコードで表示します

もっとみる
いざ! SwiftUI - 5  テキストの見せ方

いざ! SwiftUI - 5 テキストの見せ方

アップルのページでは"PreviewProvider"を使っていますが、この記事では別ファイルで管理する方法で書いていきます。

KeywordBubbleDefaultPadding.swiftには

struct KeywordBubbleDefaultPadding: View { let keyword: String let symbol: String var bod

もっとみる
いざ! SwiftUI - 4  表示部分の調整

いざ! SwiftUI - 4 表示部分の調整

Text and symbols

文字と画像の表示です。

Text()の表示です。モディファイアを使ってカスタマイズ。

Text("Hamlet") .font(.largeTitle) Text("by William Shakespeare") .font(.caption) .itali

もっとみる