Skip to main content

Anti-aliasing lines when using CATransform3DRotate



I copied the code from the answer to How do I apply a perspective transform to a UIView? in order to achieve the following image. Note, however, the jagged lines separating the levels. Is there away to perform this kind of perspective transformation in a way that anti-aliases these jagged lines?





enter image description here





Edit I've tried the solutions offered by DarkDust in the comments on this post. None seem to work. Here's my code:







levelView = [[UIControl alloc] initWithFrame:CGRectMake(100, 60, 160, 230)];

[self addSubview:levelView];

levelView.transform = CGAffineTransformScale(self.transform, .8, .8);



CALayer *layer = levelView.layer;



//DarkDust's 2nd comment

layer.borderWidth = 1;

layer.borderColor = [[UIColor clearColor] CGColor];



CATransform3D rotationAndPerspectiveTransform = CATransform3DIdentity;

rotationAndPerspectiveTransform.m34 = 1.0 / 1000;

rotationAndPerspectiveTransform = CATransform3DRotate(rotationAndPerspectiveTransform, 45.0f * M_PI / 180.0f, 0.0f, 1.0f, 0.0f);

layer.transform = rotationAndPerspectiveTransform;



for (NSString *ID in [NSArray arrayWithObjects:@"Level 1", @"Level 2", @"Level 3", @"Level 4", @"Level 5", nil]) {



//Note the offset of 5 from the superview in both X and Y directions. This addresses DarkDusk's first comment

UIControl *ctrl = [[UIControl alloc] initWithFrame:CGRectMake(5, y + 5, levelView.frame.size.width, 220/5)];

[levelView addSubview:ctrl];

[ctrl addTarget:self action:@selector(languageSelected:) forControlEvents:UIControlEventTouchDown];

[self styleEnabled:ctrl];



UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(13, 0, ctrl.frame.size.width - 13, ctrl.frame.size.height)];

[ctrl addSubview:label];

label.text = ID;

label.font = [UIFont systemFontOfSize:20];

label.textColor = [UIColor colorWithRed:1 green:1 blue:1 alpha:.8];

label.backgroundColor = [UIColor clearColor];



y += ctrl.frame.size.height;

}







The level buttons you see in the image are all instances of UIControl , and they are the direct subviews of UIControl *levelView . levelView is the one that is getting transformed.





The other two of DarkDusk's comments refer specifically to UIImages, which I am not using. If they are still applicable and someone can explain how to implement them, I'll certainly give them a shot.


Comments

Popular posts from this blog

Slow Android emulator

I have a 2.67 GHz Celeron processor, 1.21 GB of RAM on a x86 Windows XP Professional machine. My understanding is that the Android emulator should start fairly quickly on such a machine, but for me it does not. I have followed all instructions in setting up the IDE, SDKs, JDKs and such and have had some success in staring the emulator quickly but is very particulary. How can I, if possible, fix this problem?

CCNA 1 Final Exam 2011 latest (hot hot hot)

  Hi! I have been posted content of ccna1 final exam (latest and only question.) I will post the answer and insert image on sunday. If you care, please subscribe your email an become a first person have full test content. Subcribe now  Some question  have not content because this question have images content. So that can you wait for me? SUNDAY 1. A user sees the command prompt: Router(config-if)# . What task can be performed at this mode? Reload the device. Perform basic tests. Configure individual interfaces. Configure individual terminal lines. 2. Refer to the exhibit. Host A attempts to establish a TCP/IP session with host C. During this attempt, a frame was captured with the source MAC address 0050.7320.D632 and the destination MAC address 0030.8517.44C4. The packet inside the captured frame has an IP source address 192.168.7.5, and the destination IP address is 192.168.219.24. At which point in the network was this packet captured? leaving host A leaving ATL leaving...