cashapelayer и catextlayer в качестве подслоя

Я работаю над приложением ios, которое, среди прочего, содержит прокрутку с узлами и краями.

Сначала я использовал calayer и с учетом значения ключа для начального и конечного узлов. Используется следующий код для рисования края и метки края:

- (void)drawInContext:(CGContextRef)ctx
{
CGContextSetStrokeColorWithColor(ctx, [UIColor blackColor].CGColor);
CGContextSetLineWidth(ctx, 2);
CGContextMoveToPoint(ctx, _startNode.center.x, _startNode.center.y);
CGContextAddLineToPoint(ctx, _endNode.center.x, _endNode.center.y);

CGContextStrokePath(ctx);
CGContextSetFillColorWithColor(ctx, [[UIColor darkTextColor] CGColor]);

UIGraphicsPushContext(ctx);

CGContextSaveGState(ctx);
CGRect rect = CGRectMake(((_startNode.center.x + _endNode.center.x)/2)-50, ((_startNode.center.y + _endNode.center.y)/2)-15, 100, 30);

CGFloat angle = atan2f(_endNode.center.y - _startNode.center.y, _endNode.center.x - _startNode.center.x) * 180 / PI;
CGAffineTransform transform = CGAffineTransformIdentity;
transform = CGAffineTransformTranslate(transform, CGRectGetMidX(rect), CGRectGetMidY(rect));
transform = CGAffineTransformRotate(transform, angle * M_PI/180.0);
transform = CGAffineTransformTranslate(transform, -CGRectGetMidX(rect), -CGRectGetMidY(rect));
CGContextConcatCTM(ctx, transform);
NSMutableParagraphStyle* p = [NSMutableParagraphStyle new];
p.alignment = NSTextAlignmentCenter;
UIFont *font = [UIFont fontWithName:@"Helvetica" size:12];
NSMutableDictionary *attributes = [[NSMutableDictionary alloc] init];
[attributes setObject:font forKey:NSFontAttributeName];
[attributes setObject:[UIColor blackColor] forKey:NSForegroundColorAttributeName];
[attributes setObject:p forKey:NSParagraphStyleAttributeName];
[_edgeName drawInRect:rect withAttributes:attributes];
CGContextRestoreGState(ctx);


UIGraphicsPopContext();
}

Это сработало, я смог перетаскивать узлы и ребра, но приложение вылетало из-за проблем с памятью. Затем мне сказали, что вместо этого я должен использовать cashapelayer. Это также работает намного лучше, но теперь у меня проблема с добавлением метки к краю.

Этикетка должна быть выровнена и повернута соответственно центру края.

Следующий код показывает, как я рисую край как cashapelayer.

@implementation EdgeShape

#define PI 3.14159265
- (id)init {
self = [super init];
if (self) {

}
return self;
}

- (void)setStartNode:(UIView *)startNode
{
[startNode addObserver:self forKeyPath:@"center" options:NSKeyValueObservingOptionNew context:nil];
[startNode addObserver:self forKeyPath:@"hidden" options:NSKeyValueObservingOptionNew context:nil];
_startNode = startNode;
[self drawPath];
}

- (void)setEndNode:(UIView *)endNode
{
[endNode addObserver:self forKeyPath:@"center" options:NSKeyValueObservingOptionNew context:nil];
[endNode addObserver:self forKeyPath:@"hidden" options:NSKeyValueObservingOptionNew context:nil];
_endNode = endNode;
[self drawPath];
}


-(void) observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context
{
if ([keyPath isEqualToString:@"center"] )
{
    [self drawPath];
}
if([keyPath isEqualToString:@"hidden"]){

    [self removeFromSuperlayer];

}
}

- (void) drawPath{
CGMutablePathRef cgPath = CGPathCreateMutable();
CGPathMoveToPoint(cgPath , NULL, _startNode.center.x, _startNode.center.y);
CGPathAddLineToPoint(cgPath , NULL, _endNode.center.x, _endNode.center.y);
NSLog(@"shape x : %f", _startNode.center.x);
self.lineWidth = 2.0f;
self.strokeColor = [UIColor blackColor].CGColor;
self.fillColor = [UIColor clearColor].CGColor;
self.path = cgPath;
}

@end

Как мне добавить катекстовый слой? как подуровень cashapelayer или как подуровень прокрутки?

Я попытался добавить катекстовый слой с наблюдателями за изменениями в узлах, но я не могу обновить его одновременно с кассовым слоем.

Надеюсь, вы это понимаете, если нет, скажите, и я постараюсь прояснить мою проблему.

Спасибо.


ios key-value-observing catextlayer cashapelayer
person freddy    schedule 12.06.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Решил проблему, добавив следующие строки вObservValueForKeyPath. Насколько я понимаю, это убирает анимацию при обновлении позиции catextlayers, по крайней мере, catextlayer без задержки следует за cashapelayer.

if ([keyPath isEqualToString:@"center"] )
{
    [CATransaction begin];
    [CATransaction setValue:(id)kCFBooleanTrue forKey:kCATransactionDisableActions];
    _textLayer.position = CGPointMake((_startNode.center.x + _endNode.center.x)/2, (_startNode.center.y + _endNode.center.y)/2);
    CGFloat angle = atan2f(_endNode.center.y - _startNode.center.y, _endNode.center.x - _startNode.center.x) * 180 / PI;
    _textLayer.transform = CATransform3DMakeAffineTransform(CGAffineTransformMakeRotation(angle * M_PI/180.0));
    [CATransaction commit];
    [self drawPath];
}
person freddy    schedule 20.06.2014