1

我正在尝试在 a 上添加一些透视图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. 我似乎无法弄清楚旋转之间的协调zDistancedegrees因此它们会产生正确的视角。我怎样才能zDistance正确计算基于degrees

任何帮助解决 (1) (2) (3) 将不胜感激。非常感谢

4

1 回答 1

2

我不知道你是否已经解决了这个问题,但问题基本上是你的文本标签正在穿过它后面的灰色层,因此为什么它似乎夹在文本中间。

将文本层平移到相机以解决此问题。

于 2013-05-19T20:37:19.293 回答