Início / coding / Perguntas / 77056107
Accepted
BPDev
Asked: 2023-09-07 09:40:08 +0800 CST

Como armazenar uma fonte no @AppStorage?

  • 772

Quero permitir que os usuários escolham uma fonte personalizada.

import SwiftUI

class FontPickerVM: ObservableObject {
    @AppStorage("custom_font") var font: Font? = nil
    // @Published var font: Font? = nil
}

extension Font: RawRepresentable {
    public typealias RawValue = String
    
    
    public init?(rawValue: RawValue) {
        
    }
    
    public var rawValue: RawValue {
        
    }
}

Como posso implementar RawRepresentablepara Font?

Estou usando um UIFontPickerViewControllerpara selecionar uma fonte.

import UIKit
import SwiftUI

public struct SUIFontPicker: UIViewControllerRepresentable {
    
    @Environment(\.presentationMode) var presentationMode
    private let onFontPick: (UIFontDescriptor) -> Void
    
    public init(onFontPick: @escaping (UIFontDescriptor) -> Void) {
        self.onFontPick = onFontPick
    }
    
    public func makeUIViewController(context: UIViewControllerRepresentableContext<SUIFontPicker>) -> UIFontPickerViewController {
        let configuration = UIFontPickerViewController.Configuration()
        configuration.includeFaces = true
        configuration.displayUsingSystemFont = false
        
        let vc = UIFontPickerViewController(configuration: configuration)
        vc.delegate = context.coordinator
        return vc
    }
    
    public func makeCoordinator() -> SUIFontPicker.Coordinator {
        return Coordinator(self, onFontPick: self.onFontPick)
    }
    
    public class Coordinator: NSObject, UIFontPickerViewControllerDelegate {
        
        var parent: SUIFontPicker
        private let onFontPick: (UIFontDescriptor) -> Void
        
        
        init(_ parent: SUIFontPicker, onFontPick: @escaping (UIFontDescriptor) -> Void) {
            self.parent = parent
            self.onFontPick = onFontPick
        }
        
        public func fontPickerViewControllerDidPickFont(_ viewController: UIFontPickerViewController) {
            guard let descriptor = viewController.selectedFontDescriptor else { return }
            onFontPick(descriptor)
            parent.presentationMode.wrappedValue.dismiss()
        }
        
        public func fontPickerViewControllerDidCancel(_ viewController: UIFontPickerViewController) {
            parent.presentationMode.wrappedValue.dismiss()
        }
    }
    
    public func updateUIViewController(_ uiViewController: UIFontPickerViewController,
                                       context: UIViewControllerRepresentableContext<SUIFontPicker>) {
        
    }
}

struct FontPicker: View {
    
    @State var isFontPickerPresented = false
    @Environment(\.font) var defaultFont
    
    @StateObject var vm = FontPickerVM()
    
    var body: some View {
        Button {
            isFontPickerPresented = true
            printDetails()
        } label: {
            Text("Select font")
        }
        .sheet(isPresented: $isFontPickerPresented) {
            SUIFontPicker { fontDescriptor in
                let newFont = UIFont(descriptor: fontDescriptor, size: 18)
                vm.font = Font(newFont as CTFont)
                printDetails()
            }
        }
        .font(vm.font)
    }
    
    func printDetails(){
        print("default font:", defaultFont ?? "")
        print("custom font:", vm.font ?? "")
    }
}



struct FontPicker_Previews: PreviewProvider {
    static var previews: some View {
        Form {
            FontPicker()
            FontPicker()
        }
    }
}

Tive que especificar um size UIFont(descriptor: fontDescriptor, size: 18), mas só quero alterar a família da fonte.

ios

1 respostas

  1. Best Answer

    mas só quero alterar a família da fonte.

    Se for esse o caso, então você deve definir configuration.includeFacescomo false, para que os usuários possam selecionar apenas uma família, mas não as faces (negrito, itálico, etc.) dessa família.

    Depois disso, o UIFontDescriptorretornado pelo UIFontPickerViewControllerdeve sempre ter uma NSFontFamilyAttributechave no seu fontAttributes. Obtenha o valor dessa chave e armazene-o em AppStorage.

    Exemplo:

    @AppStorage("customFont") var fontFamily: String?

var customFont: Font {
    if let fontFamily {
        return Font.custom(fontFamily, size: 18)
    } else {
        return .body
    }
}

@State var showSheet = false

var body: some View {
    Text("Foo Bar Baz")
        .font(customFont)
        .onTapGesture {
            showSheet = true
        }
        .sheet(isPresented: $showSheet) {
            SUIFontPicker { desc in
                fontFamily = desc.fontAttributes[.family] as? String
            }
        }
}

    Se houver outras informações no descritor de fonte que você também deseja salvar (embora, pela minha experiência, os descritores de fonte de a UIFontPickerViewControllernão tenham muitas "outras informações"), você pode tecnicamente converter o descritor de fonte em Data, usando NSKeyedArchiver. Você pode então armazenar o Dataarquivo @AppStorage.

    let fontData = try? NSKeyedArchiver.archivedData(withRootObject: someFontDescriptor, requiringSecureCoding: true)
// store fontData into AppStorage
    • 1

relate perguntas