ไอคอนแอป หน้าจอเปิดใช้ และทรัพยากร
เตรียมข้อมูลกำกับและภาพที่จำเป็นสำหรับแอป
ไอคอนแอป หน้าจอเปิดใช้ และทรัพยากร เป็นบทเรียน SwiftUI Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน SwiftUI Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส SwiftUI Academy มีบทเรียนทั้งหมด 4 บทเรียน
บางส่วนของบทเรียนนี้ยังไม่ได้รับการแปล และแสดงเป็นภาษาอังกฤษ
First Impressions
Before you ship, your app needs polished visuals. The app icon is the very first thing users see on the Home Screen. 🎨
The Asset Catalog
All your images live in the Assets.xcassets catalog. Xcode bundles them and picks the right resolution for each device automatically.
The AppIcon Set
Open the AppIcon entry in your asset catalog. This is the dedicated slot where Xcode expects your app icon artwork.
A Single Source Icon
Modern Xcode accepts one 1024x1024 PNG and generates every smaller size for you, so you no longer hand-make dozens of icons.
Icon Design Rules
Keep the icon simple and avoid transparency or text. iOS rounds the corners for you, so design on a full square canvas.
The Launch Screen
The launch screen shows for a split second while your app loads. It should look like your first real screen, not a splash ad.
Setting It Up
Configure the launch screen in your target settings or a simple storyboard. Keep it static, since it cannot run any of your code.
Accent Color
Set an accent color in the asset catalog to tint buttons and controls across your app with one consistent brand color.
Image Sets
Add other artwork as image sets. Provide 1x, 2x, and 3x versions, and iOS loads the crisp one for each screen.
Naming Assets
Reference any catalog image by its name in code, so swapping artwork later never touches your views.
Image("logo")Dark Mode Variants
An image set can hold a separate dark appearance, so iOS shows the right artwork when the user switches the system theme.
Quick Check
You have prepped your visuals. One quick question about icons.
Recap
You prepared your app visuals: a single high-res app icon, a clean launch screen, an accent color, and named image sets in the asset catalog. ✨
เรียนรู้ Swift ด้วย AI tutor — ฟรี
เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป
- คอร์ส
- 30
- บทเรียน
- 120
คำถามที่พบบ่อย
บทเรียน “ไอคอนแอป หน้าจอเปิดใช้ และทรัพยากร” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “ไอคอนแอป หน้าจอเปิดใช้ และทรัพยากร” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส SwiftUI Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส SwiftUI Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “ไอคอนแอป หน้าจอเปิดใช้ และทรัพยากร”
เตรียมข้อมูลกำกับและภาพที่จำเป็นสำหรับแอป คุณปฏิบัติ SwiftUI Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน SwiftUI Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน SwiftUI Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน
บทเรียน “ไอคอนแอป หน้าจอเปิดใช้ และทรัพยากร” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน SwiftUI Academy นี้ได้ไหม
ได้ บทเรียน SwiftUI Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- ไอคอนแอป หน้าจอเปิดใช้ และทรัพยากร
- การลงนาม ความสามารถ และการจัดเตรียม
- เก็บถาวรและอัปโหลดบิลด์
- TestFlight และการส่งตรวจสอบ