Menu
Coddy logo textTech

チップ計算機

CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 48/50。

challenge icon

チャレンジ

中級

VStackでチップ計算機を作成します:

  • プレースホルダーがBillで、識別子がbillTextFieldStringステートbillTextにバインドします
  • Tipというタイトルのセグメント化されたPicker(識別子tip)。IntステートtipPercentにバインドし、初期値を15にして、10%15%20%の各オプションにそれぞれ101520のタグを付けます
  • テキスト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プレイグラウンド