টেবিল ভিউ হল iOS অ্যাপ্লিকেশনের সবচেয়ে গুরুত্বপূর্ণ এবং মৌলিক অংশগুলির মধ্যে একটি, প্রতিটি iOS বিকাশকারীর এটির সাথে পরিচিত হওয়া উচিত৷
অ্যাপ স্টোরে আপনি দেখতে পান এমন প্রায় প্রতিটি অ্যাপ্লিকেশন টেবিল ভিউ ব্যবহার করে।
iOS-এ সারণী ভিউগুলি সারিতে বিভক্ত উল্লম্বভাবে স্ক্রলিং সামগ্রীর একটি একক কলাম প্রদর্শন করে। টেবিলের প্রতিটি সারিতে আপনার অ্যাপের সামগ্রীর একটি অংশ রয়েছে। উদাহরণস্বরূপ, পরিচিতি অ্যাপ প্রতিটি পরিচিতির নাম একটি পৃথক সারিতে প্রদর্শন করে এবং সেটিংস অ্যাপের প্রধান পৃষ্ঠা সেটিংসের উপলব্ধ গ্রুপগুলি প্রদর্শন করে
আপনি এখানে টেবিল ভিউ সম্পর্কে আরও পড়তে পারেন,
https://developer.apple.com/documentation/uikit/uitableview
এই পোস্টে আমরা দেখব কিভাবে আমরা বৃত্তাকার কোণ দিয়ে টেবিল ভিউ তৈরি করতে পারি।
তো, চলুন শুরু করা যাক,
ধাপ 1 − Xcode খুলুন → নতুন প্রকল্প → একক দৃশ্য অ্যাপ্লিকেশন → আসুন এটির নাম রাখি “TableViewWithRoundedCorner”
ধাপ 2 − Main.storyboard খুলুন এবং নীচে দেখানো হিসাবে UITableView যোগ করুন,
ধাপ 3 − ViewController.swift-এ এখন Main.storyboard থেকে টেবিলভিউ-এর @IBoutlet তৈরি করুন এবং এর নাম দিন tableView।
পদক্ষেপ 4৷ − ViewController.swift-এ, viewDidLoad পদ্ধতিতে, নীচে দেখানো হিসাবে টেবিলভিউতে প্রতিনিধি এবং ডেটাসোর্স যোগ করুন।
@IBOutlet var tableView: UITableView!
override func viewDidLoad() {
super.viewDidLoad()
tableView.delegate = self
tableView.dataSource = self
} ধাপ 5 − Main.storyboard খুলুন এবং ভিউকন্ট্রোলারের পটভূমির রঙ পরিবর্তন করুন, দেখানো হিসাবে সেলের ভিতরে প্রোটোটাইপ সেল এবং লেবেল যোগ করুন।
এখন সাবটাইপ UITableViewCell-এর নতুন টেবিলভিউ সেলের জন্য একটি ফাইল যোগ করুন এবং একই সাথে যোগ করুন।
এখন ViewController.swift খুলুন এবং প্রোটোকল মেনে চলুন এবং নীচের মত প্রতিনিধি পদ্ধতিগুলি প্রয়োগ করুন৷
extension ViewController: UITableViewDataSource, UITableViewDelegate {
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return 2
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell: UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! TableViewCell
return cell
}
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
return 80
}
} ধাপ 6 − প্রকল্পটি চালান কিন্তু টেবিল ভিউ বৃত্তাকার কোণে আসবে না তা করতে, নিচের কোডটি ভিউ লোড পদ্ধতিতে লিখুন।
tableView.layer.cornerRadius=10 //set corner radius here tableView.layer.backgroundColor = UIColor.cyan.cgColor
সম্পূর্ণ কোডের জন্য -
import UIKit
class ViewController: UIViewController {
@IBOutlet var tableView: UITableView!
override func viewDidLoad() {
super.viewDidLoad()
tableView.delegate = self
tableView.dataSource = self
tableView.layer.cornerRadius=10 //set corner radius here
tableView.layer.backgroundColor = UIColor.cyan.cgColor
}
}
extension ViewController: UITableViewDataSource, UITableViewDelegate {
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) → Int {
return 2
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) → UITableViewCell {
let cell: UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! TableViewCell
return cell
}
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) → CGFloat {
return 80
}
} 