旋转 CALayers

Question

我已经完成了使用 UIKit 创建旋转滚轮控制的教程。 http://www.raywenderlich.com/9864/how-to-create-a-rotating-wheel-control-with-uikit

在教程的“放置轮子”部分，轮子从圆圈的左侧开始顺时针绘制（参见带有红色标签的屏幕截图）。所以它从左侧站点的 0 开始。

但是。我想从值为 0 的圆圈的正确位置开始 - 现在是屏幕截图上的 4。不幸的是，我不知道如何实现这一目标。当然数字或图片的旋转应该和现在完全相反。所以现在 4 旋转 180 度的地方应该是正常的。

有人可以帮我吗？会很棒。

问候

当前drawWheel函数：

// 3 - Create the sectors
for (int i = 0; i < _numberOfSections; i++) {
    // 4 - Create image view
    UIImageView *im = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"segment.png"]];
    im.layer.anchorPoint = CGPointMake(1.0f, 0.5f);
    im.layer.position = CGPointMake(_container.bounds.size.width/2.0-_container.frame.origin.x,
                                    _container.bounds.size.height/2.0-_container.frame.origin.y);
    im.transform = CGAffineTransformMakeRotation((angleSize * i) + M_PI);
    im.alpha = minAlphavalue;
    im.tag = i;
    if (i == 0) {
        im.alpha = maxAlphavalue;
    }
    // 5 - Set sector image
    UIImageView *sectorImage = [[UIImageView alloc] initWithFrame:CGRectMake(12, 100, 40, 40)];
    sectorImage.image = [UIImage imageNamed:[NSString stringWithFormat:@"icon%i.png", i]];
    [im addSubview:sectorImage];
    // 6 - Add image view to container
    [_container addSubview:im];
}

Answer 1

未经测试，但你不能只添加M_PI吗？

- (void) drawWheel {
    container = [[UIView alloc] initWithFrame:self.frame];
    CGFloat angleSize = 2*M_PI/numberOfSections;
    for (int i = 0; i < numberOfSections; i++) {
        UILabel *im = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 100, 40)];
        im.backgroundColor = [UIColor redColor];
        im.text = [NSString stringWithFormat:@"%i", i];
        im.layer.anchorPoint = CGPointMake(1.0f, 0.5f);
        im.layer.position = CGPointMake(container.bounds.size.width/2.0, 
                                        container.bounds.size.height/2.0); 
        // ===== Add M_PI Here! =====
        im.transform = CGAffineTransformMakeRotation((angleSize * i) + M_PI);
        // ==========================
        im.tag = i;
        [container addSubview:im];
    }
    container.userInteractionEnabled = NO;
    [self addSubview:container];
}