0

我一直在寻找如何实现幸运型轮子（运行良好）的解决方案，除了我需要轮子外围的图像/标签保持水平而不随轮子旋转。我实现了以下内容，但标签（在本例中为红色椭圆）没有保持水平。

无论车轮旋转到哪里，它都应该是这样的

在此处输入图像描述

我附上了在屏幕上构建红色椭圆的代码：

CGFloat cita = 0;
for(int i = 1; i < 2; ++i)
{
    CGFloat smallCircleRadius = bigCircleRadius / 8.0;
    for (int i = 0; i < 8; i++)
    {

        CGPoint smallCircleCenter = CGPointMake(wheelCenter.x  + bigCircleRadius * cos(cita) - smallCircleRadius/2.0 , wheelCenter.y + bigCircleRadius * sin(cita) - smallCircleRadius / 2.0 );


        CGRect smallCircleRect = CGRectMake(smallCircleCenter.x,smallCircleCenter.y,smallCircleRadius * 2,smallCircleRadius);

        cita += M_PI / 4.0;

        CAShapeLayer *l = [CAShapeLayer layer];
        UIBezierPath * p1 = [UIBezierPath bezierPathWithOvalInRect:smallCircleRect];

        l.path = p1.CGPath;
        l.strokeColor = [[UIColor redColor] CGColor];
        l.fillColor = [[UIColor redColor] CGColor];
        l.lineWidth = 3.0;

        l.anchorPoint = CGPointMake(.5, .5);

        [self.emoticonsArray addObject:l];

        [self.baseWheel.layer addSublayer:l];

      }

   }

下面是旋转轮子的函数；我正在编写为标签进行旋转的代码行——我显然在这里做错了，但我不知道是什么。非常感谢任何指导。

-(void)spin:(double)delta
{
currentAngle = currentAngle + delta;

CATransform3D transform = CATransform3DMakeRotation(currentAngle, 0, 0, 1);

[self.baseWheel.layer setTransform:transform];

  // rotate the red labels here.
  for (CAShapeLayer * l in self.emoticonsArray)
  {

    CGPoint miniWheelCenter = [l convertPoint:l.position toLayer:self.baseWheel.layer.superlayer];


    // !! something wrong here!! but what? 
    CATransform3D t_l = CATransform3DMakeRotation(-currentAngle, miniWheelCenter.x/2, miniWheelCenter.y/2, 1);
    [l setTransform:t_l];
  }
}
4

3 回答 3

1

的参数CATransform3DMakeRotation是旋转轴的角度和三个分量。轮子和标签子层的旋转轴应该只是 Z 轴。你对轮子来说是正确的，但对标签来说是错误的。

CATransform3D t_l = CATransform3DMakeRotation(-currentAngle, 0, 0, 1);
[l setTransform:t_l];

然而，只使用仿射变换会更简单，它只能绕 Z 轴旋转：

-(void)spin:(double)delta {
    currentAngle = currentAngle + delta;
    self.baseWheel.layer.affineTransform = CGAffineTransformMakeRotation(currentAngle);

    CGAffineTransform labelTransform = CGAffineTransformMakeRotation(-currentAngle);
    for (CAShapeLayer *l in self.emoticonsArray) {
        l.affineTransform = labelTransform;
    }
}

Core Animation 将为您将仿射变换转换为 3D 变换。

于 2014-01-21T20:23:49.420 回答
0

问题是因为您正在旋转这些标签是 subViews.so 的整个轮子，它们也随着轮子旋转。
最好的方法是计算旋转角度值。从该角度计算标签在该圆上的新位置，并将标签（不是轮子的子视图）放置在这些新位置。

或（方法 2）

将该旋转变换的负值设置为这些标签。

于 2014-01-21T20:10:35.910 回答
0

摆脱这个问题的其他方法是，不要使用标签作为轮子的子视图。您只需将它们放在轮子上即可。所以当轮子转动时，标签会在同一个地方。如果我不够清楚，请告诉我

编辑

这是您的问题的替代解决方案。它并不完美，但可能会给你一个新的思考方向。

  1. 以png格式获取您的车轮图像。
  2. 使您的车轮的背景透明。（不需要..只是为了美化）
  3. 在轮子上要显示标签的位置打一个洞。（通过孔，我的意思是使该部分透明）。
  4. 现在将标签放在车轮后面。根据所需的旋转角度定位它们。
  5. 现在，当您以精确的角度旋转轮子时，您将能够看到标签。它就像两层纸。

为什么它不是完美 标签不会随轮子移动。因此，您只能在某些角度看到标签。

我不知道您的问题要求背后的确切目的，但我使用这种方法为我的应用程序创建Jog dial ..

于 2014-01-21T20:18:50.143 回答