การสร้าง Theme ไว้ใช้เอง(เพิ่มหน้า Battery)

การสร้าง Theme ไว้ใช้เอง(เพิ่มหน้า Battery)

การสร้าง Theme ไว้ใช้เอง(เพิ่มหน้า Battery) มาลองทำ Theme กันครับ

……

การสร้าง Theme ไว้ใช้เอง
มาลองทำ Theme กันครับ
1. เริ่มต้นลง winterboard จาก cydia ก่อนนะครับ

2. เราต้องจัดวาง Folder ของ Theme ที่จะใช้กับ winterboardให้ถูกต้องตามนี้ครับ
2.1  เริ่มต้น สร้าง Folder ขึ้นมาตั้งชื่ออะไรก็ได้ครับ ในที่นี้ผมจะตั้ง xxx.theme

2.2  สร้าง Folder ชื่อ Icons เอาไว้ใน Folder xxx.theme

2.3  เริ่มแรกเราเลือกภาพที่เราต้องการมาทำเป็น Wallpaper โดยต้องมีขนาด 320*480

เสร็จแล้วทำการ save เป็น Wallpaper.png โดยทำการเก็บไว้ใน Folder xxx.theme

2.4 ต่อมาหาภาพที่จะนำมาทำเป็น Dock หรือที่วาง Icon แถวล่าง
โดยมีขนาด 320*91

เสร็จแล้วทำการ save เป็น Dock.png โดยทำการเก็บ
ไว้ใน Folder xxx.theme เช่นกัน

ทีนี้เราก็จะมี Wallpaper กับ Dock แล้ว

2.5 การสร้าง Icon ขนาด Icon ส่วนใหญ่ที่ใช้กันอยู่ที่ 60*60 – 80*80 แล้วแต่ความชอบ
เลือกหรือสร้างรูปเพื่อนำมาใช้เป็น Icon (ในที่นี้ผมจะใช้ขนาด 60*60)

ในการตั้งชื่อไฟล์เราจะนำไปแทน Icon ของโปรแกรมอะไรก็ให้ตั้งชื่อตามนั้น
เช่น โปรแกรมโทรศัพท์ > Phone.png
โปรแกรม iPod > iPod.png
โปรแกรม Text  > Text.png
อธิบายง่ายๆคือดูชื่อจากใต้ Icon ของแต่ละโปรแกรมในเครื่อง iPhone ของเรา

(ในที่นี้ผมจะนำไปแทน Icon โปรแกรม Photos)

เสร็จแล้วให้ saveไฟล์ที่ได้ไว้ที่ Folder Icons ที่อยู่ใน Folder xxx.theme

ทำแบบนี้ทุก Icon ที่เราอยากจะเปลี่ยนนะครับ

2.6 นำ Folder xxx.theme ไปวางที่ /Library/Themes ใน iphone

เสร็จแล้วเข้าไปเลือกในโปรแกรม winterboard ครับ
จัดวาง Iconตามชอบ

3. ต่อไปเราจะมาปรับเปลี่ยน รูป Signal Bars , Wifi Bars , Edge Bar

3.1 ผมจะใช้ Folder คือ xxx.theme เดิมในการสร้างนะครับ เราต้องสร้าง Folder
เพิ่มคือ Folder ชื่อ Bundles เอาไว้ใน Folder  xxx.theme

เสร็จแล้วสร้าง Folderชื่อ com.apple.springboard ไว้ใน Folder Bundles อีกทีครับ

3.2 เรามาเริ่มที่ Signal ก่อน Signal มีทั้งหมด 2 ที่นะครับรูปแบบเดิมที่มากับเครื่อง
ทั้งสองที่นี้จะแสดงกันคนละสีนะครับคือ ที่แรกอยู่ในหน้าแรกหรือที่เราเรียกกันว่า หน้า Home ที่ที่สองคือในหน้าโปรแกรมต่างๆ

ต่อไปเราสร้างหรือนำไฟล์ภาพที่ต้องการมาใช้โดยจะต้องมีทั้งหมด 12ไฟล์
คือแบ่งเป็นที่ละ 6 ไฟล์ (ในที่นี้ผมขอใช้แบบเดียวกันทั้งสองที่นะครับ)
เริ่มที่  6 ไฟล์แรกที่แสดงในหน้า Home (ไฟล์ทั้ง 6 แสดงถึงสัญญาณที่แตกต่างกัน) ขนาดของไฟล์จะมีขนาด 18*20
เมื่อได้แล้วให้ทำการ save เป็นชื่อตามนี้
FSO_0_Bars.png  >>>>  สัญญาณน้อยสุด
FSO_1_Bars.png
FSO_2_Bars.png
FSO_3_Bars.png
FSO_4_Bars.png
FSO_5_Bars.png  >>>>  สัญญาณเต็ม
6 ไฟล์ต่อมาที่แสดงในหน้า โปรแกรมต่างๆ (ไฟล์ทั้ง 6 แสดงถึงสัญญาณที่แตกต่างกัน) ขนาดของไฟล์จะมีขนาด 18*20
เมื่อได้แล้วให้ทำการ save เป็นชื่อตามนี้
Default_0_Bars.png  >>>>  สัญญาณน้อยสุด
Default_1_Bars.png
Default_2_Bars.png
Default_3_Bars.png
Default_4_Bars.png
Default_5_Bars.png  >>>>  สัญญาณเต็ม

โดย save ทั้งหมดไว้ที่ xxx.theme/Bundles/com.apple.springboard

3.3 รูปต่อไป Wifi มีทั้งหมด 2 ที่เหมือนกันแต่ Wifi จะมีแค่ 8 ไฟล์
คือแบ่งเป็นที่ละ 4 ไฟล์ (ในที่นี้ผมขอใช้แบบเดียวกันทั้งสองที่นะครับ)
เริ่มที่ 4 ไฟล์แรกที่แสดงในหน้า Home (ไฟล์ทั้ง 4 แสดงถึงสัญญาณที่แตกต่างกัน)
ขนาดของไฟล์จะมีขนาด 18*20
เมื่อได้แล้วให้ทำการ save เป็นชื่อตามนี้
(หน้า Home)
FSO_0_AirPort.png  >>>>  สัญญาณน้อยสุด
FSO_1_AirPort.png
FSO_2_AirPort.png
FSO_3_AirPort.png  >>>>  สัญญาณเต็ม
4 ไฟล์ต่อมาที่แสดงในหน้า โปรแกรมต่างๆ (ไฟล์ทั้ง 4 แสดงถึงสัญญาณที่แตกต่างกัน)
ขนาดของไฟล์จะมีขนาด 18*20
เมื่อได้แล้วให้ทำการ save เป็นชื่อตามนี้
(หน้า ด้านใน)
Default_0_AirPort.png  >>>>  สัญญาณน้อยสุด
Default_1_AirPort.png
Default_2_AirPort.png
Default_3_AirPort.png  >>>>  สัญญาณเต็ม

โดย save ทั้งหมดไว้ที่ xxx.theme/Bundles/com.apple.springboard

3.4 รูปต่อไป Edge มีทั้งหมด 2 ที่เหมือนกันแต่ Edge จะมีแค่ 2 ไฟล์
คือแบ่งเป็นที่ละ 1 ไฟล์ (ในที่นี้ผมขอใช้แบบเดียวกันทั้งสองที่นะครับ)
ขนาดของที่ผมนำมาใช้ไฟล์จะมีขนาด 15*17

เมื่อได้แล้วให้ทำการ save เป็นชื่อตามนี้
FSO_EDGE_ON.png  >>>> สำหรับหน้า Home
Default_EDGE_ON.png  >>>> สำหรับหน้าด้านในโปรแกรม

โดย save ทั้งหมดไว้ที่xxx.theme/Bundles/com.apple.springboard

3.5 นำ Folder xxx.theme ไปวางที่ /Library/Themes ใน iphoneเหมือนเดิม

เสร็จแล้วเข้าไปเลือกในโปรแกรม winterboard ครับ

4. ทีนี้เรามาทำ หน้า Lock Screen กัน
4.1 เหมือนเดิมผมจะใช้ Folder คือ xxx.theme เดิมในการสร้างนะครับ
หน้า Lock Screen มีส่วนประกอบ 2 ส่วน คือ ภาพ LockBackgroundกับ Slider Icon
เริ่มจากการเลือกรูปนำมาเป็นภาพ Lock Screen ขนาด 320*480

เสร็จแล้วทำการ save เป็น LockBackground.png

โดยทำการเก็บไว้ใน Folder xxx.theme

4.2 สร้าง Folder ชื่อ com.apple.TelephonyUI ใส่ไว้ใน Folder Bundles ที่เราสร้างมาตอนข้อ 3.1

4.3 Slider Icon มีทั้งหมด 3 ไฟล์ ขนาด 50*50
สร้างหรือเลือกไฟล์ที่จะนำมาใช้

เสร็จแล้ว save ชื่อตามนี้
bottombarknobgray.png   >>>  Slider ตอน unlock
bottombarknobgreen.png  >>>  Slider ตอน รับสาย
bottombarknobred.png   >>>  Slider ตอนปิดเครื่อง

โดยทำการเก็บไว้ใน Folder xxx.theme/Bundles/com.apple.TelephonyUI

(อีกไฟล์คือ ไฟล์ Background ของ Slider ไฟล์มีขนาด 71*47
ถ้าใครไม่ชอบให้มีราง Slider ให้สร้างภาพเป็น Transparent
เสร็จแล้ว save ชื่อตามนี้
bottombarbkgndlock.png   >>>  Background Slider
โดยทำการเก็บไว้ใน Folder xxx.theme/Bundles/com.apple.TelephonyUI เช่นกัน)

4.4 นำ Folder xxx.theme ไปวางที่ /Library/Themes ใน iphone

เสร็จแล้วเข้าไปเลือกในโปรแกรม winterboard ครับ

5. เพิ่มเติม มาต่อกันที่การทำ ภาพ Battery ตอน charge Battery ครับ
ผมใช้ Folder เดิมนะครับคือ xxx.theme ซึ่งจะมี Folder Bundles
อยู่ข้างใน และ Folder com.apple.springboard อยู่ใน Bundlesอีกที
ไฟล์ภาพ BatteryBG ที่ต้องใช้มีทั้งหมด 18ภาพนะครับ
5.1 เริ่มจากการเลือกหรือสร้างภาพ โดยขนาดจะอยู่ที่ 264*128

เมื่อได้ภาพและขนาดตามต้องการแล้วทำการ save โดยตั้งชื่อ
ตามนี้ครับ
BatteryBackground.png   >>>    ภาพ Battery 0% หรือ น้อยสุด
BatteryBG_1.png   BatteryBG_2.png
BatteryBG_3.png   BatteryBG_4.png
BatteryBG_5.png   BatteryBG_6.png
BatteryBG_7.png   BatteryBG_8.png
BatteryBG_9.png   BatteryBG_10.png
BatteryBG_11.png  BatteryBG_12.png
BatteryBG_13.png  BatteryBG_14.png
BatteryBG_15.png  BatteryBG_16.png
BatteryBG_17.png    >>> ภาพ Battery 100% หรือ เต็ม

โดย save ทั้งหมดไว้ที่ xxx.theme/Bundles/com.apple.springboard

5.2 นำ Folder xxx.theme ไปวางที่ /Library/Themes ใน iphone

เสร็จแล้วเข้าไปเลือกในโปรแกรม winterboard ครับ

หวังว่าคงพอเข้าใจนะครับ
Enjoy ครับ

เครดิต pdamobiz