[iOS] การใช้ UITabBarController เบื้องต้น

มิถุนายน 29, 2018 benznest

Off

Post Views: 2,213

สวัสดีครับ บทความนี้เป็นบทความขณะหัดเขียน iOS ของผม ซึ่งผมกำลังหัดเขียน Swift ใน Xcode เพื่อทำแอป iPhone และเพื่อสร้างความเข้าใจมากขึ้น ผมก็จะมาเขียนเรื่องต่างๆที่ได้เรียนรู้ เป็นการบันทึกความรู้และแชร์ความรู้ไปในตัว และวันนี้ได้ลองเล่น UITabBarController ก็เลยมาเขียนบล็อกไว้อ่าน หวังว่าจะมีประโยชน์กับผู้เรียนมือใหม่ด้วยกันครับ

วาง Tab Bar Controller

ลาก Tab Bar Controller ออกมาแปะใน storyboard

ลากมาแปะ โดยมันจะสร้างหน้ามาให้ 2 หน้าโดยอัตโนมัติ

เพิ่มหน้า

เพิ่ม ViewController อีกหน้า โดยการลาก ViewController มาวาง
แล้วลากเส้น (กด Ctrl ค้าง) จาก TabController ไปยัง View ใหม่ เลือก view controller

จากนั้นจะได้เส้น (Seque) เชื่อมกัน
ต่อมาก็วาง Label ในแต่ละหน้าให้ดูต่างกัน

ลองรันเพ่อดูว่าแท็บทำงานได้มัย

การย้ายแท็บ

วิธีย้ายแท็บง่ายมาก แค่ลากแท็บใน storyboard ได้เลย

เปลี่ยนแท็บด้วย Swift

ทีนี้มาลองเล่น คือทำให้กดปุ่มหน้านึงแล้วเปลี่ยนแท็บไปอีกหน้า
สร้างไฟล์ Class

Subclass เลือกเป็น UIViewController

ลาก Button มาวาง สำหรับกดแล้วให้ไปอีกหน้า

จากนั้นก็กำหนด Custom class ให้กับหน้าแท็บ

กำหนด Action Outlet ให้กับ Button
โดยสามารถเรียกใช้ tabBarController ได้เลย แล้วกำหนด selectedIndex

class FirstTabViewController: UIViewController {

    @IBAction func onGotoSecondClicked(_ sender: Any) {
        self.tabBarController?.selectedIndex = 1
    }
    
    ..
}

ลองรัน