swift - 如何在 SwiftUI 中编写分数

Question

我正在制作一个小应用程序来帮助孩子们为孩子们学习数学。

但是，我不知道如何在 SwiftUI 中编写分数？

我想要这样的东西：¹ ⁄ ₂

谢谢你的帮助 ：）

标签： swiftxcodeswiftui

Answer 1

希望以下内容会有所帮助。当然，您可以根据需要调整参数。

演示：

方法代码：

import SwiftUI

struct FractionView: View {
    var numerator: String
    var denominator: String
    var body: some View {
        HStack {
            Text("\(numerator)")
                .offset(x: 4, y: 0)
                .alignmentGuide(VerticalAlignment.center,
                                computeValue: { d in d[.bottom] })
            Text("∕").font(.system(size: 32))
            Text("\(denominator)")
                .offset(x: -4, y: 0)
                .alignmentGuide(VerticalAlignment.center,
                                computeValue: { d in d[.top] })
        }
    }
}

struct TestFraction: View {
    var body: some View {
        VStack(spacing: 8) {
            FractionView(numerator: "1", denominator: "2")
            FractionView(numerator: "5", denominator: "7")
            FractionView(numerator: "11", denominator: "19")
            FractionView(numerator: "31", denominator: "9")
        }
    }
}

struct TestFraction_Previews: PreviewProvider {
    static var previews: some View {
        TestFraction()
    }
}