iOS创建时间线视图以显示事件

Question

我创建了一个时间轴视图，以显示一天中不同时间的某些事件。

例如，我有以下事件的数组：

   @[A,B,C,D,E,F,G,H]

这些事件在不同的时间开始。

A在9am，B在9:30 am，C在10:00 am等...

根据时间，我计算出Y值。

这是将事件添加到时间线视图的方法：

-(void)addEvents{

       NSArray *tempArr = //dataarray;
       __block NSInteger day = idx;

        _dayeventViewArray = [NSMutableArray array];
        [tempArr enumerateObjectsUsingBlock:^(id  _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {

            //If there are two events at the same time, then they should share the width equally
            int eventX = [self getEventXForDay://];
            int eventY = [self getEventYFor://];

            float timeLineWdith = 60;

            //Add TitleLabel
            UILabel *titleLab = [[UILabel alloc]initWithFrame:CGRectMake(eventX, eventY, timeLineWdith, eventViewHeight)];

            [self addSubview:titleLab];
            [_dayeventViewArray addObject:titleLab];

        }];

    [self reorderConflictingViews];

}

在添加事件后，我尝试调整其框架，以使事件不会重叠，并且用户可以看到所有事件。

-(void)reorderConflictingViews{

    float timeLineWdith = 60;

        NSMutableArray *yArray = [NSMutableArray array];

        NSArray *dayArr = //dataarray;
        __block int labelY = 0;
            [dayArr enumerateObjectsUsingBlock:^(id  _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
                UILabel *conflictView = (UILabel *)obj;

                //if array contains 5 events, share the space equally among 5 events, so divide timeline width by 5
                int conflictViewWidth = timeLineWdith/dayArr.count;
                int originalX = conflictView.frame.origin.x;
                int newX = (int)(originalX + idx*conflictViewWidth);
                NSLog(@"orig X: %d, new X:%d",originalX,newX);
                conflictView.frame = CGRectMake(newX, conflictView.frame.origin.y, conflictViewWidth, conflictView.frame.size.height);

            }];
}

结果是：

左视图是我得到的，但我想获得右侧结果。