Cómo cambiar la fuente del Picker en SwiftUI

Picker("Selecciona un sabor", selection: $sabor) {
    Text("Vainilla").tag(0)
    Text("Chocolate").tag(1)
}
.font(.custom("MiFuentePersonalizada", size: 18)) // Spoiler: A menudo ignorado
.pickerStyle(.wheel)

import SwiftUI

struct WheelPickerPersonalizado: View {
    @State private var seleccion = "Opción 1"
    let opciones = ["Opción 1", "Opción 2", "Opción 3"]
    
    // Inicializador para configurar el proxy de apariencia
    init() {
        // Obtenemos la fuente del sistema o una personalizada (ej. Avenir Next)
        let customFont = UIFont(name: "AvenirNext-Bold", size: 24) ?? UIFont.systemFont(ofSize: 24)
        
        // Configuramos los atributos de texto
        let attributes: [NSAttributedString.Key: Any] = [
            .font: customFont,
            .foregroundColor: UIColor.systemBlue // También podemos cambiar el color
        ]
        
        // Aplicamos los atributos a todos los UIPickerView de la app
        UIPickerView.appearance().setValue(UIColor.clear, forKey: "magnifyingGlass") // Opcional: quitar lupa
    }
    
    var body: some View {
        VStack {
            Text("Seleccionado: \(seleccion)")
                .font(.headline)
            
            // IMPORTANTE: El Text dentro del Picker es lo que UIPickerView renderiza.
            // En versiones recientes de iOS, a veces podemos usar .font directamente en el Text, 
            // pero usar NSAttributedString vía UIKit garantiza soporte retroactivo.
            Picker("Opciones", selection: $seleccion) {
                ForEach(opciones, id: \.self) { opcion in
                    Text(opcion)
                        // Para iOS 15+, aplicar la fuente aquí a veces funciona para Wheel!
                        .font(.custom("AvenirNext-Bold", size: 24))
                        .foregroundColor(.blue)
                }
            }
            .pickerStyle(.wheel)
        }
        .padding()
    }
}

import SwiftUI

struct SegmentedPickerPersonalizado: View {
    @State private var seleccion = 0
    
    init() {
        let font = UIFont(name: "Papyrus", size: 16) ?? UIFont.systemFont(ofSize: 16)
        
        // Atributos para el estado normal
        let normalAttributes: [NSAttributedString.Key: Any] = [
            .font: font,
            .foregroundColor: UIColor.darkGray
        ]
        
        // Atributos para el estado seleccionado
        let selectedAttributes: [NSAttributedString.Key: Any] = [
            .font: font,
            .foregroundColor: UIColor.white
        ]
        
        UISegmentedControl.appearance().setTitleTextAttributes(normalAttributes, for: .normal)
        UISegmentedControl.appearance().setTitleTextAttributes(selectedAttributes, for: .selected)
        UISegmentedControl.appearance().selectedSegmentTintColor = .systemIndigo
    }
    
    var body: some View {
        Picker("Opciones", selection: $seleccion) {
            Text("Uno").tag(0)
            Text("Dos").tag(1)
            Text("Tres").tag(2)
        }
        .pickerStyle(.segmented)
        .padding()
    }
}

#if os(macOS)
import SwiftUI

struct MacOSPickerPersonalizado: View {
    @State private var seleccion = "Swift"
    let lenguajes = ["Swift", "Objective-C", "C++"]
    
    var body: some View {
        VStack {
            Picker("Lenguaje preferido:", selection: $seleccion) {
                ForEach(lenguajes, id: \.self) { lenguaje in
                    Text(lenguaje)
                        // En macOS, la fuente aplicada directamente al Text 
                        // suele reflejarse en el menú desplegable.
                        .font(.custom("Menlo", size: 14))
                }
            }
            .pickerStyle(.menu)
            .frame(width: 250)
            
            // Para cambiar la fuente del "Label" o etiqueta del Picker:
            .font(.custom("HelveticaNeue-Bold", size: 16)) 
        }
        .padding()
    }
}
#endif

#if os(watchOS)
import SwiftUI

struct WatchOSPickerPersonalizado: View {
    @State private var cantidad = 1
    
