ডটেড বা ড্যাশড লাইন তৈরি করা জানা খুব গুরুত্বপূর্ণ। আপনি এমন পেজ ডেভেলপ করতে পারেন যেখানে ইউজারকে ফিল্ড ইনপুট দিতে বলা হয়, সেখানে ডটেড লাইন দিয়ে প্রতীকীভাবে দেখানো যাবে। ডটেড লাইন অ্যাপ্লিকেশনে নির্দিষ্ট জিনিস হাইলাইট করার জন্যও ব্যবহার করা হয়।
সবচেয়ে গুরুত্বপূর্ণ ব্যবহার হলো নেভিগেশন অ্যাপ্লিকেশন। নেভিগেশন অ্যাপ ডিজাইন করার সময় পাথ ড্র করা প্রয়োজন হয় এবং সেখানে ডটেড লাইন ব্যবহার করতে হয়।
iOS-এ এই ফাংশনালিটি কিভাবে অর্জন করা যায় তা দেখি।
Step 1 − Xcode → New Project → Single View Application → নাম দিন "DottedLine"
Step 2 − Main.storyboard-এ একটি UIView যোগ করুন, @IBOutlet তৈরি করুন এবং নাম দিন dottedView।
Step 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)
}
}Step 4 − viewDidLoad মেথড থেকে dottedView অবজেক্টে সেম ফাংশন কল করুন।
override func viewDidLoad() {
super.viewDidLoad()
self.dottedView.createDottedLine(width: 5.0, color: UIColor.cyan.cgColor)
}আপনি লক্ষ্য করবেন আমরা ডটেড লাইনের width এবং color পাস করছি, আপনি আপনার পছন্দ অনুযায়ী কাস্টমাইজ করতে পারেন।
Step 5 - রান করে ইফেক্ট দেখুন।
