チップ計算機
CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 48/50。
チャレンジ
中級VStackでチップ計算機を作成します:
- プレースホルダーが
Billで、識別子がbillのTextField。StringステートbillTextにバインドします Tipというタイトルのセグメント化されたPicker(識別子tip)。IntステートtipPercentにバインドし、初期値を15にして、10%、15%、20%の各オプションにそれぞれ10、15、20のタグを付けます- テキスト
Tip: $7.50(識別子tipAmount)とテキストTotal: $57.50(識別子total)。どちらも小数点以下2桁で表示します
Double(billText) ?? 0で請求額を読み取り、空欄または無効なフィールドは0として扱います。
自分で試してみよう
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}SwiftUI入門のすべてのレッスン
自分で練習してみよう: Swiftプレイグラウンド