    var body: some View {
        VStack {
            Text("Selecciona cantidad")
                .font(.footnote)
            
            Picker("Cantidad", selection: $cantidad) {
                ForEach(1...10, id: \.self) { numero in
                    Text("\(numero)")
                        // En watchOS, esto cambia el tamaño del texto en la rueda
                        .font(.system(size: 30, weight: .black, design: .rounded))
                        .foregroundColor(.green)
                }
            }
            .pickerStyle(.wheel)
        }
    }
}
#endif

import SwiftUI

struct CustomFontPicker<T: Hashable>: View {
    let titulo: String
    @Binding var seleccion: T
    let opciones: [T]
    let nombreOpcion: (T) -> String // Closure para convertir genérico a String
    
    // Personalización de fuente
    var fuenteTitulo: Font = .headline
    var fuenteOpciones: Font = .body
    var colorAcento: Color = .blue
    
    @State private var estaExpandido = false
    
    var body: some View {
        VStack(alignment: .leading, spacing: 0) {
            
            // Botón principal / Cabecera
            Button(action: {
                withAnimation(.spring()) {
                    estaExpandido.toggle()
                }
            }) {
                HStack {
                    Text(titulo + ": " + nombreOpcion(seleccion))
                        .font(fuenteTitulo)
                        .foregroundColor(.primary)
                    
                    Spacer()
                    
                    Image(systemName: "chevron.down")
                        .rotationEffect(.degrees(estaExpandido ? 180 : 0))
                        .foregroundColor(colorAcento)
                        .font(fuenteTitulo)
                }
                .padding()
                .background(Color(.systemGray6))
                .cornerRadius(estaExpandido ? 0 : 10)
                // Esquinas redondeadas condicionales
                .clipShape(
                    RoundedRectangle(cornerRadius: 10)
                )
            }
            
            // Lista desplegable
            if estaExpandido {
                ScrollView {
                    VStack(alignment: .leading, spacing: 0) {
                        ForEach(opciones, id: \.self) { opcion in
                            Button(action: {
                                withAnimation(.spring()) {
                                    seleccion = opcion
                                    estaExpandido = false
                                }
                            }) {
                                HStack {
                                    Text(nombreOpcion(opcion))
                                        .font(fuenteOpciones) // AQUÍ ESTÁ NUESTRO CONTROL TOTAL
                                        .foregroundColor(seleccion == opcion ? colorAcento : .primary)
                                    
                                    Spacer()
                                    
                                    if seleccion == opcion {
                                        Image(systemName: "checkmark")
                                            .foregroundColor(colorAcento)
                                    }
                                }
                                .padding()
                                .background(Color(.systemBackground))
                            }
                            
                            Divider()
                        }
                    }
                }
                .frame(maxHeight: 200) // Limitar altura del scroll
                .background(Color(.systemBackground))
                .cornerRadius(10)
                .shadow(color: Color.black.opacity(0.1), radius: 5, x: 0, y: 5)
            }
        }
        .padding()
    }
}

struct ContentView: View {
    @State private var lenguajeSeleccionado = "SwiftUI"
    let frameworks = ["SwiftUI", "UIKit", "AppKit", "WatchKit"]
    
    var body: some View {
        ZStack {
            Color(.systemGroupedBackground).edgesIgnoringSafeArea(.all)
            
            VStack {
                Text("Panel de Preferencias")
                    .font(.largeTitle)
                    .fontWeight(.heavy)
                    .padding(.bottom, 20)
                
                // Usando nuestro Picker 100% puro SwiftUI
                CustomFontPicker(
                    titulo: "Framework",
                    seleccion: $lenguajeSeleccionado,
                    opciones: frameworks,
                    nombreOpcion: { $0 }, // La opción ya es un String
                    fuenteTitulo: .custom("Courier", size: 18).bold(),
                    fuenteOpciones: .custom("Courier", size: 16),
                    colorAcento: .purple
                )
                
                Spacer()
            }
        }
    }
}

// Mala práctica: tamaño fijo, rompe la accesibilidad
Text("Opción")
    .font(.custom("Avenir", size: 18)) 

// Buena práctica: escala en relación con el estilo del cuerpo (Body)
Text("Opción")
    .font(.custom("Avenir", size: 18, relativeTo: .body))