Databases
StackOverflow2013
Postsdbo
POUIView Round Corners with Shadow
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POUIView Round Corners with Shadow
    primarykey
    data
    text
    <p>I am trying to display a UIView with round corners and with a drop shadow. But the problem is that maskToBounds property only works for either of the case. </p> <p>If maskToBounds is YES then round corners show up and when NO then shadow shows up. Here is the implementation but it only displays round corners with no shadow: </p> <pre><code>[self.view setBackgroundColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"blue_gradient.jpeg"]]]; self.view.layer.masksToBounds = YES; self.view.layer.opaque = NO; self.view.layer.cornerRadius = 15.0f; self.view.layer.shadowColor = [UIColor blackColor].CGColor; self.view.layer.shadowRadius = 5.0; self.view.layer.shadowOffset = CGSizeMake(3.0, 3.0); self.view.layer.shadowOpacity = 0.9f; </code></pre> <p>ideas!</p> <p>NOTE: I have read and implemented the code in the following thread but it does not work: <a href="https://stackoverflow.com/questions/4754392/uiview-with-rounded-corners-and-drop-shadow">UIView with rounded corners and drop shadow?</a></p> <p><strong>UPDATE 1:</strong> </p> <p>I tried to create two separate views. One will represent the radius and one will represent the shadow. The problem is that is creates the shadow on top of the radius view as shown in the screenshot below: </p> <p><img src="https://i.stack.imgur.com/1EiIh.png" alt="enter image description here"></p> <p>H</p> <pre><code>ere is the code: self.view.layer.masksToBounds = YES; self.view.layer.opaque = NO; self.view.layer.cornerRadius = 15.0f; // self.view.backgroundColor = [UIColor clearColor]; self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"blue_gradient.jpeg"]]; // UIView *shadowView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)]; shadowView.layer.shadowColor = [UIColor blackColor].CGColor; shadowView.layer.shadowRadius = 2.0; shadowView.backgroundColor = [UIColor clearColor]; shadowView.layer.shadowOffset = CGSizeMake(3.0, 3.0); shadowView.layer.shadowOpacity = 0.9f; shadowView.layer.shadowPath = [UIBezierPath bezierPathWithRect:CGRectMake(0, 0, 100, 100)].CGPath; [self.view addSubview:shadowView]; </code></pre> <p>UPDATE 2: </p> <p>Inverted still does not work. No round corners are created. </p> <pre><code>UIView *roundCornerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)]; roundCornerView.layer.masksToBounds = YES; roundCornerView.layer.opaque = NO; roundCornerView.layer.cornerRadius = 15.0f; self.view.layer.shadowColor = [UIColor blackColor].CGColor; self.view.layer.shadowRadius = 2.0; //self.view.backgroundColor = [UIColor clearColor]; self.view.layer.shadowOffset = CGSizeMake(3.0, 3.0); self.view.layer.shadowOpacity = 0.9f; self.view.layer.shadowPath = [UIBezierPath bezierPathWithRect:CGRectMake(0, 0, 100, 100)].CGPath; [self.view addSubview:roundCornerView]; </code></pre> <p><strong>SOLUTION:</strong> </p> <pre><code> UIView *roundCornerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)]; roundCornerView.layer.masksToBounds = YES; roundCornerView.layer.opaque = NO; roundCornerView.layer.cornerRadius = 15.0f; roundCornerView.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"blue_gradient.jpeg"]]; self.view.layer.shadowColor = [UIColor blackColor].CGColor; self.view.layer.shadowRadius = 2.0; self.view.backgroundColor = [UIColor clearColor]; self.view.layer.shadowOffset = CGSizeMake(3.0, 3.0); self.view.layer.shadowOpacity = 0.9f; //self.view.layer.shadowPath = [UIBezierPath // bezierPathWithRect:CGRectMake(0, 0, 100, 100)].CGPath; [self.view addSubview:roundCornerView]; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USazamsharp
    plurals
    1. PL
      singulars
      1. LTLinked
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POUIView Round Corners with Shadow
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POUIView Round Corners with Shadow
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POUIView Round Corners with Shadow
      1. This table or related slice is empty.
      1. VTUpMod
    1. COpossible duplicate of [UIView with rounded corners and drop shadow?](http://stackoverflow.com/questions/4754392/uiview-with-rounded-corners-and-drop-shadow)
      singulars
      1. POUIView Round Corners with Shadow
      1. USEvan Mulawski
    2. CONope! Already checked out that question and tried that approach and it did not work.
      singulars
      1. POUIView Round Corners with Shadow
      1. USazamsharp
    3. COHere is a hackish idea you could try to set the border width to something like 20 with a UIColor clearColor
      singulars
      1. POUIView Round Corners with Shadow
      1. USNate Flink
 

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