How to make a circular UIView

by

I can at least show you a shortcut for drawing circles of arbitrary size. No OpenGL, no Core Graphics drawing needed.

Import the QuartzCore framework to get access to the .cornerRadius property of your UIView or UIImageView.

#import <QuartzCore/QuartzCore.h>

Also manually add it to your project’s Frameworks folder.

Add this method to your view controller or wherever you need it:

-(void)setRoundedView:(UIImageView *)roundedView toDiameter:(float)newSize;
{
    CGPoint saveCenter = roundedView.center;
    CGRect newFrame = CGRectMake(roundedView.frame.origin.x, roundedView.frame.origin.y, newSize, newSize);
    roundedView.frame = newFrame;
    roundedView.layer.cornerRadius = newSize / 2.0;
    roundedView.center = saveCenter;
}

To use it, just pass it a UIImageView and a diameter. This example assumes you have a UIImageView named “circ” added as a subview to your view. It should have a backgroundColor set so you can see it.

circ.clipsToBounds = YES;
[self setRoundedView:circ toDiameter:100.0];

This just handles UIImageViews but you can generalize it to any UIView.

NOTE: Since iOS 7, clipToBounds need to YES.

More Related Contents:

  1. Passing through touches to UIViews underneath
  2. Rounded UIView using CALayers – only some corners – How?
  3. Dispelling the UIImage imageNamed: FUD
  4. iPhone UIView Animation Best Practice
  5. How can I do Key Value Observing and get a KVO callback on a UIView’s frame?
  6. How to know the image size after applying aspect fit for the image in an UIImageView
  7. How to crop a UIImageView to a new UIImage in ‘aspect fill’ mode?
  8. Any quick and dirty anti-aliasing techniques for a rotated UIImageView?
  9. How can I take an UIImage and give it a black border?
  10. How do I make UITableViewCell’s ImageView a fixed size even when the image is smaller
  11. How to draw a custom UIView that is just a circle – iPhone app
  12. Orientation in a UIView added to a UIWindow
  13. “Incorrect” frame / window size after re-orientation in iPhone
  14. How to cancel UIView block-based animation?
  15. CALayers didn’t get resized on its UIView’s bounds change. Why?
  16. Draw another image on a UIImage
  17. How to fill background image of an UIView
  18. addSubview animation
  19. How to manage UIImageView content mode?
  20. What is the best way to create a shadow behind a UIImageView
  21. Am I abusing UIViewController Subclassing?
  22. UIImageView Gestures (Zoom, Rotate) Question
  23. View got hidden below UINavigationBar iOS 7
  24. UIImageView Touch Event
  25. How to get the displayed image frame from UIImageView?
  26. “Application windows are expected to have a root view controller at the end of application launch” error only on iPad
  27. Need to capture UIView into a UIImage, including all subviews
  28. (iphone) UIImageView setImage: leaks?
  29. iPhone – having a Ripple effect on a UIImageView
  30. Difference between addSubview and insertSubview in UIView class

Leave a Comment