Jetpack Compose Academy · บทเรียน

สถาปัตยกรรมพร้อม Compose Multiplatform

จัดโครงสร้างโค้ดเพื่อแบ่งปัน UI ข้ามแพลตฟอร์ม

บทเรียน 4 จาก 413 ขั้นตอน

สถาปัตยกรรมพร้อม 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 ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. การช่วยการเข้าถึงและส่วนติดต่อผู้ใช้เต็มขอบ
  2. โปรไฟล์พื้นฐานสำหรับการเริ่มต้นที่รวดเร็ว
  3. ชุดแอปสำหรับเผยแพร่ที่ลงลายเซ็นแล้ว
  4. สถาปัตยกรรมพร้อม Compose Multiplatform
← กลับไปที่ Jetpack Compose Academy