สถาปัตยกรรมพร้อม Compose Multiplatform
จัดโครงสร้างโค้ดเพื่อแบ่งปัน UI ข้ามแพลตฟอร์ม
สถาปัตยกรรมพร้อม Compose Multiplatform เป็นบทเรียน Jetpack Compose Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Jetpack Compose Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Jetpack Compose Academy มีบทเรียนทั้งหมด 4 บทเรียน
ส่วนติดต่อผู้ใช้เดียว หลายแพลตฟอร์ม
ทักษะ Compose เดิมสามารถนำไปใช้กับ iOS เดสก์ท็อป และเว็บผ่านCompose Multiplatform การจัดโครงสร้างโค้ดให้ดีตั้งแต่วันนี้จะทำให้การก้าวไปสู่แพลตฟอร์มเหล่านั้นในภายหลังง่ายขึ้นมาก
แยกส่วนติดต่อผู้ใช้ออกจากแพลตฟอร์ม
แนวคิดสำคัญคือการแบ่งเส้นอย่างชัดเจนระหว่างตรรกะที่ใช้ร่วมกันกับโค้ดที่เฉพาะแพลตฟอร์ม ยิ่งมีโค้ดอยู่ในโมดูลที่ใช้ร่วมกันมากเท่าไร คุณก็ยิ่งนำกลับมาใช้ซ้ำได้ในทุกที่มากขึ้นเท่านั้น
ทำให้ ViewModels ไม่ขึ้นกับแพลตฟอร์ม
เขียนViewModelและสถานะส่วนติดต่อผู้ใช้ด้วย Kotlin ล้วน โดยไม่อิมพอร์ต Android สถานะและตรรกะที่ไม่ขึ้นกับสิ่งเฉพาะแพลตฟอร์มสามารถนำไปใช้ที่ใดก็ได้
ใช้ expect / actual สำหรับส่วนที่เหลือ
เมื่อจำเป็นต้องใช้ API ของแพลตฟอร์มจริง ๆ ให้ใช้ Kotlin expect/actual คุณประกาศสิ่งที่คาดหวังไว้ในโค้ดที่ใช้ร่วมกัน แล้วจัดเตรียมการนำไปใช้งานจริงสำหรับแต่ละแพลตฟอร์ม
expect fun platformName(): Stringหลีกเลี่ยง android.* ในโค้ดที่ใช้ร่วมกัน
การอ้างอิงถึงบริบท กิจกรรม หรือ android.* จะผูกโค้ดไว้กับแพลตฟอร์มเดียว ให้ซ่อนสิ่งเหล่านี้ไว้หลังส่วนติดต่อ เพื่อให้โมดูลที่ใช้ร่วมกันยังคงนำไปใช้ได้หลายแพลตฟอร์ม
ใช้ส่วนติดต่อผู้ใช้ Compose ร่วมกันได้
ด้วย Compose Multiplatform แม้แต่หน้าจอที่สร้างด้วย Composeก็ย้ายไปอยู่ในโค้ดที่ใช้ร่วมกันได้ ทั้งคอลัมน์ ข้อความ และปุ่มแบบเดียวกันจะแสดงผลบน iOS และเดสก์ท็อปได้เช่นกัน
ทรัพยากรในแนวทางหลายแพลตฟอร์ม
คลาส R ของ Android ผูกอยู่กับแพลตฟอร์ม ไลบรารีทรัพยากร Composeช่วยให้คุณใช้รูปภาพและข้อความร่วมกันได้ โดยทรัพยากรจะได้รับการแก้ไขอย่างถูกต้องบนทุกเป้าหมาย
ส่งค่าเข้ามา อย่าฮาร์ดโค้ด
ส่งการพึ่งพาเข้ามาแทนการสร้างออบเจ็กต์ของแพลตฟอร์มภายในโค้ดที่ใช้ร่วมกัน การฉีดการพึ่งพาช่วยให้โมดูลของคุณแยกออกจากกันและทดสอบได้ง่าย
ตรวจสอบอย่างรวดเร็ว
คุณต้องการ ViewModel ที่ทำงานได้ทั้งบน Android และ iOS คุณต้องหลีกเลี่ยงสิ่งใดใน ViewModel นั้น
แบ่งชั้นโมดูลของคุณ
การจัดชั้นข้อมูล โดเมน และการนำเสนออย่างชัดเจนให้ประโยชน์มาก แต่ละชั้นมีหน้าที่เดียว จึงเปลี่ยนชิ้นส่วนของแพลตฟอร์มได้โดยไม่ยุ่งยาก
เริ่มจาก Android ก่อน แต่ยังคงรองรับการย้ายแพลตฟอร์ม
วันนี้คุณยังไม่จำเป็นต้องรองรับทุกแพลตฟอร์ม สร้างแอปแบบAndroid เป็นหลักโดยมีขอบเขตที่ชัดเจน แล้วการเพิ่มแพลตฟอร์มในภายหลังจะเป็นเพียงการปรับโครงสร้าง ไม่ใช่การเขียนใหม่ทั้งหมด
ใช้โมดูล Kotlin ร่วมกัน
ในโครงการหลายแพลตฟอร์ม ตรรกะที่ใช้ร่วมกันจะอยู่ใน commonMain ทุกสิ่งที่คุณใส่ไว้ที่นั่นจะคอมไพล์สำหรับทุกเป้าหมาย จึงกลายเป็นหัวใจของแอป
สรุป: พร้อมเดินทางไปหลายแพลตฟอร์ม
คุณทำให้ตรรกะไม่ขึ้นกับแพลตฟอร์ม ใช้ expect/actual สำหรับส่วนที่แตกต่าง และแบ่งชั้นโมดูลของคุณ แอปได้รับการวางโครงสร้างให้เติบโตไปไกลกว่า Android แล้ว
เรียนรู้ Kotlin ด้วย AI tutor — ฟรี
เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป
- คอร์ส
- 30
- บทเรียน
- 120
คำถามที่พบบ่อย
บทเรียน “สถาปัตยกรรมพร้อม Compose Multiplatform” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “สถาปัตยกรรมพร้อม Compose Multiplatform” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Jetpack Compose Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Jetpack Compose Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “สถาปัตยกรรมพร้อม Compose Multiplatform”
จัดโครงสร้างโค้ดเพื่อแบ่งปัน UI ข้ามแพลตฟอร์ม คุณปฏิบัติ Jetpack Compose Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Jetpack Compose Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Jetpack Compose Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน
บทเรียน “สถาปัตยกรรมพร้อม Compose Multiplatform” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Jetpack Compose Academy นี้ได้ไหม
ได้ บทเรียน Jetpack Compose Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- การช่วยการเข้าถึงและส่วนติดต่อผู้ใช้เต็มขอบ
- โปรไฟล์พื้นฐานสำหรับการเริ่มต้นที่รวดเร็ว
- ชุดแอปสำหรับเผยแพร่ที่ลงลายเซ็นแล้ว
- สถาปัตยกรรมพร้อม Compose Multiplatform