Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I realize this is old news but just to boil it down a bit:</p> <p>There are <em>two</em> possible questions here: (1) how do I apply rounded corners to a UIView (such as a UIImageView), which will be displayed on screen, and (2) how do I mask a square image (that is, a UIImage) to produce a new image with rounded corners.</p> <p>For (1), the easiest course is to use CoreAnimation and set the view.layer.cornerRadius property</p> <pre><code> // Because we're using CoreAnimation, we must include QuartzCore.h // and link QuartzCore.framework in a build phases #import &lt;QuartzCore/QuartzCore.h&gt; // start with an image UIImage * fooImage = [UIImage imageNamed:@"foo.png"]; // put it in a UIImageView UIView * view = [UIImageView alloc] initWithImage:fooImage]; // round its corners. This mask now applies to the view's layer's *background* view.layer.cornerRadius = 10.f // enable masksToBounds, so the mask applies to its foreground, the image view.layer.masksToBounds = YES; </code></pre> <p>For (2), the best way is to use the UIKit graphics operations:</p> <pre><code>// start with an image UIImage * fooImage = [UIImage imageNamed:@"foo.png"]; CGRect imageRect = CGRectMake(0, 0, fooImage.size.width, fooImage.size.height); // set the implicit graphics context ("canvas") to a bitmap context for images UIGraphicsBeginImageContextWithOptions(imageRect.size,NO,0.0); // create a bezier path defining rounded corners UIBezierPath * path = [UIBezierPath bezierPathWithRoundedRect:imageRect cornerRadius:10.f]; // use this path for clipping in the implicit context [path addClip]; // draw the image into the implicit context [fooImage drawInRect:imageRect]; // save the clipped image from the implicit context into an image UIImage *maskedImage = UIGraphicsGetImageFromCurrentImageContext(); // cleanup UIGraphicsEndImageContext(); </code></pre> <p>What's tricky about problem (2) is that you might think you could do the whole operation using the view.layer.mask property in CoreAnimation. But you can't because the CALayer <code>renderInContext:</code> method, which you'd use to generate a UIImage from the masked layer, seems to ignore the mask. Worse, the documentation for <code>renderInContext:</code> doesn't mention this, and only alludes to the behavior for OSX 10.5. </p> <p>Some further context: the above approach to (2) is using UIKit's wrappers around more basic CoreGraphics functionality. You can do the same thing using the CoreGraphics calls directly – that is what the chosen answer is doing -- but then you need build the rounded rect bezier path manually from curves and lines and you also need to compensate for the fact that CoreGraphics uses a drawing coordinate system which is flipped with respect to UIKit's.</p>
    singulars
    1. This table or related slice is empty.
    1. POHow to mask a square image into an image with round corners in the iPhone SDK?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USalgal
    1. USalgal
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThis while working well, mirrors the image horizontally. i removed the CGContextDrawImage((ctx, imageRect, theImage.CGImage); and replaced it with a [theImage drawInRect:CGRectMake(0,0,imageRect.size.width, imageRect.size.height)]; and this resolved the issue.
      singulars
      1. PO
      1. USzachron
    2. CO@zachron thanks for the correction. I have re-written this answer to avoid raw CG entirely. That seems recommended based on reading the "Drawing with Quartz and UIKit" section in Apple's http://developer.apple.com/library/ios/#documentation/2DDrawing/Conceptual/DrawingPrintingiOS/GraphicsDrawingOverview/GraphicsDrawingOverview.html
      singulars
      1. PO
      1. USalgal
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload