SwiftUI实战项目

styleqiang

已于 2024-03-27 17:22:34 修改

阅读量68

点赞数

分类专栏：技术文档文章标签： ios objective-c swift

于 2021-07-18 21:42:27 首次发布

本文链接：https://blog.csdn.net/styleqiang/article/details/118883603

版权

技术文档专栏收录该内容

32 篇文章 0 订阅

订阅专栏

该博客展示了如何使用SwiftUI创建一个简单的应用，用于计算聚会中每个人应付的金额。用户可以输入总费用，选择人数和小费百分比，应用会自动计算每个人平摊的费用。代码中包括了TextField、Picker等UI组件的使用，以及计算逻辑的实现。

摘要由CSDN通过智能技术生成

import SwiftUI

struct TipPageView: View {
    
    /**
      需求：输入费用，每个人AA多少钱
     */
    
    @State private var checkAmout = ""
    @State private var numberOfPeople = 0
    @State private var tipPercentage = 2
    
    let tipPercentArray = [10,15,20,25,50]
    
    var totalPerPerson:Double {
        //一共有多少人
        let peopleCount = Double(numberOfPeople+1)
        
        //选择的费率
        let tipSelection = Double(tipPercentArray[tipPercentage])
        
        //输入的价格
        let orderAmount = Double(checkAmout) ?? 0
        
        //小费钱数
        let tipValue = orderAmount / 100 * tipSelection
        
        //总价格
        let grandTotal = orderAmount + tipValue
        
        let amountPerperson = grandTotal / peopleCount
        
        return amountPerperson
    }
    
    var body: some View {
        NavigationView {
            Form {
                Section{
                    TextField("Amount", text: $checkAmout).keyboardType(.decimalPad)
                    Picker("Number of person",selection: $numberOfPeople){
                        ForEach(1 ..< 10){
                            Text("\($0)people")
                        }
                    }
                }
                Section(header: Text("How much tip do you want to leave?")) {
                    Picker("Tip percentage",selection: $tipPercentage){
                        ForEach(0 ..< tipPercentArray.count){
                            Text("\(self.tipPercentArray[$0])%")
                        }
                    }.pickerStyle(SegmentedPickerStyle())//分段选择器
                }
                Section{
                    Text("$\(totalPerPerson,specifier:"%.2f")")
                }
            }
            .navigationTitle("WeSplit")
        }
        
    }
}

//专门供Xcode使用以显示浏览UI设计和代码
struct TipPageView_Previews: PreviewProvider {
    static var previews: some View {
        TipPageView()
    }
}

UI效果：