| EnCallio's skin files are based on XML format. |
|
Importand: Created xml file must be contained in a
folder which has the same name as the skin and this folder must be
stored under <EnCallio's main folder>\skins\
folder. All related images and icons of the skin must be included in the
skin's folder
ex: <EnCallio's main folder>\skins\Autumn\Autumn.xml |
|
| Skin is based on five main elements: <screen>, <contact>, <inskin>,
<outskin> and <plugins>[optional] |
<?xml version="1.0" encoding="utf-8" ?>
<skin>
<screen></screen>
<contact>
sub-elements
</contact>
<inskin>
sub-elements
</inskin>
<outskin>
sub-elements
</outskin>
<plugins>
sub-elements
</plugins>
</skin> |
| |
|
| |
| <screen> element |
| Description: Defines window state of EnCallio |
| |
| Sub-elements |
: |
none |
| Properties |
: |
1 |
|
| |
| syntax: <screen state="max"></screen> |
| |
| Property |
Description |
Values |
Value description |
| state |
Defines the window state |
normal
max |
Sets window size to normal
Sets window size to maximum |
|
| |
|
| |
| <contact> element |
| Description: Sets the contact layout such as photo
location, name and number location on screen |
| |
| Sub-elements |
: |
photo, nophoto, name, number |
| Properties |
: |
none |
|
|
syntax: <contact>
... sub-elements ...
</contact> |
| |
| |
• sub-elements |
| |
<photo> |
| |
Description: Sets the contact picture layout on screen |
|
|
| |
syntax: <photo location="57,52"
width="126" height="136" background="no" sizemode="2"></photo> |
| |
| Property |
Description |
Values |
Value description |
| location |
Starting location of contact picture |
x,y |
Sets location on screen |
|
| width |
Defines the width of picture |
pixels |
|
|
| height |
Defines the height of picture |
pixels |
|
|
| background |
Allows the contact picture to
appear as full-screen background image starting from 0,0
location |
yes
no |
Contact picture as background
Contact picture based on location width and height |
|
| sizemode |
Indicates how the contact picture
is displayed |
1
2
3 |
Displayed as it is, clipped if
larger than bounds
Stretched within the bounds
Centered, clipping might occur |
|
| |
|
|
|
| |
|
| |
<nophoto> |
| |
Description: Defines an image for contacts
with no picture |
|
|
| |
syntax: <nophoto>nophoto.jpg</nophoto>
element-value: filename of the image |
| |
|
|
|
| |
|
| |
<name> |
| |
Description: Sets the contact's name layout on screen |
|
|
| |
syntax: <name color="#ffffff" size="12"
font="tahoma" location="22,214" style="5" shadow="yes"
shadowcolor="#000000" shadowdir="4"
align="center" width="198" visible="yes"></name>
|
| |
| Property |
Description |
Values |
Value description |
| location |
Starting location of contact picture |
x,y |
Sets location on screen |
|
| size |
Sets the size of the font |
points |
|
|
| color |
Sets the color of the font |
web-color |
ex: #FFFFFF |
|
| font |
Sets font family name |
font-family |
ex: tahoma |
|
| style |
Sets the style of the font |
0
1
2
3
4
5
6
7
8 |
regular
bold
italic
underline
strikeout
bold-italic
bold-underline
bold-italic-underline
italic-underline |
|
| shadow |
Indicates if shadow will be drawn |
yes
no |
Allows shadow to be drawn
No shadow |
|
| shadowcolor |
Sets the shadow color |
web-color |
ex: #000000 |
|
| shadowdir |
Sets the shadow direction |
1
2
3
4 |
left-up
right-up
left-down
right-down |
|
| align |
Specifies the horizontal
alignment |
left
right
center |
|
|
| width |
Defines the width of rectangle
that will be
used for alignment |
pixels |
|
|
| visible |
Indicates if contact name will be
visible on
screen |
yes
no |
Visible
Hidden |
|
| |
|
|
|
| |
|
| |
<number> |
| |
Description: Sets the contact's phone number layout on screen |
|
|
| |
syntax: <number
color="ffffff" size="12" font="tahoma" location="22, 237"
style="1" shadow="yes" shadowcolor="#000000" shadowdir="4"
align="center" width="198"
visible="yes"></number>
|
| |
| Property |
Description |
Values |
Value description |
| location |
Starting location of contact picture |
x,y |
Sets location on screen |
|
| size |
Sets the size of the font |
points |
|
|
| color |
Sets the color of the font |
web-color |
ex: #FFFFFF |
|
| font |
Sets font family name |
font-family |
ex: tahoma |
|
| style |
Sets the style of the font |
0
1
2
3
4
5
6
7
8 |
regular
bold
italic
underline
strikeout
bold-italic
bold-underline
bold-italic-underline
italic-underline |
|
| shadow |
Indicates if shadow will be drawn |
yes
no |
Allows shadow to be drawn
No shadow |
|
| shadowcolor |
Sets the shadow color |
web-color |
ex: #000000 |
|
| shadowdir |
Sets the shadow direction |
1
2
3
4 |
left-up
right-up
left-down
right-down |
|
| align |
Specifies the horizontal
alignment |
left
right
center |
|
|
| width |
Defines the width of rectangle
that will be
used for alignment |
pixels |
|
|
| visible |
Indicates if contact name will be
visible on
screen |
yes
no |
Visible
Hidden |
|
|
|
|
|
| |
| <inskin> element |
| Description: Sets the incoming call screen layout |
| |
| Sub-elements |
: |
background, image, text, icon |
| Properties |
: |
none |
|
|
syntax: <inskin>
... sub-elements ...
</inskin> |
| |
| |
• sub-elements |
| |
<background> |
| |
Description: Defines the background image for
the skin |
|
|
| |
syntax:
<background>autumn.jpg</background>
element-value:
filename of the background
image |
| |
|
|
|
|
|
| |
<image> |
| |
Description: Draws an image on the skin |
|
|
| |
syntax: <image
location="51,46" width="138" height="148" alphablend="yes"
alpha="100" roundcorners="yes">frame.jpg</image>
element-value:
filename of the image |
| |
| Property |
Description |
Values |
Value description |
| location |
Starting location of image |
x,y |
Sets location on screen |
|
| width |
Defines the width of image |
pixels |
|
|
| height |
Defines the height of image |
pixels |
|
|
| alphablend |
Indicates if the image is
alphablended |
yes
no |
Has alphablend
No alphablend |
|
| alpha |
Sets the alpha value if
alphablended |
0 to 255 |
ex: 0 - transparent
ex: 128 - semitransparent
ex: 255 - solid |
|
| roundcorners |
Indicates that image will be
drawn with round
corners |
yes
no |
Round-cornered image
Rectangle image
|
|
| |
|
|
|
| |
|
| |
<text> |
| |
Description: Draws text on the skin |
|
|
| |
syntax: <text
color="ffffff" size="12" font="tahoma" location="40,1"
style="1">Incoming Call...</text>
element-value:
text to be drawn
|
| |
| Property |
Description |
Values |
Value description |
| location |
Starting location of text |
x,y |
Sets location on screen |
|
| size |
Sets the size of the font |
points |
|
|
| color |
Sets the color of the font |
web-color |
ex: #FFFFFF |
|
| font |
Sets font family name |
font-family |
ex: tahoma |
|
| style |
Sets the style of the font |
0
1
2
3
4
5
6
7
8 |
regular
bold
italic
underline
strikeout
bold-italic
bold-underline
bold-italic-underline
italic-underline |
|
| |
|
|
|
| |
|
| |
<icon> |
| |
Description: Draws an icon on the skin |
|
|
| |
syntax: <icon
location="8,3">incall.ico</icon>
element-value:
filename of the icon
|
| |
| Property |
Description |
Values |
Value description |
| location |
Starting location of icon |
x,y |
Sets location on screen |
|
|
| |
|
| |
| <outskin> element |
| Description: Sets the outgoing call screen layout |
| |
| Sub-elements |
: |
background, image, text, icon |
| Properties |
: |
none |
|
|
syntax: <outskin>
... sub-elements ...
</outskin> |
| |
| |
• sub-elements |
| |
<background> |
| |
Description: Defines the background image for
the skin |
|
|
| |
syntax:
<background>autumn.jpg</background>
element-value:
filename of the background
image |
| |
|
|
|
|
|
| |
<image> |
| |
Description: Draws an image on the skin |
|
|
| |
syntax: <image
location="51,46" width="138" height="148" alphablend="yes"
alpha="100" roundcorners="yes">frame.jpg</image>
element-value:
filename of the image |
| |
| Property |
Description |
Values |
Value description |
| location |
Starting location of image |
x,y |
Sets location on screen |
|
| width |
Defines the width of image |
pixels |
|
|
| height |
Defines the height of image |
pixels |
|
|
| alphablend |
Indicates if the image is
alphablended |
yes
no |
Has alphablend
No alphablend |
|
| alpha |
Sets the alpha value if
alphablended |
0 to 255 |
ex: 0 - transparent
ex: 128 - semitransparent
ex: 255 - solid |
|
| roundcorners |
Indicates that image will be
drawn with round
corners |
yes
no |
Round-cornered image
Rectangle image
|
|
| |
|
|
|
| |
|
| |
<text> |
| |
Description: Draws text on the skin |
|
|
| |
syntax: <text
color="ffffff" size="12" font="tahoma" location="40,1"
style="1">Outgoing Call...</text>
element-value:
text to be drawn
|
| |
| Property |
Description |
Values |
Value description |
| location |
Starting location of text |
x,y |
Sets location on screen |
|
| size |
Sets the size of the font |
points |
|
|
| color |
Sets the color of the font |
web-color |
ex: #FFFFFF |
|
| font |
Sets font family name |
font-family |
ex: tahoma |
|
| style |
Sets the style of the font |
0
1
2
3
4
5
6
7
8 |
regular
bold
italic
underline
strikeout
bold-italic
bold-underline
bold-italic-underline
italic-underline |
|
| |
|
|
|
| |
|
| |
<icon> |
| |
Description: Draws an icon on the skin |
|
|
| |
syntax: <icon
location="8,3">outcall.ico</icon>
element-value:
filename of the icon
|
| |
| Property |
Description |
Values |
Value description |
| location |
Starting location of icon |
x,y |
Sets location on screen |
|
|
| |
|
| |
| <plugins> element |
| Description: Displays predefined plug-ins on the skin |
| |
| Sub-elements |
: |
battery, signal, clock |
| Properties |
: |
none |
|
|
syntax: <plugins>
... sub-elements ...
</plugins> |
| |
| |
• sub-elements |
| |
<battery> |
| |
Description: Displays battery strength |
|
|
| |
syntax: <battery
location="195,8" color="ffffff" visible="yes"></battery> |
| |
| Property |
Description |
Values |
Value description |
| location |
Starting location of battery
plug-in |
x,y |
Sets location on screen |
|
| color |
Sets the color of the the plug-in |
web-color |
ex: #FFFFFF |
|
| visible |
Indicates if plug-in will be
visible on
screen |
yes
no |
Visible
Hidden |
|
| |
|
|
|
| |
|
| |
<signal> |
| |
Description: Displays signal strength |
|
|
| |
syntax: <signal
location="220,8" color="ffffff" visible="yes"></signal> |
| |
| Property |
Description |
Values |
Value description |
| location |
Starting location of signal plug-in |
x,y |
Sets location on screen |
|
| color |
Sets the color of the the plug-in |
web-color |
ex: #FFFFFF |
|
| visible |
Indicates if plug-in will be
visible on
screen |
yes
no |
Visible
Hidden |
|
| |
|
|
|
| |
|
| |
<clock> |
| |
Description: Draws text on the skin |
|
|
| |
syntax: <clock
location="200,32" color="ffffff" size="6" font="tahoma"
visible="no"></clock>
|
| |
| Property |
Description |
Values |
Value description |
| location |
Starting location of text |
x,y |
Sets location on screen |
|
| size |
Sets the size of the font |
points |
|
|
| color |
Sets the color of the font |
web-color |
ex: #FFFFFF |
|
| font |
Sets font family name |
font-family |
ex: tahoma |
|
| visible |
Indicates if plug-in will be
visible on
screen |
yes
no |
Visible
Hidden |
|
|
| |
|
| |
| Skin example (Autumn.xml) |
<?xml version="1.0" encoding="utf-8" ?>
<skin>
<screen state="max"></screen>
<contact><!--always keep on top of skin element-->
<photo location="57,52" width="126" height="136"
background="no" sizemode="2"></photo>
<nophoto>nophoto.jpg</nophoto>
<name color="ffffff" size="12" font="tahoma"
location="22,214" style="5" shadow="yes" shadowcolor="#000000" shadowdir="4"
width="198" align="center" visible="yes"></name>
<number color="ffffff" size="12" font="tahoma"
location="22, 237" style="1" shadow="yes" shadowcolor="#000000"
shadowdir="4" width="198" align="center" visible="yes"></number>
</contact>
<inskin><!--order is importand for depth-->
<background>autumn.jpg</background>
<image location="51,46" width="138" height="148" alphablend="yes" alpha="100" roundcorners="yes">frame.jpg</image>
<image location="0,290" width="240" height="30" alphablend="yes" alpha="128" roundcorners="no">fade.jpg</image>
<image location="0,0" width="240" height="30" alphablend="yes" alpha="155" roundcorners="no">fade.jpg</image>
<image location="20,215" width="198" height="50" alphablend="yes" alpha="65" roundcorners="yes">rect.jpg</image>
<text color="ffffff" size="12" font="tahoma"
location="40,1" style="1">Incoming Call...</text>
<text color="ffffff" size="10" font="tahoma"
location="10,293" style="1">Answer</text>
<text color="ffffff" size="10" font="tahoma"
location="187,293" style="1">Reject</text>
<icon location="8,3">incall.ico</icon>
</inskin>
<outskin><!--order is importand for depth-->
<background>autumn.jpg</background>
<image location="51,46" width="138" height="148" alphablend="yes" alpha="100" roundcorners="yes">frame.jpg</image>
<image location="20,215" width="198" height="50" alphablend="yes" alpha="65" roundcorners="yes">rect.jpg</image>
<text color="ffffff" size="12" font="tahoma"
location="40,1" style="1">Outgoing Call...</text>
<icon location="8,3">outcall.ico</icon>
</outskin>
<plugins>
<clock location="200,32" color="ffffff" size="6" font="tahoma"
visible="no"></clock>
<signal location="220,8" color="ffffff"
visible="yes"></signal>
<battery location="195,8" color="ffffff"
visible="yes"></battery>
</plugins>
</skin> |
|
| Go to Top |