কম্পিউটার টিউটোরিয়াল

UIView-এর নিচে শ্যাডো আঁকার পদ্ধতি আইফোন/আইওএসে


ইউআইকে আকর্ষণীয় बनाने জন্য আইওএস ডেভেলপমেন্টে লেয়ার এবং ভিউর বিভিন্ন অ্যাট্রিবিউট নিয়ে কাজ করতে হয়। একটি ভিউর চারদিক বা নিচে শ্যাডো আঁকতে হলে নিচের দুটি পদ্ধতি অনুসরণ করা যেতে পারে।

পদ্ধতি ১: সরাসরি কোডিং

self.layer.masksToBounds = false
self.layer.cornerRadius = 2
self.layer.shadowOffset = CGSize(width: -5, height: 10)
self.layer.shadowRadius = 3
self.layer.shadowOpacity = 0.3

পদ্ধতি ২: @IBDesignable এবং @IBInspectable দিয়ে স্টোরিবোর্ড থেকে কন্ট্রোল

নিচের এক্সটেনশন UIView-এ যুক্ত করলে শ্যাডোর সব প্রোপার্টি স্টোরিবোর্ডের Attribute Inspector-এ এডিট করা যাবে এবং লাইভ প্রিভিউ मिलবে।

@IBDesignable class 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 {
            layer.shadowColor = newValue?.cgColor
        }
    }
}

উপরের এক্সটেনশন ব্যবহার করে সকল স্টোরিবোর্ডে ডিজাইন লাইভ দেখা যাবে। নিচে উদাহরণ দেওয়া হলো।

UIView-এর নিচে শ্যাডো আঁকার পদ্ধতি আইফোন/আইওএসে


  1. আইওএস ১৩ ডেভেলপার বেটা আইফোনে ডাউনলোড করুন: ধাপ-ধাপ গাইড

  2. iOS 12 শীঘ্র ইনস্টল করুন: Apple Beta জয়েন করে নতুন ফিচার অ্যাক্সেস করার ধাপে ধাপে গাইড

  3. আইফোন বা আইপ্যাডে iOS ১০ ইনস্টল করার নিরাপদ, ধাপে ধাপে গাইড

  4. আইওএস ১৬ ডাউনলোড ও ইনস্টল করুন: সম্পূর্ণ ধাপে ধাপে গাইড