SwiftUI自动适应用户字体大小使用Dynamic Type

最新推荐文章于 2023-11-03 11:54:47 发布

知识大胖

最新推荐文章于 2023-11-03 11:54:47 发布

阅读量1.3k

点赞数 1

分类专栏： SwiftUI源码大全

本文链接：https://blog.csdn.net/iCloudEnd/article/details/106171277

版权

SwiftUI源码大全专栏收录该内容

1345 篇文章 342 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文介绍了如何在SwiftUI中使用Dynamic Type实现视图自动适应用户字体大小的功能。通过一个展示一周平均心率的例子，阐述了在创建水平堆栈时遇到的不同视图大小问题，并提出了解决方案——使用frame修饰符固定每个视图的大小，以确保布局一致性。

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

今天，我想与大家分享我在SwiftUI中经常使用的一种技术Template-View。当我需要使用支持动态类型的相等大小的视图放置垂直或水平堆栈时，它可以帮助我解决问题。假设您正在使用的视图应该代表一周中每一天的平均心率。我将使用带有文本组件的水平堆栈来实现该视图。

import SwiftUI

struct ContentView: View {
    var body: some View {
        WeekView(heartRates: [80,78,69,120,59,67])
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}


struct WeekView: View {
    let heartRates: [Int]

    var body: some View {
        HStack {
            ForEach(self.heartRates, id: \.self) { hr in
                Text(String(hr))
                    .padding(4)
                    .background(Color.purple)
                    .cornerRadius(4)
            }
        }
    }
}