เพื่อให้ UI ของเราน่าสนใจ เราต้องลองใช้คุณลักษณะหลายอย่างในการพัฒนา iOS ในการวาดเงารอบๆ มุมมองหรือด้านล่างของมุมมอง เราต้องเล่นรอบๆ เลเยอร์และมุมมอง
มาดูกัน 2 วิธี
วิธีที่ 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 { }ส่วนขยาย UIView { @IBInspectable var shadowRadius:CGFloat { รับ { return layer.shadowRadius } ชุด { layer.shadowRadius =newValue } } @IBInspectable var shadowOpacity:Float { รับ { return layer.shad set { layer.shadowOpacity =newValue } } @IBInspectable var shadowOffset:CGSize { รับ { return layer.shadowOffset } set { layer.shadowOffset =newValue } } @IB ตรวจสอบได้ var shadowColor:UIColor? { รับ { ถ้าให้สี =layer.shadowColor { ส่งคืน UIColor (cgColor:สี) } คืนค่าศูนย์ } ชุด { ถ้าให้สี =newValue { layer.shadowColor =color.cgColor } อื่น ๆ { layer.shadowColor =ไม่มี } } }} การใช้ส่วนขยายข้างต้นสำหรับ UIView เราทำให้คุณสมบัติเหล่านี้สามารถเข้าถึงได้จากสตอรี่บอร์ดทั้งหมด และลองใช้การออกแบบโดยไม่ต้องเรียกใช้และดูผลลัพธ์บนอุปกรณ์ การเปลี่ยนแปลงเหล่านี้จะเผยแพร่บนกระดานเรื่องราว ด้านล่างนี้เป็นตัวอย่างของสิ่งเดียวกัน
