iOS DeveloperSwift

เขียนแอป iPhone ด้วย SwiftUI มาดู List และ Navigation

เปิด Xcode แล้วมาลองใช้ SwitfUI กับ List ที่มาแทน UITableView ร่วมกับ Navigation

เปิด Xcode แล้วมาลองใช้ SwitfUI กับ List ที่มาแทน UITableView ร่วมกับ Navigation สำหรับใครที่อยากพัฒนาแอปบน iOS

เปิด Project ก่อนหน้ามาแก้เลยง่ายดี

เปิด ContentView ขึ้นมาลบไอ้ที่ทำไปให้หมด หรือใครจะทำใหม่ก็เรื่องของแต่ละคนนะเอาที่สบายใจ ทีนี้เราจะมาลองหาข้อมูลเหมือนบทเรียน

ใน SwiftUI มันไม่ได้ใช้ UIKit ละ แต่มันให้ใช้ List แทนวิธีการเขียนคือ สร้างตัวแปร Array มาแล้วก็ Map ตัว Array เข้ากับ List ไปเลย

ทดสอบแบบ Preview ดู

เพิ่ม Header ให้กับ UI เราให้มันดูมีอะไรหน่อยก็แก้ไขตามนี้:

หน้าตาก็จะดูดีมาหน่อย:

การทำงานของ SwiftUI คือทำอะไรในหน้าเดียวไปเลยก็ได้ อย่างถ้าเราจะทำ NavigationController ตัว NavigationView จะไปเรียกใช้งาน NavigationLink และเราต้องไปกำหนดหน้า view ปลายทางผ่านการใส่ label หลักการเดียวเหมือนที่เราไปสร้าง segue ใน storyboard แต่ไม่ต้องทำ segue identifiers เราอาจจะสร้างไฟล์ swift ใหม่มาก็ได้หรือจะเขียนใน ContentView.swft ต่อก็ได้ ซึ่งเราต้องกำหนดหน้าปลายทาง ผมเลือก Implement ต่อในไฟล์เดิม สร้าง Struct ชื่อ DetailView ขึ้นมา

แก้ Code ใน ContentView จากเดิมคือ:

แก้ไขเป็น

รันแอปเราดูก็จะรู้ว่า มันส่งค่าและเปลี่ยนหน้าได้แบบ สบายๆ คือ Code มันน้อยแต่ต้องชำนาญ ประมาณนึงนะ

Tags

Banyapon Poolsawasd

อาจารย์ประจำสาขาวิชาการออกแบบเชิงโต้ตอบ และการพัฒนาเกม วิทยาลัยครีเอทีฟดีไซน์ & เอ็นเตอร์เทนเมนต์เทคโนโลยี มหาวิทยาลัยธุรกิจบัณฑิตย์ ผู้ก่อตั้ง บริษัท Daydev Co., Ltd, (เดย์เดฟ จำกัด)

Related Articles

Back to top button
Close
Close

Adblock Detected

เราตรวจพบว่าคุณใช้ Adblock บนบราวเซอร์ของคุณ,กรุณาปิดระบบ Adblock ก่อนเข้าอ่าน Content ของเรานะครับ, ถือว่าช่วยเหลือกัน