Databases
StackOverflow2013
Postsdbo
POUICollectionViewCell with rounded corners AND drop shadow not working
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POUICollectionViewCell with rounded corners AND drop shadow not working
    primarykey
    data
    text
    <p>I want my UICollectionViewCells to have rounded corners and drop shadows but I have run into a problem where it seems I can only have one or the other, but not both.</p> <p>To just round the corners I use this code in the initialization of the cell:</p> <pre><code>CALayer *layer = [self layer]; [layer setCornerRadius:4]; [layer setRasterizationScale:[[UIScreen mainScreen] scale]]; [layer setShouldRasterize:YES]; </code></pre> <p>To just add a drop shadow I use this code in the initialization of the cell:</p> <pre><code>CALayer *layer = [self layer]; [layer setMasksToBounds:NO]; [layer setRasterizationScale:[[UIScreen mainScreen] scale]]; [layer setShouldRasterize:YES]; [layer setShadowColor:[[UIColor blackColor] CGColor]]; [layer setShadowOffset:CGSizeMake(0.0f,0.5f)]; [layer setShadowRadius:8.0f]; [layer setShadowOpacity:0.2f]; [layer setShadowPath:[[UIBezierPath bezierPathWithRoundedRect:self.bounds cornerRadius:layer.cornerRadius] CGPath]]; </code></pre> <p>To try and have rounded corners and a drop shadow I use this code in the initialization of the cell:</p> <pre><code>CALayer *layer = [self layer]; [layer setMasksToBounds:NO]; [layer setCornerRadius:4]; [layer setRasterizationScale:[[UIScreen mainScreen] scale]]; [layer setShouldRasterize:YES]; [layer setShadowColor:[[UIColor blackColor] CGColor]]; [layer setShadowOffset:CGSizeMake(0.0f,0.5f)]; [layer setShadowRadius:8.0f]; [layer setShadowOpacity:0.2f]; [layer setShadowPath:[[UIBezierPath bezierPathWithRoundedRect:self.bounds cornerRadius:layer.cornerRadius] CGPath]]; </code></pre> <p>but this results in the drop shadow only.</p> <p>Is this a bug or am I doing something wrong?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USjj0b
    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. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POUICollectionViewCell with rounded corners AND drop shadow not working
      1. USMarcus Adams
      1. VTFavorite
    2. VO
      singulars
      1. POUICollectionViewCell with rounded corners AND drop shadow not working
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POUICollectionViewCell with rounded corners AND drop shadow not working
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI found a work around. I added an extra UIView (bgView) in the UICollectionViewCell in Interface Builder and put all the content of the cell into that bgView. I also made a property in the cell and wired an IBOutlet up to the bgView. In the init for the cell I added the drop shadow to the cell's layer. Then in a configCell method which I call in collectionView:cellForItemAtIndexPath: I added the rounded corners to the new bgView. I also had to make sure to set the backgroundColor of the UICollectionViewCell to be clear. This works, but I still feel that it shouldn't be so convoluted to do.
      singulars
      1. POUICollectionViewCell with rounded corners AND drop shadow not working
      1. USjj0b
 

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