I have read several posts already. And almost everyone suggest using QuartzCore/QuartzCore.h
with layer.cornerRadius
I have tried this method and some more methods.
Well, everything works fine when an image doesn't move.
But in my project I always move my images. If I add corner radius or a shadow the image movement is no longer smooth. And it looks aweful!
That is the way I resize my image:
CGSize newSize = CGSizeMake(200*height/image.size.height, 280); CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB(); CGContextRef context = CGBitmapContextCreate(nil, newSize.width, newSize.height, 8, 0, colorSpace, kCGImageAlphaPremultipliedLast); CGContextClearRect(context, CGRectMake(0, 0, newSize.width, newSize.height)); CGContextDrawImage(context, CGRectMake(0, 0, newSize.width, newSize.height), image.CGImage); CGImageRef scaledImage = CGBitmapContextCreateImage(context); CGColorSpaceRelease(colorSpace); CGContextRelease(context); UIImage *newImage = [UIImage imageWithCGImage: scaledImage]; CGImageRelease(scaledImage);
I would like to know a good way to resize my image, add shadow, corner radius and still have smooth movement of my image.
Make UIImageView Corners RoundedSetting the corner radius to 100 will make the image view completely rounded. Try different corner radius like 10, 20, 30, 40 to get image corners of different radius. To make the image border and visible I will set the borderWidth and the borderColor.
Use the CSS border-radius property to add rounded corners to the table cells.
// Get your image somehow UIImage *image = [UIImage imageNamed:@"image.jpg"]; // Begin a new image that will be the new image with the rounded corners // (here with the size of an UIImageView) UIGraphicsBeginImageContextWithOptions(imageView.bounds.size, NO, [UIScreen mainScreen].scale); // Add a clip before drawing anything, in the shape of an rounded rect [[UIBezierPath bezierPathWithRoundedRect:imageView.bounds cornerRadius:10.0] addClip]; // Draw your image [image drawInRect:imageView.bounds]; // Get the image, here setting the UIImageView image imageView.image = UIGraphicsGetImageFromCurrentImageContext(); // Lets forget about that we were drawing UIGraphicsEndImageContext();
Try moving with this code, as far as I can remember I used this a while back that makes an image with rounded corners that you can move around into the targets. But it seemed to scale fine...
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With