এই আর্টিকেলে আমরা শিখব কিভাবে বর্ডার এবং শ্যাডো তৈরি করা যায়। এটি দুটি পদ্ধতিতে করা যাবে — একটি সরাসরি কোডিং করে এবং অন্যটি ডিজাইনেবল (Designable) এবং UIView-এর এক্সটেনশন তৈরি করে, যাতে স্টোরিবোর্ড থেকে সরাসরি এডিট করা যায়।
পদ্ধতি ১: সরাসরি কোডিং দিয়ে বর্ডার তৈরি
বর্ডার হলো লെയারের একটি প্রোপার্টি, যার উপরে ভিউ আঁকা হয়। বর্ডারের প্রোপার্টিগুলো হলো — বর্ডার কালার, বর্ডার উইডথ।
self.view.layer.borderColor = UIColor(red: 0.439, green: 0.012, blue: 0.192, alpha: 1).cgColor self.view.layer.borderWidth = 5.0
কর্নার রেডিয়াস (corner radius) দিতে হলে —
self.view.layer.cornerRadius = 5
সিমুলেটরে রান করলে নিচের ফলাফল मिलবে।
শ্যাডো (shadow) তৈরি করতে নিচের প্রোপার্টিগুলো ব্যবহার করুন — shadowPath, shadowColor, shadowOffset, shadowOpacity, shadowRadius।
পদ্ধতি ২: @IBDesignable এবং @IBInspectable ব্যবহার করে স্টোরিবোর্ড থেকে এডিট
নিচের এক্সটেনশন UIView-এ যুক্ত করলে স্টোরিবোর্ডের Attribute Inspector-এ এই প্রোপার্টিগুলো দেখাবে এবং লাইভ প্রিভিউ मिलবে।
extension UIView {
@IBInspectable
var cornerRadius: CGFloat {
get { return layer.cornerRadius }
set { layer.cornerRadius = newValue }
}
@IBInspectable
var borderWidth: CGFloat {
get { return layer.borderWidth }
set { layer.borderWidth = newValue }
}
@IBInspectable
var borderColor: UIColor? {
get {
if let color = layer.borderColor { return UIColor(cgColor: color) }
return nil
}
set {
layer.borderColor = newValue?.cgColor
}
}
}
স্টোরিবোর্ডে এটি নিচের মতো দেখাবে।
