Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> IOS

จะสร้าง Tab Bar Layout ในแอพ iOS ได้อย่างไร?


ในโพสต์นี้ เราจะมาดูกันว่าเราจะใช้เค้าโครงแถบแท็บในแอปพลิเคชันได้อย่างไร

ตามเอกสารของ apple −

แถบแท็บจะปรากฏที่ด้านล่างของหน้าจอแอพ และให้ความสามารถในการสลับไปมาระหว่างส่วนต่างๆ ของแอพได้อย่างรวดเร็ว แถบแท็บเป็นแบบโปร่งแสง อาจมีสีพื้นหลัง รักษาความสูงเท่าเดิมในทุกการวางแนวหน้าจอ และจะถูกซ่อนเมื่อแป้นพิมพ์ปรากฏขึ้น แถบแท็บอาจมีแท็บจำนวนเท่าใดก็ได้ แต่จำนวนแท็บที่มองเห็นได้จะแตกต่างกันไปตามขนาดและการวางแนวของอุปกรณ์

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับสิ่งเดียวกันได้ที่นี่

https://developer.apple.com/design/human-interface-guidelines/ios/bars/tab-bars/

จะสร้าง Tab Bar Layout ในแอพ iOS ได้อย่างไร?

มาเริ่มกันเลย

ขั้นตอนที่ 1 − สร้างแอปพลิเคชันมุมมองเดียวใหม่และตั้งชื่อว่า "TabBarController"

ขั้นตอนที่ 2 − เปิด Main.storyboard ของคุณและเพิ่มมุมมองแท็บจากไลบรารีวัตถุดังแสดงในรูป

จะสร้าง Tab Bar Layout ในแอพ iOS ได้อย่างไร?

ขั้นตอนที่ 3 - ลบตัวควบคุมการดูที่มีอยู่ออกจากกระดานเรื่องราว และไปที่ไฟล์ใหม่และสร้างไฟล์ใหม่ด้วยชื่อ SecondViewController

ขั้นตอนที่ 4 ไปที่กระดานเรื่องราวและเพิ่มคลาสสำหรับทั้ง view controller สำหรับรายการที่ 1 เพิ่ม ViewController.swift และสำหรับรายการ 2 เพิ่ม SecondViewController.swift ดังที่แสดงด้านล่าง

จะสร้าง Tab Bar Layout ในแอพ iOS ได้อย่างไร?

จะสร้าง Tab Bar Layout ในแอพ iOS ได้อย่างไร?

ขั้นตอนที่ 5 − ตอนนี้เปลี่ยนสีพื้นหลังของทั้ง viewcontroller เป็นสีเทาและสีดำ

ขั้นตอนที่ 6 − อย่าลืมตรวจสอบตัวควบคุมแถบแท็บเป็นตัวควบคุมการดูเริ่มต้น

ขั้นตอนที่ 7 − ดำเนินโครงการ

จะสร้าง Tab Bar Layout ในแอพ iOS ได้อย่างไร?

จะสร้าง Tab Bar Layout ในแอพ iOS ได้อย่างไร?