Swiftui分割的采摘器动态类型

Question

我正在尝试使用SwiftUI进行动态类型，以使用分段的选择器进行响应。我知道我必须访问旧的Uikit东西，并且使一切都起作用，除了它响应动态类型的更改（颜色，字体，尺寸等）。

正确实现这一目标非常重要，因为我们的客户可能需要扩大类型的可访问性。这是我没有动态类型的整个应用程序中唯一的元素。

另外：我需要能够设置它应该像我所读的文本修饰符（.dynamictim ... .xxlarge）时一样规模的大小，

我读过的所有内容都说您必须在uilabel（即下面的代码中的标签），但没有什么可以在uisegingedcontrol中标记的，这可能是为什么它无法正常工作的原因，但是我还没有找到一个如何正确执行此操作的示例15+。

这是代码（在.onappear中）：（ optionsbkg，textprimary和textsecdary是我在资产中拥有的自定义颜色）

UISegmentedControl.appearance().selectedSegmentTintColor = UIColor(Color("optionsbkg"))
if let fontMedium = UIFont(name: "HelveticaNeue-Medium", size: 14) {
    let label = UILabel()
    label.adjustsFontForContentSizeCategory = true
    label.font = UIFontMetrics(forTextStyle: .footnote).scaledFont(for: fontMedium)
    UISegmentedControl.appearance().setTitleTextAttributes(
        [
            .font: fontMedium,
            .foregroundColor: UIColor(Color("TextSecondary"))
        ],
        for: .normal
    )
}

if let fontBold = UIFont(name: "HelveticaNeue-Bold", size: 14) {
    let label = UILabel()
    label.adjustsFontForContentSizeCategory = true
    label.font = UIFontMetrics(forTextStyle: .footnote).scaledFont(for: fontBold)
    UISegmentedControl.appearance().setTitleTextAttributes(
        [
            .font: fontBold,
            .foregroundColor: UIColor(Color("TextPrimary"))
        ],
        for: .selected
    )
}

Answer 1

我们遇到了相同的问题，并使用这样的动态字体解决了它：

我们还通过内省使用了基础UIKIT代码。

.introspect(.picker(style: .segmented), on: .iOS(.v16...)) { picker in
            let font = UIFont.preferredFont(forTextStyle: .subheadline)
            let attributes: [NSAttributedString.Key: Any] = [.font: font]
            picker.setTitleTextAttributes(attributes, for: .normal)
            picker.setTitleTextAttributes(attributes, for: .selected)
}

此处的关键部分是使用.subheadline之类的字体，以便它基于DynamiCfonts缩放。

现在出现了一个格外的部分，因此它看起来不会破裂，因为选择器不会随字体扩展。
我们添加了一个具有键入性的框架修饰符，以便基于动态型设置高度：

.frame(height: dynamicTypeSize.calculatedPickerHeight)

这是扩展：

extension DynamicTypeSize {
var calculatedPickerHeight: CGFloat {
    switch self {
    case .accessibility1:
        return 60
    case .accessibility2:
        return 70
    case .accessibility3:
        return 80
    case .accessibility4:
        return 90
    case .accessibility5:
        return 100
    default:
        return 50 // Default value for non-accessibility sizes
    }
}

对我们来说，它可以完美地工作

Answer 2

我真的希望苹果已经弄清楚了，但是由于我们仍然求助于旧的Uikit代码来实现它，并且似乎没有任何有关如何做的文档，所以我认为我会发布解决方案。

仅使用text（）元素创建分段的选择器，然后将UIKIT代码放入.onappear中。您可以将此精确的代码复制到Xcode中的SwiftUi文件中，并且可以使用。您唯一需要记住的是将我的自定义颜色更改为项目中想要的任何颜色。

    struct TestView: View {

    @Environment(\.dynamicTypeSize) var sizeCategory
    @ScaledMetric var scale: CGFloat = 1

        var body: some View {

            VStack {

                Picker("", selection: $viewModel.medicationCategory.animation()) {
                    Text("Option 1")
                    Text("Option 2")
                }
                .pickerStyle(.segmented)
                .fixedSize()
            }
            .onAppear {
                UISegmentedControl.appearance().selectedSegmentTintColor = UIColor(Color("optionsbkg"))
                let fontMetrics = UIFontMetrics(forTextStyle: .footnote)
                UISegmentedControl.appearance().setTitleTextAttributes(
                    [
                        .font: sizeCategory <= .xxLarge ?
                            fontMetrics.scaledFont(
                                for: UIFont(
                                    name: "HelveticaNeue-Medium",
                                    size: 14
                                ) ?? UIFont.systemFont(
                                    ofSize: 14
                                )
                            )
                        :
                            UIFont(
                                name: "HelveticaNeue-Medium",
                                size: 17
                            ) ?? UIFont.systemFont(
                                ofSize: 17
                            ),
                        .foregroundColor: UIColor(Color("TextSecondary")),
                        .kern: 0.2
                    ],
                    for: .normal
                )

                UISegmentedControl.appearance().setTitleTextAttributes(
                    [
                        .font: sizeCategory <= .xxLarge ?
                            fontMetrics.scaledFont(
                                for: UIFont(
                                    name: "HelveticaNeue-Bold",
                                    size: 14
                                ) ?? UIFont.systemFont(
                                    ofSize: 14
                                )
                            )
                        :
                            UIFont(
                                name: "HelveticaNeue-Bold",
                                size: 17
                            ) ?? UIFont.systemFont(
                                ofSize: 17
                            ),
                        .foregroundColor: UIColor(Color("TextPrimary")),
                        .kern: 0.2
                    ],
                    for: .selected
                )
            }
        }
    }

注意：这将动态文本大小限制为XXL的最大值，这是我需要的。如果您不希望对文本可以扩展尺寸，或者将值更改为希望放置限制的大小，则可以随意删除三元。

有一些问题需要注意：

1. 您无法使用Xcode的环境覆盖以设置动态文本大小并看到其实时变化。它会更改，但是只有当您使用Xcode的环境覆盖并设置动态文本大小时，请转到另一个视图，然后返回此视图。然后，您将看到更改。

2. 类型大小只有在您访问此特定页面时才会更改。您无法在ContentView中在全球设置它，并期望每当您更改它将自动更新的类型大小时。它根本不起作用。

3. 我最终要做的是使用包含所有UIKIT代码的静态函数以及类型DynamiTyceSypesize的参数创建一个类构造，并在.onappear中调用该功能。至少可以确保如果用户更改类型大小，当他们使用分段的选择器访问另一个视图时，该类型将反映他们的选择。

如果有人对如何完成此操作有更好的了解（使用实时更新？），请发布答复。