Swift UI技术咨询：能否自定义Wheel Picker字体并设置对齐方式为.leading？

嘿，当然可以搞定！在SwiftUI里自定义Wheel Picker的字体，再把它改成leading对齐完全没问题，我给你分两种场景说清楚——

方法1：SwiftUI原生快速实现（适合简单需求） #

如果只是想快速修改字体，同时让整个Picker容器靠左对齐，直接用原生的Picker写法就行：

struct ContentView: View {
    // 示例选项
    let pickerItems = ["苹果", "香蕉", "橙子", "葡萄", "西瓜"]
    @State private var selectedFruit = "苹果"
    
    var body: some View {
        VStack(spacing: 20) {
            Text("选择你喜欢的水果")
                .font(.title)
            
            Picker("", selection: $selectedFruit) {
                ForEach(pickerItems, id: \.self) { item in
                    // 给每个选项的Text设置自定义字体
                    Text(item)
                        .font(.custom("PingFangSC-Semibold", size: 20))
                        .foregroundColor(.darkGray)
                }
            }
            .pickerStyle(.wheel)
            // 让整个Picker容器靠左对齐
            .frame(maxWidth: .infinity, alignment: .leading)
            // 可以限制一下滚轮的宽度，避免太宽
            .frame(width: 200)
        }
        .padding()
    }
}

注意： 这种写法的对齐是让整个Picker组件靠左，要是你需要滚轮里的每一行文本都严格左对齐（而不是整体组件左移），原生SwiftUI暂时没有直接的修饰符，这时候就得用下面的方法。

方法2：封装UIKit的UIPickerView（精细控制） #

通过UIViewRepresentable把UIKit的UIPickerView封装成SwiftUI视图，就能完全控制每一行文本的字体、对齐方式，甚至更多样式：

// 自定义滚轮选择器
struct CustomWheelPicker: UIViewRepresentable {
    // 选项数组
    let items: [String]
    // 选中值的绑定
    @Binding var selectedItem: String
    // 自定义字体
    let customFont: UIFont
    // 文本对齐方式
    let textAlignment: NSTextAlignment
    
    func makeUIView(context: Context) -> UIPickerView {
        let picker = UIPickerView()
        picker.dataSource = context.coordinator
        picker.delegate = context.coordinator
        // 可以设置滚轮的背景色
        picker.backgroundColor = .systemBackground
        return picker
    }
    
    func updateUIView(_ uiView: UIPickerView, context: Context) {
        // 更新选中的行
        if let selectedIndex = items.firstIndex(of: selectedItem) {
            uiView.selectRow(selectedIndex, inComponent: 0, animated: true)
        }
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(parent: self)
    }
    
    // 协调器处理Picker的数据源和代理
    class Coordinator: NSObject, UIPickerViewDataSource, UIPickerViewDelegate {
        let parent: CustomWheelPicker
        
        init(parent: CustomWheelPicker) {
            self.parent = parent
        }
        
        // 滚轮列数
        func numberOfComponents(in pickerView: UIPickerView) -> Int {
            1
        }
        
        // 每列的行数
        func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
            parent.items.count
        }
        
        // 自定义每行的视图
        func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {
            let label = view as? UILabel ?? UILabel()
            label.text = parent.items[row]
            // 设置自定义字体
            label.font = parent.customFont
            // 设置文本对齐方式（这里用.left对应SwiftUI的.leading）
            label.textAlignment = parent.textAlignment
            label.textColor = .label
            return label
        }
        
        // 选中行时更新绑定值
        func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
            parent.selectedItem = parent.items[row]
        }
    }
}

// 使用示例
struct ContentView: View {
    let pickerItems = ["苹果", "香蕉", "橙子", "葡萄", "西瓜"]
    @State private var selectedFruit = "苹果"
    
    var body: some View {
        VStack(spacing: 20) {
            Text("选择你喜欢的水果")
                .font(.title)
            
            CustomWheelPicker(
                items: pickerItems,
                selectedItem: $selectedFruit,
                // 设置自定义字体，这里用系统粗体做示例，你可以替换成自己的字体
                customFont: UIFont.systemFont(ofSize: 20, weight: .semibold),
                // 对应SwiftUI的.leading对齐
                textAlignment: .left
            )
            .frame(height: 200) // 设置滚轮的高度
        }
        .padding()
    }
}

这种方法的优势是完全可控——不管是字体、对齐、颜色，甚至滚轮的背景、选中行的样式，都能自己定义，适合有复杂样式需求的场景。

内容的提问来源于stack exchange，提问作者Daniel