我正在尝试在自定义 UIView 中使用自定义 CALayer 来实现 UI 元素。

基本上，用户用他/她的手指围绕一个圆圈移动 slider ，所以我有一个交互层，然后是 CAShapeLayer 类型的子层，代表 slider 本身。我认为围绕圆圈移动 slider 的最简单方法是围绕其 z 轴旋转 CAShapeLayer。

虽然 slider 确实按预期在视觉上旋转，但当我对接收到的触摸执行 HitTest 时，“可命中”区域仍然位于 slider 旋转前的位置。就好像 CAShapeLayer 的旋转视觉效果与嵌入层内的 UIBezierPath 解耦，形成 path 属性层，因为我将该路径与 CGPathContainsPoint() 结合使用以识别 slider 上的触摸。

一般来说，我是 Core Graphics 的新手，所以我想可能有一个属性我没有在这里正确设置，但我正在努力弄清楚它是什么。

代码如下:

TouchableLayer.m

@interface TouchableLayer ()
{
    CAShapeLayer *_slider;    // The interactive slider that gets moved around the circle.
}

-(id) initWithPosition:(NSInteger) position // Designated initializer for this layer.
{
    if ( self = [super init] )
    {
        _slider = [CAShapeLayer layer];

        _slider.fillColor = [UIColor blackColor].CGColor;

        [self addSublayer:_slider];
    }

    return self;
}

-(void) setFrame:(CGRect)frame
{
    [super setFrame:frame];

    _slider.frame = frame;

    // This path is currently hardcoded to be in the right starting spot according to
    //    other UI elements, but the magic numbers will go away once I figure out this
    //    rotation issue.
    _slider.path = [UIBezierPath bezierPathWithRect:CGRectMake(self.bounds.size.width-47, self.bounds.size.height/2-5, 30.0f, 10.0f)].CGPath;

}

// Checks if the given touch location was on the slider. Returns YES if it was and NO if it was not.
-(BOOL) checkSliderTouchAtPoint: (CGPoint) point
{
    if (CGPathContainsPoint(_slider.path , NULL, point, NO))
    {
        return YES;
    }
    else
    {
        return NO;
    }
}

// Purpose: Takes the given touch location, determines the angle (in radians) that it forms with respect the center of the screen,
//             and returns that angle on the interval [0-2pi] radians. [0-2pi] radians follows a positive counterclockwise path.
-(double) angleForTouchPoint:(CGPoint) point
{
    // We use the positive counterclockwise coordinate system in the drawing code since that's what's used traditionally
    //    outside of Apple's APIs, so multiplying the result of
    //    atan2() by -1 converts the angle from a positive clockwise unit circle to a positive counterclockwise
    //    unit circle.

    double angleInRadians = -1*atan2(point.y - (self.frame.size.height/2), point.x - self.frame.size.width/2);

    if (angleInRadians < 0) // Convert angle to 0 - 2pi radians; we want non-negative angles.
    {
        angleInRadians += M_PI*2;
    }

    return angleInRadians;
}
// points get fed into this from the UIView.
-(void) updateWithTouchAtPoint:(CGPoint) point
{
    if ([self checkSliderTouchAtPoint:point])
    {
        double touchAngle = [self angleForTouchPoint:point];
        _slider.transform = CATransform3DMakeRotation(-M_PI, 0.0, 0.0, 1.0); // Hardcoded angle rotation for now since I need to do some subtraction later in order to determine the amount to rotate based on touches.
    }
}

非常感谢您提供的任何帮助!

最佳答案

我通常希望事件位置以它们被传递到的 UIView 的形式表示。由于在 _slider 上有一个相对于其超层(即 UIView 的支持层)的转换，因此您要使用的任何几何值都需要转换为该引用系。简而言之，您需要将点显式转换为 _slider 的引用系。尝试这样的事情:

-(BOOL) checkSliderTouchAtPoint: (CGPoint) point
{
    CGPoint pointInSliderLayer = [_slider convertPoint: point fromLayer: self.layer];
    return CGPathContainsPoint(_slider.path , NULL, pointInSliderLayer, NO);
}

关于ios - 在旋转的 CAShapeLayer 上检测触摸，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17679124/