Computer >> 컴퓨터 >  >> 프로그램 작성 >> IOS

iPhone/iOS에서 UIView 아래에 그림자를 어떻게 그리나요?

<시간/>

UI를 매력적으로 만들려면 iOS 개발에서 여러 속성을 가지고 놀아야 합니다. 뷰 주변이나 뷰 아래에 그림자를 그리려면 레이어와 뷰 주변에서 놀아야 합니다.

두 가지 방법으로 살펴보겠습니다.

방법 1 − 필요할 때마다 간단히 코딩하세요.

self.layer.masksToBounds =NO;self.layer.cornerRadius =2;self.layer.shadowOffset =CGSizeMake(-5, 10);self.layer.shadowRadius =3;self.layer.shadowOpacity =0.3; 

방법 2 − IBDesignable 및 IBInspectable 생성 및 스토리 보드와 함께 사용.

@IBDesignableclass DesignableView:UIView { }extension UIView { @IBInspectable var shadowRadius:CGFloat { get { return layer.shadowRadius } set { layer.shadowRadius =newValue } } @IBInspectable var shadowOpacity:Float { get { return layer.shadowOpacity } set { layer.shadowOpacity =newValue } } @IBInspectable var shadowOffset:CGSize { get { return layer.shadowOffset } set { layer.shadowOffset =newValue } } @IBInspectable var shadowColor:UIColor? { get { if let color =layer.shadowColor { return UIColor(cgColor:color) } return nil } set { if let color =newValue { layer.shadowColor =color.cgColor } else { layer.shadowColor =nil } } }} 

위의 UIView 확장을 사용하면 이러한 속성을 모든 스토리보드에 액세스할 수 있고 장치에서 결과를 실행하고 볼 필요 없이 디자인을 가지고 놀 수 있습니다. 이러한 변경 사항은 스토리보드에 실시간으로 적용됩니다. 다음은 동일한 예입니다.

iPhone/iOS에서 UIView 아래에 그림자를 어떻게 그리나요?