UILabel的透视变换

时间:2013-01-13 10:07:56

标签: uilabel calayer catransform3d catransform3drotate

我正在尝试在UILabel上添加一些视角,使其显示为好像是在一个有角度的脸上画的。

这是我的测试标签:

Desc

应用转换后:

enter image description here

我的代码:

@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
  4. 任何帮助解决(1)(2)(3)将不胜感激。 非常感谢

1 个答案:

答案 0 :(得分:2)

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

将文本图层翻译为相机以解决此问题。