Kotlin Multiplatform Academy · บทเรียน

ไม่นำ UI ไว้ในโค้ด shared

กำหนดขอบเขตเพื่อให้เลเยอร์ shared ยังคงพกพาได้

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

ไม่นำ UI ไว้ในโค้ด shared เป็นบทเรียน Kotlin Multiplatform Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Kotlin Multiplatform Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Kotlin Multiplatform Academy มีบทเรียนทั้งหมด 4 บทเรียน

กำหนดขอบเขตให้ชัดเจน

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

เหตุใดส่วนติดต่อผู้ใช้จึงไม่ควรอยู่ที่นี่

มุมมองของแอนดรอยด์และ SwiftUI เป็นสิ่งเฉพาะแพลตฟอร์ม การใส่สิ่งเหล่านี้ไว้ใน commonMain จะทำให้การคอมไพล์บนแพลตฟอร์มอีกฝั่งล้มเหลวทันที

ส่วนที่นำกลับมาใช้ใหม่ได้คือตรรกะ

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

คืนข้อมูล ไม่ใช่วิดเจ็ต

ฟังก์ชันที่ใช้ร่วมกันควรส่งคืน ข้อมูล ธรรมดา เช่น ยอดรวมหรือสตริงป้ายกำกับ ไม่ใช่ปุ่มหรือมุมมอง

fun cartLabel(total: Double): String = "Total due: " + total

ไม่มีการแจ้งเตือนหรือกล่องข้อความ

การแสดง ข้อความ เป็นหน้าที่ของส่วนติดต่อผู้ใช้ โค้ดที่ใช้ร่วมกันควรคืนข้อความที่จะใช้แสดง แล้วให้แต่ละแอปตัดสินใจว่าจะนำไปแสดงอย่างไร

ไม่มีสีหรือการตกแต่ง

สีเลขฐานสิบหกและแบบอักษรเป็นเรื่องของการนำเสนอ เก็บ การตกแต่ง ไว้ในส่วนติดต่อผู้ใช้ของแต่ละแพลตฟอร์ม เพื่อให้นักออกแบบปรับแต่ละแอปได้อย่างอิสระ

เปิดเผยสถานะให้ส่วนติดต่อผู้ใช้

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

data class CartState(val total: Double, val itemCount: Int)

ทิศทางของการพึ่งพา

ส่วนติดต่อผู้ใช้พึ่งพาโค้ดที่ใช้ร่วมกัน ไม่ใช่ในทางกลับกัน ลูกศร ทางเดียวนี้ทำให้โมดูลที่ใช้ร่วมกันสะอาดและนำกลับมาใช้ใหม่ได้

Compose MP เป็นข้อยกเว้น

Compose Multiplatform สามารถใช้ส่วนติดต่อผู้ใช้ร่วมกันได้เช่นกัน แต่ต้องเลือกเปิดใช้เอง โมดูล ตรรกะ หลักของคุณยังคงไม่มีส่วนติดต่อผู้ใช้และมีขนาดเบา

ตรวจกลิ่นโค้ดอย่างรวดเร็ว

หากไฟล์ที่ใช้ร่วมกันนำเข้าแพ็กเกจส่วนติดต่อผู้ใช้ของแพลตฟอร์ม นั่นคือ สัญญาณผิดปกติ ให้ย้ายโค้ดนั้นออกไปยังโมดูลแอปที่เหมาะสม

ผลลัพธ์ที่ได้รับ

ชั้นโค้ดที่ใช้ร่วมกันและไม่มีส่วนติดต่อผู้ใช้จะคอมไพล์ได้ทุกที่ และเพิ่มแพลตฟอร์มเป้าหมายใหม่ได้ง่าย วินัยในจุดนี้ทำให้ KMP คุ้มค่า 🚀

ตรวจสอบอย่างรวดเร็ว

ฟังก์ชันที่ใช้ร่วมกันควรคืนอะไรแทนวิดเจ็ตของส่วนติดต่อผู้ใช้

ตอบคำถามในบทเรียนแบบโต้ตอบ

สรุป: ใช้ตรรกะร่วมกัน ส่วนติดต่อผู้ใช้เป็นเนทีฟ

คุณไม่นำวิดเจ็ต สี และการแจ้งเตือนไว้ในโค้ดที่ใช้ร่วมกัน และให้โค้ดนั้นเปิดเผยเพียง ข้อมูล ที่ส่วนติดต่อผู้ใช้แบบเนทีฟนำไปแสดง ✅

เริ่มต้นได้ฟรี

เรียนรู้ Kotlin ด้วย AI tutor — ฟรี

เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป

คอร์ส: 30
บทเรียน: 120

เริ่มเรียนฟรี ดูหลักสูตรเต็ม

คำถามที่พบบ่อย

บทเรียน “ไม่นำ UI ไว้ในโค้ด shared” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “ไม่นำ UI ไว้ในโค้ด shared” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Kotlin Multiplatform Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Kotlin Multiplatform Academy มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “ไม่นำ UI ไว้ในโค้ด shared”

กำหนดขอบเขตเพื่อให้เลเยอร์ shared ยังคงพกพาได้ คุณปฏิบัติ Kotlin Multiplatform Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Kotlin Multiplatform Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน Kotlin Multiplatform Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน

บทเรียน “ไม่นำ UI ไว้ในโค้ด shared” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน Kotlin Multiplatform Academy นี้ได้ไหม

ได้ บทเรียน Kotlin Multiplatform Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

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

← กลับไปที่ Kotlin Multiplatform Academy