如何在 SwiftUI 中编写分数 [英] How to write a fraction in SwiftUI

查看:42
本文介绍了如何在 SwiftUI 中编写分数的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

I'm making a small application to help kids to learn mathematics for kids.

但是,我不知道如何在 SwiftUI 中编写分数?

However, I don't know how to write a fraction in SwiftUI ?

我想要这样的东西:12

I would like something like this : 12

感谢您的帮助:)

推荐答案

希望以下内容会有所帮助.当然,您可以随意调整参数.

Hope the following will be helpful. Of course you can tune parameters as you wish.

演示:

方法代码:

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()
    }
}

这篇关于如何在 SwiftUI 中编写分数的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