2

您好 JTAppleCalendar 中的 newBiew。我关注 JTAppleCalendar 的这个链接。
https://www.youtube.com/watch?v=CQNotydm58s&index=6&list=PLpqJf39XekqyUG7dxcqGO0JNprryysv9Q

我有这个问题：

当用户单击按钮将月视图更改为周视图或从周视图更改为月视图时如何显示日历

如何以编程方式更改 CalendarView 和 mainStack 的日历大小，因为它们有约束？
我相信我需要按如下方式处理 configureCalendar 但如何以编程方式将月视图更改为周视图，反之亦然。
我有一个用于包含 CalendarView 的堆栈（称为 mainStack）

日历视图的布局：

@IBOutlet weak var CalendarView : JTAppleCalendarView!<br/>
@IBOutlet weak var mainStack: UIStackView!<br/>


extension MyCalendar: JTAppleCalendarViewDataSource, JTAppleCalendarViewDelegate {

    func configureCalendar( _ calendar:JTAppleCalendarView) -> ConfigurationParameters {

        formatter.dateFormat = "yyyy MM dd"
        formatter.timeZone = Calendar.current.timeZone
        formatter.locale = Calendar.current.locale

        let startDate = formatter.date(from: "2017 01 01")!
        let endDate = formatter.date(from: "2027 12 31")!        

        //-- how to set these "

       1) Full calendar view

        let parameters = ConfigurationParameters(startDate : startDate, endDate: endDate)          
        return parameters


       2) for week view
        let parameters = ConfigurationParameters(startDate : startDate, endDate: endDate, numberOfRows:1)      

        return parameters

    }


  func calendar( _ calendar: JTAppleCalendarView, cellForItemAt date: Date, cellState: CellState, indexPath: IndexPath) -> JTAppleCell{


        let cell = calendar.dequeueReusableJTAppleCell(withReuseIdentifier: "CustomCell", for: indexPath) as! CustomCell

        cell.dateLabel.text = cellState.text

        configureCell(cell:cell, cellState: cellState)

        return cell

    }


    //------------ selected item

    func calendar( _ calendar: JTAppleCalendarView, didSelectDate date: Date, cell:JTAppleCell?, cellState:CellState){

        configureCell(cell: cell, cellState: cellState)     

    }


    func calendar( _ calendar: JTAppleCalendarView, didDeselectDate date: Date, cell:JTAppleCell?, cellState:CellState){

              configureCell(cell: cell, cellState: cellState)

    }

   func calendar(_ calendar: JTAppleCalendarView, didScrollToDateSegmentWith visibleDates: DateSegmentInfo) {

       setupCalendarView(dateSegment: visibleDates)

    }

}

请帮忙。

谢谢

4

2 回答 2

0

所以计划是：

您有一个用于行数的变量。

在monthView 模式下，它有6 行。

在 weekView 模式下，它有 1 行。

因此，当您想要更改模式时，您可以更改 numberOfRows 并重新加载 calendarView 并滚动到当前日期。

此外，当您拥有 weekView 时，您应该使用稍微不同的 ConfigurationParameters。

我就是这样做的：

@IBAction func monthWeekModeChanged(_ sender: UISegmentedControl) {
    if sender.selectedSegmentIndex == 0 {
        numberOfRows = 6
    } else {
        numberOfRows = 1
    }
    calendarView.reloadData()
    calendarView.scrollToDate(Date(), animateScroll: false)
}

    var numberOfRows = 6


extension CalendarViewController: JTAppleCalendarViewDataSource {

func configureCalendar(_ calendar: JTAppleCalendarView) -> ConfigurationParameters {

    let startDate = viewModel.formatter.date(from: "01-Jan-2019")
    let endDate = viewModel.formatter.date(from: "31-Dec-2020")

    if numberOfRows == 6 {
                return ConfigurationParameters(startDate: startDate!, endDate: endDate!, numberOfRows: numberOfRows, firstDayOfWeek: .monday)
    } else {
        return ConfigurationParameters(startDate: startDate!,
                                                 endDate: endDate!,
                                                 numberOfRows: 1,
                                                 generateInDates: .forFirstMonthOnly,
                                                 generateOutDates: .off, firstDayOfWeek: .monday,
                                                 hasStrictBoundaries: false)
    }
}

}

于 2019-06-20T12:15:34.930 回答
-1

此处的教程说明了如何执行此操作。

由于说明很长，我无法在此处粘贴整个内容。此外，页面底部是 zip 文件中的完整代码，您可以随意使用。

于 2019-09-16T20:03:10.563 回答