Перспективное преобразование на UILabel

Question

Я пытаюсь добавить некоторые перспективы на UILabel, чтобы он отображался так, как будто он закрашен под углом лица.

Вот мой тестовый ярлык:

И после применения преобразования:

Мой код:

@implementation MyViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(100.f, 250.f, 100.f, 30.f)];
    label.text = @"Hello";
    label.textAlignment = NSTextAlignmentCenter;
    label.backgroundColor = [UIColor greenColor];
    [label tiltDegrees:20.f];
    [self.view addSubview:label];
    [label release];
}

@end


@implementation UIView (Perspective)

-(void) tiltDegrees:(CGFloat)degrees {
    CATransform3D aTransform = CATransform3DIdentity;
    CGFloat zDistance = 100; // affects the sharpness of the transform
    aTransform.m34 = 1.0 / -zDistance;
    aTransform = CATransform3DRotate(aTransform, degrees * M_PI / 180.0f, 1.0f, 0.0f, 0.0f);
    self.layer.transform = aTransform;
}

@end

Я застрял с кучей проблем:

1. Кажется, что текст внутри метки не применяет преобразование так же, как UILabel сам делает. Это вне кадра (обрезано), не по центру, и геометрия кажется неправильной. Может размер тоже не тот?
2. Это размыто. Как можно применить преобразование к текстовому вектору до его растеризации. Я думаю, что это дало бы четкие результаты.
3. Я не могу понять координацию между zDistance и degrees вращения, так что они приводят к правильной перспективе. Как я могу рассчитать zDistance правильно на основе degrees?

Любая помощь в решении (1) (2) (3) будет принята с благодарностью. Большое спасибо

Answer 1

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

Переведите текстовый слой в сторону камеры, чтобы решить эту проблему.