Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Add border and shadow to the buttons

I want to add medium thick black border and shadow to the buttons that I have added in my iPad application. I have taken those buttons as custom as I have applied images on them. How can I add border and shadow to ht

like image 995
Prateek Chaubey Avatar asked Oct 27 '11 23:10

Prateek Chaubey


People also ask

Which properties of buttons add the shadow?

The box-shadow CSS property adds shadow effects around an element's frame.


1 Answers

To add shadows and border is simple.

1) Add the QuartzCore framework to your target.
2) Import the framework header in the class where you want to add borders and shadows. (Or if you have custom class for the button then you can simple import this framework in that class.)
3) To add the border to the button use this code (where button is an IBOutlet connected with the button in interface):

[self.button.layer setBorderWidth:3.0];
[self.button.layer setBorderColor:[[UIColor blackColor] CGColor]];


4) To add the shadow to the button use the following code:

[self.button.layer setShadowOffset:CGSizeMake(5, 5)];
[self.button.layer setShadowColor:[[UIColor blackColor] CGColor]];
[self.button.layer setShadowOpacity:0.5];

You can play around with the values and see how it will affect the behaviour.

like image 59
Arslan Avatar answered Oct 06 '22 06:10

Arslan