আইওএসে ডটেড/ড্যাশড লাইন কীভাবে তৈরি করবেন?

ডটেড বা ড্যাশড লাইন কিভাবে করতে হয় তা জানা খুবই গুরুত্বপূর্ণ। আপনি এমন একটি পৃষ্ঠা বিকাশ করতে পারেন যেখানে আপনি ব্যবহারকারীকে ক্ষেত্র প্রবেশ করতে বলবেন, সেখানে আপনি ডটেড লাইনের সাথে একই প্রতিনিধিত্ব করতে পারেন। ডটেড লাইন একটি অ্যাপ্লিকেশনে কিছু জিনিস হাইলাইট করতেও ব্যবহার করা যেতে পারে।

সবচেয়ে গুরুত্বপূর্ণ ব্যবহার নেভিগেশন অ্যাপ্লিকেশন. নেভিগেশন অ্যাপ্লিকেশন ডিজাইন করার সময় আপনাকে অবশ্যই পথটি কীভাবে আঁকতে হবে তা জানতে হবে এবং আপনি ডটেড লাইন ব্যবহার করে শেষ করতে পারেন।

আসুন দেখি কিভাবে আমরা iOS-এ এই কার্যকারিতা অর্জন করতে পারি।

ধাপ 1 − Xcode খুলুন → নতুন প্রকল্প → একক দৃশ্য অ্যাপ্লিকেশন → আসুন এটির নাম রাখি “ডটেডলাইন”

ধাপ 2 − Main.storyboard-এ দেখানো হিসাবে একটি UIView যোগ করুন, @IBOutlet তৈরি করুন এবং ডটেডভিউ নাম দিন।

ধাপ 3 − আপনার ViewController.swift-এ নিম্নলিখিত কোড যোগ করুন, নিচের এক্সটেনশনটি যোগ করুন।

extension UIView {
   func createDottedLine(width: CGFloat, color: CGColor) {
      let caShapeLayer = CAShapeLayer()
      caShapeLayer.strokeColor = color
      caShapeLayer.lineWidth = width
      caShapeLayer.lineDashPattern = [2,3]
      let cgPath = CGMutablePath()
      let cgPoint = [CGPoint(x: 0, y: 0), CGPoint(x: self.frame.width, y: 0)]
      cgPath.addLines(between: cgPoint)
      caShapeLayer.path = cgPath
      layer.addSublayer(caShapeLayer)
   }
}

পদক্ষেপ 4৷ − viewDidLoad পদ্ধতি থেকে ডটেডভিউ অবজেক্টে একই ফাংশন কল করুন যা নীচে দেখানো হয়েছে

override func viewDidLoad() {
   super.viewDidLoad()
   self.dottedView.createDottedLine(width: 5.0, color: UIColor.cyan.cgColor)
}

আপনি যদি লক্ষ্য করেন যে আমরা বিন্দুযুক্ত লাইনের প্রস্থ এবং রঙ অতিক্রম করছি, আপনি যেভাবে বিন্দুযুক্ত লাইন রাখতে চান তা কাস্টমাইজ করতে পারেন।

ধাপ 5 - প্রভাব দেখতে দৌড়ান৷