設定view的圓角 邊框 陰影

2021-06-25 22:29:03 字數 1455 閱讀 5937

在ios開發中,任何可見檢視都是繼承於uiview的。

繼承體系中,大部分uiview的屬性適用於其任何孩子。

而uiview的layer屬性可以繪製uiview的各種效果。其實我們看到的view的動畫實際上也是layer在繪製。

[objc]view plain

copy

cornerview

.layer

.cornerradius= 2

0;  

cornerview.layer

.maskstobounds

= yes

;  

maskstobounds防止子元素溢位父檢視。

如果乙個正方形要設定成圓形,**為:

[objc]view plain

copy

cornerview

.layer

.cornerradius

= cornerview

.frame

.size

.height/2

;  cornerview.layer

.maskstobounds

= yes

;  

[objc]view plain

copy

borderview

.layer

.borderwidth= 1

.0;  

borderview.layer

.bordercolor

= [uicolor

blackcolor

].cgcolor

;  

注意此處使用的是cgcolor而不是uicolor.

[objc]view plain

copy

shadowview

.layer

.shadowcolor

= [uicolor

redcolor

].cgcolor

;  shadowview.layer

.shadowoffset

= cgsizemake(5.0

, 5.0);  

shadowview.layer

.shadowopacity

= yes

;  

offset為偏移量,為正表示向frame x,y座標增加的方向偏移。

opacity為透明度,預設為0,即表示透明的。所以我們要把opacity設定成1或者yes,表示不透明,也可以設定成0.5或者類似的值呈現半透明。

效果如下:

UIView設定圓角 邊框和陰影

我們經常需要對view進行圓角設定,有些view是通過設定屬性來設定圓角,一般需要用修改view的layer屬性。1 直接通過已有屬性設定圓角 對於uibutton uitextfield等,可以通過對已有屬性的設定來顯示圓角。uibutton button uibutton buttonwitht...

邊框圓角 盒陰影

普通邊框border 5px solid red border bottom 30px solid red border top color red solid 實線 dotted 圓點線 dashed 虛線 border是對四條邊的3個屬性 width style color 進行設定,也可以指定...

圓角邊框 盒子陰影

在css3中新增了圓角邊框的樣式 border radius屬性用於設定元素的外邊框圓角 語法 border radius length 原理 radius半徑原理 橢 圓與邊框交集形成圓角效果 css3中新增了盒子陰影 box shadow屬性為盒子新增陰影 語法 box shadow h sha...