NaughtyCat

iPhone 4 icon

Tuesday nerD
สัปดาห์นี้เอาข้อมูลมาแปะไว้กันลืม
เนื่องจากเมื่อวานมีน้องคนนึงมาถามเรื่องการทำธีมสำหรับไอโฟน
ก็เลยฉุกคิดขึ้นมาได้ว่า iPhone 4 หน้าจอมันละเอียดมากขึ้น
หากทำธีม แก้ไอคอน มันจะต้องเปลี่ยนขนาดไอคอน หรือทำอะไรบ้าง
เรื่องแบบนี้ อาจไม่ต้องไปค้นหาข้อมูลมากมายนัก
ก็ลองแกะแอพมาตรวจสอบเสียเลย
โดยหยิบเอาแอพ iMovie มาแกะ
iMovie นั้นระบุ requirement ไว้ว่าสำหรับ iPhone 4 และ iOS 4.0 ขึ้นไป
ถ้าไม่นับเรื่องการแฮคพยายามติดตั้งลงใน iPhone 3G/3GS ที่เป็น iOS 4.0
แอพนี้ก็น่าจะเป็นตัวแทนสำหรับการศึกษาได้ดี
ซึ่งจริงๆ อาจใช้วิธี jailbreak iPhone 4 แล้วหยิบเอา built-in app มาแกะก็ได้
แต่ว่าแมวดื้อเองยังไม่ได้ซื้อ iPhone 4 ก็เลยไม่สามารถนำมาศึกษาได้

จากการแกะไฟล์ออกมาพบว่า
• กราฟฟิคต่างๆ ของแอพนั้นยังคงเป็นไฟล์ png อยู่เช่นเคย
เมื่อนำไฟล์ออกมาแล้ว ต้องทำการ fix png แบบเดียวกับ iOS ก่อนหน้านี้
ไม่เช่นนั้นจะไม่สามารถเปิดด้วยโปรแกรมดูรูป หรือตกแต่งรูปได้
• หลังจาก fix png แล้ว
หากนำไปเปิดด้วยโปรแกรมดูรูปต่างๆ จะพบว่าสีนั้นไม่เหมือนบนหน้าจอไอโฟน
ซึ่งก็เป็นเรื่อง color channel เช่นเดิม
หากใช้โปรแกรม photoshop ก็สามารถเปลี่ยน channel mixer red/blue สลับกัน
ก็จะได้สีที่เหมือนกับบนหน้าจอไอโฟน
• กราฟฟิคต่างๆ จะมีอยู่ด้วยกันสองขนาด
โดยสังเกตจากชื่อไฟล์
ยกตัวอย่างเช่นไฟล์ไอคอน
จะมีชื่อเป็น icon.png และ icon@2x.png
ซึ่งยังไม่แน่ใจว่า iOS จะจัดการเองทั้งหมดหรือเปล่า
ในการเลือก icon เพื่อการแสดงผลเอง
(ยังไม่ได้ศึกษา)

เบื้องต้นไฟล์ icon.png
จะมีคุณสมบัติเช่น iOS ก่อนหน้านี้
มีขนาด 57 x 57 พิกเซล
เวลาทำธีม อาจทำไอคอนได้ใหญ่ถึง 65 x 65 พิกเซล
ส่วนไฟล์ icon@2x.png
มีขนาด 114 x 114 พิกเซล
เดาว่า.. เวลาทำธีม อาจทำไอคอนได้ใหญ่ถึง 120 x 120 พิกเซล

คำถามต่อไปก็คือ
เราต้องทำไอคอนทั้งสองขนาด ในทุกๆ แอพที่เราต้องการเปลี่ยนไอคอนเลยหรือไม่
อันนี้ก็ยังไม่ได้ศึกษาอีกเช่นเดียวกัน
(เพราะยังไม่มี iOS 4 ใช้งานกับเค้า)
ฮือ..ฮือ..เศร้า
ซึ่งก็คงต้องดูว่า winterboard บน iOS 4 นั้นทำงานอย่างไร
มีการเลือกไฟล์ไอคอนโดยอัตโนมัติหรือไม่
หรือว่ากำหนดเป็นไฟล์ไป
แต่เบื้องต้น ทำไฟล์ใหญ่ไว้ก่อน ย่อให้เล็กน่าจะง่ายกว่า