Skins for mPhone

Guideline of Skin Design for mPhone

Skin Size

The size of skin bitmap is 240x270 pixels

Files

There are three files in one skin package: 

Skin bitmap file, a bitmap with the normal state of the dialing pad.

Skin mask bitmap file, a bitmap with mask and the pressed state for for all elements of the dialing pad. 

Skin definition file, a definition file defines the elements' locations and some other information.

Skin Definition File

The skin definition file is a plain text file. Here is a sample file:

copyright:Copyright(c) Mobem Technologies Inc.
version:1.0
designer:Ricky
infopanelpos:64, 6, 174 ,65
searchboxpos: 91, 73, 150, 103
contactspos: 104
button: button1, 101, 12, 108, 69, 134 
button: button2, 102, 91, 108, 148, 134
button: button3, 103, 170, 108, 227, 134
button: button4, 104, 12, 149, 69, 175
button: button5, 105, 91, 149, 148, 175
button: button6, 106, 170, 149, 227, 175
button: button7, 107, 12, 190, 69, 216
button: button8, 108, 91, 190, 148, 216
button: button9, 109, 170, 190, 227, 216
button: button*, 110, 12, 231, 69, 257
button: button0, 100, 91, 231, 148, 257
button: button#, 111, 170, 231, 227, 257
button: buttonYes, 120, 6, 6, 59, 53
button: buttonNo, 121, 180, 12, 227, 53
button: buttonC, 122, 195, 58, 227, 84
button: buttonP, 123, 12, 58, 44, 84
button: buttonLeft, 124, 52, 76,86, 95
button: buttonRight, 125, 153, 76, 187, 95
button: buttonWho, 126, 100, 69,139, 102