Workshop 3: ใส่ไอคอน App ให้กับ ios
ไฟล์ไอคอนของ ios ก็มีหลายขนาดเช่นกัน สำหรับรองรับ iPhone iPad จอธรรมดาและ Rentina และยังมีไอคอนสำหรับ Setting/Spotlight อีกด้วย แต่การจัดเก็บไฟล์และโฟลเดอร์ของ ios จะแตกต่างกับ Android โดยที่ ios เก็บไฟล์ไอคอนทุกขนาดไว้ในโฟลเดอร์เดียวกัน ที่platforms/ios/ชื่อApp/Resources/icons ลองคลิกเปิดดู จะพบรายชื่อไอคอน
การสร้างไอคอน
- สร้างภาพกราฟิคสี่เหลี่ยมธรรมดาๆ ไม่ต้องทำเงาส่องสว่าง (Gloss) ไม่ต้องมนโค้ง
- ไม่ใช้ Alpha transparency เนื่องจากระบบจะทำโค้งและตกแต่งเองอัตโนมัติ
- ข้อสำคัญ ไม่ควรสร้างให้มีรายละเอียดเล็กๆภายใน และจะมองไม่ค่อยเห็น
เมื่อทราบถึงโครงสร้างที่เก็บไอคอนแล้ว งานของเราคือ สร้างไอคอนขนาดต่างๆ เสร็จแล้วก๊อปปี้เข้าไปใส่ทับของเดิมได้เลย
เสร็จแล้วทดลองรัน (cordova emulate iso หรือ cordova run ios สำหรับอุปกรณ์จริง) ก็จะได้ไอคอน App ที่ต้องกา
กรณีไอคอน App ไม่เปลี่ยน
ในกรณีที่โปรเจค App เคยรันมาก่อนโดยที่ใช้ไอคอนเดิม อาจมีปัญหาว่า ไอคอนตัวใหม่ ที่ใส่เข้าไป ไม่โชว์ (คือยังโชว์ของเก่าเดิมอยู่) วิธีแก้คือ ใช้ Xcode เปิดโปรเจค App แล้วรัน จะได้ไอคอนใหม่ตามจริง (ดับเบิ้ลคลิกเปิดไฟล์ .xcodeproj ในโฟลเดอร์ platforms/ios)
สรุปหลักการคือ สร้างไฟล์ไอคอนขนาดเท่ากับที่ Platform นั้นๆ กำหนดไว้ จากนั้นก็เอ่ไฟล์ไปใส่โฟล์เดอร์ของมัน (จะใส่ไว้ก่อนที่จะเอาไปทำต่อที่ Android Studio / Xcode หรือค่อยเอาไปใส่ตอนทำบน Android Studio / Xcode ก็ได้)
- Andoid platforms/android/res/drawable-xxx
- Ios platforms/ios/ชื่อApp/Resources/icons
- สร้างภาพกราฟิคสี่เหลี่ยมธรรมดาๆ ไม่ต้องทำเงาส่องสว่าง (Gloss) ไม่ต้องมนโค้ง
- ไม่ใช้ Alpha transparency เนื่องจากระบบจะทำโค้งและตกแต่งเองอัตโนมัติ
- ข้อสำคัญ ไม่ควรสร้างให้มีรายละเอียดเล็กๆภายใน และจะมองไม่ค่อยเห็น
เมื่อทราบถึงโครงสร้างที่เก็บไอคอนแล้ว งานของเราคือ สร้างไอคอนขนาดต่างๆ เสร็จแล้วก๊อปปี้เข้าไปใส่ทับของเดิมได้เลย
เสร็จแล้วทดลองรัน (cordova emulate iso หรือ cordova run ios สำหรับอุปกรณ์จริง) ก็จะได้ไอคอน App ที่ต้องกา
กรณีไอคอน App ไม่เปลี่ยน
ในกรณีที่โปรเจค App เคยรันมาก่อนโดยที่ใช้ไอคอนเดิม อาจมีปัญหาว่า ไอคอนตัวใหม่ ที่ใส่เข้าไป ไม่โชว์ (คือยังโชว์ของเก่าเดิมอยู่) วิธีแก้คือ ใช้ Xcode เปิดโปรเจค App แล้วรัน จะได้ไอคอนใหม่ตามจริง (ดับเบิ้ลคลิกเปิดไฟล์ .xcodeproj ในโฟลเดอร์ platforms/ios)
สรุปหลักการคือ สร้างไฟล์ไอคอนขนาดเท่ากับที่ Platform นั้นๆ กำหนดไว้ จากนั้นก็เอ่ไฟล์ไปใส่โฟล์เดอร์ของมัน (จะใส่ไว้ก่อนที่จะเอาไปทำต่อที่ Android Studio / Xcode หรือค่อยเอาไปใส่ตอนทำบน Android Studio / Xcode ก็ได้)
- Andoid platforms/android/res/drawable-xxx
- Ios platforms/ios/ชื่อApp/Resources/icons