如何基于日期选择器选中日期跳转对应ViewController并展示星座？

嘿，我来帮你实现这个生日选完跳转对应VC展示星座的功能！咱们一步步来：

你需要完成三个关键环节：

• 从日期选择器获取用户选中的生日日期
• 根据日期的月份（或更精准的月日）匹配对应的ViewController
• 在目标VC中展示用户的星座信息

假设你用的是iOS原生开发，下面是具体的代码和逻辑：

1. 处理日期选择与跳转逻辑 #

在你的生日选择VC里（比如叫BirthdayPickerViewController），先拖好UIDatePicker和“继续”按钮，然后给按钮添加点击事件：

import UIKit

class BirthdayPickerViewController: UIViewController {
    @IBOutlet weak var datePicker: UIDatePicker!
    
    @IBAction func continueButtonTapped(_ sender: UIButton) {
        // 获取选中的日期
        let selectedDate = datePicker.date
        let calendar = Calendar.current
        let month = calendar.component(.month, from: selectedDate)
        
        // 根据月份实例化对应VC（这里假设你已经创建了12个月份的VC）
        var targetVC: UIViewController?
        switch month {
        case 1:
            targetVC = JanuaryViewController()
        case 2:
            targetVC = FebruaryViewController()
        case 3:
            targetVC = MarchViewController()
        // ... 依次补全4-11月的VC映射
        case 12:
            targetVC = DecemberViewController()
        default:
            return
        }
        
        // 跳转页面，根据你的导航结构选push或present
        if let nav = navigationController {
            nav.pushViewController(targetVC!, animated: true)
        } else {
            present(targetVC!, animated: true)
        }
    }
}

2. 在月份VC中展示精准星座 #

每个月份的VC里，你可以进一步根据用户的具体生日（日）来判断精准星座，而不是只显示月份对应的模糊结果。比如在JanuaryViewController里：

import UIKit

class JanuaryViewController: UIViewController {
    // 接收从生日选择VC传过来的日期
    var userBirthday: Date?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .white
        
        // 创建展示星座的标签
        let constellationLabel = UILabel(frame: CGRect(x: 40, y: 250, width: view.frame.width - 80, height: 60))
        constellationLabel.textAlignment = .center
        constellationLabel.font = UIFont.systemFont(ofSize: 22, weight: .medium)
        
        // 判断精准星座
        if let birthday = userBirthday {
            let day = Calendar.current.component(.day, from: birthday)
            let constellationName: String
            if day <= 19 {
                constellationName = "摩羯座"
            } else {
                constellationName = "水瓶座"
            }
            constellationLabel.text = "你的星座是：\(constellationName)"
        } else {
            constellationLabel.text = "请选择你的生日"
        }
        
        view.addSubview(constellationLabel)
    }
}

注意：上面的代码需要你在跳转前把userBirthday赋值给目标VC，修改跳转逻辑里的代码：

// 在switch里实例化VC后添加
case 1:
    let janVC = JanuaryViewController()
    janVC.userBirthday = selectedDate
    targetVC = janVC
// 其他月份同理

3. 优化方案：用通用VC替代12个单独VC #

其实没必要创建12个几乎逻辑一样的VC，我们可以做一个通用的星座展示VC，把星座信息传过去就行，这样代码更简洁易维护：

第一步：创建通用ConstellationViewController #

import UIKit

class ConstellationViewController: UIViewController {
    var constellationName: String?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .white
        
        let constellationLabel = UILabel(frame: CGRect(x: 40, y: 250, width: view.frame.width - 80, height: 60))
        constellationLabel.textAlignment = .center
        constellationLabel.font = UIFont.systemFont(ofSize: 22, weight: .medium)
        constellationLabel.text = "你的星座是：\(constellationName ?? "未知")"
        view.addSubview(constellationLabel)
    }
}

第二步：编写星座判断辅助方法 #

在BirthdayPickerViewController里添加一个方法，根据日期返回精准星座：

func getConstellation(from date: Date) -> String {
    let calendar = Calendar.current
    let day = calendar.component(.day, from: date)
    let month = calendar.component(.month, from: date)
    
    switch (month, day) {
    case (1, 1...19): return "摩羯座"
    case (1, 20...31): return "水瓶座"
    case (2, 1...18): return "水瓶座"
    case (2, 19...29): return "双鱼座"
    case (3, 1...20): return "双鱼座"
    case (3, 21...31): return "白羊座"
    case (4, 1...19): return "白羊座"
    case (4, 20...30): return "金牛座"
    case (5, 1...20): return "金牛座"
    case (5, 21...31): return "双子座"
    case (6, 1...21): return "双子座"
    case (6, 22...30): return "巨蟹座"
    case (7, 1...22): return "巨蟹座"
    case (7, 23...31): return "狮子座"
    case (8, 1...22): return "狮子座"
    case (8, 23...31): return "处女座"
    case (9, 1...22): return "处女座"
    case (9, 23...30): return "天秤座"
    case (10, 1...23): return "天秤座"
    case (10, 24...31): return "天蝎座"
    case (11, 1...22): return "天蝎座"
    case (11, 23...30): return "射手座"
    case (12, 1...21): return "射手座"
    case (12, 22...31): return "摩羯座"
    default: return "未知星座"
    }
}

第三步：修改跳转逻辑 #

@IBAction func continueButtonTapped(_ sender: UIButton) {
    let selectedDate = datePicker.date
    let constellation = getConstellation(from: selectedDate)
    
    let constellationVC = ConstellationViewController()
    constellationVC.constellationName = constellation
    
    if let nav = navigationController {
        nav.pushViewController(constellationVC, animated: true)
    } else {
        present(constellationVC, animated: true)
    }
}

这样就不用维护12个VC了，代码更清爽，功能也完全满足需求！

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