WinCE skins

 


Changing the looks of your WinCE desktop.

 

 

 

 

Links on skinning:

 

 

 

What are WinCE skins?

 

When you have (semi) unlocked your device you will get the standard WinCE screen. This screen can be altered to a look of your liking. You can e.g. change the background, add shortcut icons and some special items like a battery update icon or date and time on the screen.

 

How to make your own skin

 

A skin can be made with a little program called "Systeminfo" from Daniel Schumann.  Download Systeminfo

Systeminfo is a little program to show systeminformation directly on your desktop. It can be freely configurated through the use of ini-files. These files can be easily adapted with e.g. notepad.

The following info can be displayed:

  • free memory on folders and memory cards
  • internal memory left
  • time
  • date
  • battery status
  • own choice of desktop icons.

 

The original topic on Systeminfo can be found here. Mind you, Daniel is a Greman guy. So topic completely in German language.

A skin consists of the following parts:

  • background picture, size 320x240
  • ini-files
  • windows 32-bits icons
  • optional Mortscript and script (*.mscr) files.

 

 In the ini-files you can define background, icons and which programs to start with those icons.

 In the main ini-file, "SysInfoSettings.ini", are all other "program" ini-files listed. The names of these "other" ini-files are free.

When you look into some of the ini-files it is all pretty self-explanatory, so not that difficult to change it to your own needs.

For the Dutch speaking people among us there is a detailed "How To"  on http://www.mioforum.be from PrinceR. You will probably will have to be a member to be able to read it. Membership is free though. A lot of info is available and some very knowledgeable people can help you when in trouble.

 

The background (desktop picture) is activated by Start/ Settings/ Control Panel/ Display.

To explain several ini files, I will take the example of the Cobra Skin from Xania, who holds all credits for this.

(Xania - PNA skinning , French language only)

 Back to Top  

This skin uses the background picture called background.bmp.

SysInfoSettings.ini

Date.ini
ProgFiles.ini
Battery.ini
WindowsCE.ini
Buttons.ini
Buttons2.ini
Buttons3.ini
Buttons4.ini



Date.ini

GLOBALSETTINGS
X = 0
Y = 2
Width = 170
Trim = 0
BackgroundColor = 202080
Refresh = 500
BackgroundBitmap = \Windows\background. bmp
BitmapOffsetX = x
BitmapOffsetY = y
DATE
Color = FFFFFF
Format = dddd', 'dd MMMM yyyy

X = 0
Y = 2

The principle of every ini is to define a screen position for the icon through the coordinates X and Y. A negative X or Y are represents the distance to the opposite corner.

 

Width = 170
This line represents the fixed width.

 

BackgroundColor = 202080
Refresh = 500
BackgroundBitmap = \Windows\background. bmp
BitmapOffsetX = x
BitmapOffsetY = y

It is possible to apply a background color in this line(BackgroundColor), apply a transparency (lines BackgroundBitmap and Bitmap = x and y). If the 2 are defined as shown here, Then that is the transparency set. The used codes to define the color are the RGB colors.

 

DATE
Color = FFFFFF
Format = dddd', 'dd MMMM yyyy

These lines are to post the date on your desktop screen, the color of the text as well as the format are definable.
The possible formats are explained
here
The date is refreshed every 500 millisecondes (one can put 0 if no refresh is needed).

You can also define the time, in the same file ini or in another, with the term TIME. The possible formats are explained
here.

 

ProgFiles.ini

GLOBALSETTINGS
#X = 80 if one wants to leave the place for a short cut
X = 4
Y = 22
Width = 112
Trim = 0
BackgroundColor = 000000
BackgroundBitmap = \Windows\background. bmp
BitmapOffsetX = x
BitmapOffsetY = y
Refresh = 5000

#MEMORY
#ShowPath = 1
#PhysMemBar = 1
#PhysMemPercent = 1
#PhysMemValue = 1
#Color = 000000
#BackgroundColorLow = BF2020
#BackgroundColorHigh = 20BF20

DISKMEM
Folder = Program Spin
ShowPath = 1
Bar = 1
Pierce = 1
Been worth = 1
Color = 000000
BackgroundColorLow = BF2020
BackgroundColorHigh = 20BF20

This file ini allows portraying the used memory under "MEMORY" for Program Memory and "DISKMEM" for Storage Memory. The definition is rather explicit.

  • Bar; displays (1) or not (0) the bar representing the level of the free memory.
  • Pierce; displays the memory percentage free.
  • Been worth; displays the value of the free memory/ total.
  • Color;  choose the color of the bar 
  • Backgroundcolor; the colors of the memory levels.

 

 

Battery.ini

GLOBALSETTINGS
ShowMessage = 0
X = -2
Y = 2
Width = 50
Trim = 0
BackgroundColor = 000000
BackgroundBitmap = \Windows\background. bmp
BitmapOffsetX = x
BitmapOffsetY = y
# goes 60 Sekunden aktualisieren
Refresh = 60000

BATTERY
Height = 12
ColorBattery = FFFFFF
Segments = 3

The state of the battery is represented by several segments for the load level. The segments are depicted inside a battery.

  • Height = the height of the battery
  • ColorBattery = the color of the outline of the battery
  • Segments = the number of total segments displayed.

Optional definitions:

  • ColorCritical = [HEX] defines the color of the segments from 0 - 33%.
  • ColorLow = [HEX] defines the color of the segments from 34 - 66%.
  • ColorHigh = [HEX] defines the color of the segments from 67 - 100%.
  • Test = [BOOL] allows display of all the segments to test ends


WindowsCE.ini

GLOBALSETTINGS
ShowMessage = 0
X = 4
Y = -7
Width = 110
Trim = 0
BackgroundBitmap = \Windows\background. bmp
BitmapOffsetX = x
BitmapOffsetY = y
Refresh = 0

TEXT
Color = 396BA5
Text = Cobra Skin by Xania

With this file one can post a commentary, It has not been tested, but one must be able to put in several lines in "Text".



Buttons.ini

GLOBALSETTINGS
ShowMessage = 0
X's = 270
There = 50
Width = 40
Trim = 0
BackgroundColor = 000000
BackgroundBitmap = \windows\background. bmp
BitmapOffsetX = x's
BitmapOffsetY = there
Refresh = 0
Distance = 16

ICONXPBUTTON
Command = Program Spin\Navigator\TomTom Navigator.exe
SizeNormal = 32
SizePushed = 32
ScaleAlpha = 100
IconNormal = Cobra Skin by Xania\globe. ico
ScaleAlpha = 100
IconPushed = Cobra Skin by Xania\globe. ico

ICONXPBUTTON
Command = \oziexplorer\OziExplorerCE. former
SizeNormal = 32
SizePushed = 32
ScaleAlpha = 100
IconNormal = Cobra Skin by Xania\tree. ico
ScaleAlpha = 100
IconPushed = Cobra Skin by Xania\tree. ico

These button files allow us to define the screen icons which activates the program (Command) when clicked on in the desktop.
You can define different icons, since they appear in the same space, they will appear as changing icons, when pushed.

The paths of both program and icon(s) are specified here.

 It is also necessary to define the size of the icons (16, 32, 48, etc.. pixels). The icon displayed is defined in IconNormal and the icon pushed in IconPushed. One can of course define the same icons for both. 

It is the Alpha level of each of the two that  allows differentiating them, command ScaleAlpha (100 = not any transparency).

One can also play with the size or use the following commands:

  • ScaleRed = [NUMBER] % color. (50=half, 200 = doubles)
    ScaleGreen, ScaleBlue are similar.
  • AddRed = [NUMBER] number between -255 and 255 that is added to the red value.
    AddGreen, AddBlue are similar.
  • Gray = [BOOL] the icon then is grayish

 Back to Top  

Installation of the skin

 

  • copy the file of the skin to \My Computer
  • copy the backgorund picture to the Windows directory
  • make this picture your desktop background through Start/ Settings/ Control Panel/ Display
  • put a shortcut of systeminformation1.2.2.exe in windows\startup.

 

If you copy your skin file somewhere else on your PNA or rename it, it will of course be necessary to modify the paths in all the buttonXX.ini accordingly.

For working with icons you can use
Microangelo of which a version 14 days is available. You will be able to find a vast choice of icons and of screen on the sites Deviantart.com / http://blog.tpdkdesign.net/ and http://crystalxp.net/.

 

For RGB color codes see: Hex Colors RGB
 

Some other skins: Leelou - French skins

 

 

 

 Back to Top  

Navigator

 

Credits go to Stroths on gpspassion.

Topic - Mio Shell Replacement

  







Navigator Version 2.2 
http://todoacerd100.iespana.es/Navigator_release_22.CAB

 



 

 

 

 

 

 

Instructions Overview
------------------------
NOTE: Your Mio must be hacked so you can access the Windows CE Desktop for this to work

1. Install the Microsoft .net redistributable 1.0 SP3 (desktop method or cab...your choice)
2. Install the navigator cab to \Program Files\Navigator (don't change this directory). Use the new 2.2 version link in this thread.
3. Modify the navigator.ini file mentioned in the link above to your needs. DO NOT add any extra carriage returns (pressing Enter) in the file. I did this by accident and the navigator.exe gave errors when trying to start.


Microsoft Compact .net 1.0 SP3 Cab install: http://rapidshare.com/files/5371038/netcf.all.wce4.ARMV4I.cab.html


You device needs to be (semi)-unlocked to install the software.

I make changes to the navigator.ini or icons and copy them to the Mio, but they don't show up.
Make sure you have the navigator program closed before copying any modified files over. Otherwise they will either not show up or will get overwritten by the currently running version.

How do I make Navigator automatically startup after a reboot?
Once you get it setup as you like, create a link to the navigator program in the \Windows\startup folder. This will make it launch after a soft reset.

If you get "error en skin.ini" when you run navigator, check the following:

  • 1. You installed navigator to \Program Files\Navigator on your Mio
  • 2. You did not add any extra rows (even empty ones) in the navigator.ini. If you have any places where there is more than one blank row then remove the extra blank rows. The only place a blank row should show up is directly above each section that begins in [text here between the brackets]. Look at the original navigator.ini that you backed up before making modifications for an example of how it should look.
  • 3. You did not remove any rows. Even if you don't plan on using a particular button or function, you must still leave the row there.

How do I change the icons shown? - Copy the \Program Files\Navigator directory to your PC and you will find a log of icons with .jpg extensions. You can modify any of these using the graphics editing software of your choice. Copy them back to the Mio once you have edited them.

How do I add text below my icons? - The only way is to add text to the icon itself using the graphics editing software of your choice.

Does the Volume Bar work on the Mio?
Yes and no. This feature was designed for a different device by the original author, so the Volume up/down keys on the Mio don't change the volume in this app. However, if you press the menu button, it does decrease the volume.

How can I get rid of the volume bar?
In the ini file, you can change the all the values to 0 (zero) for any keys in the [Navigator_Configuration] section that begin with "BarVolumen" and "imgVolumen". On mine, I removed the volume bar and made the battery bar stretch all the way across the bottom. Below is what I have mine set to.

BarBattery_X_Location = 48
BarBattery_Y_Location = 195
BarBattery_Size_Width = 252
BarBattery_Size_Height = 16
imgBattery_X_Location = 24
imgBattery_Y_Location = 192
imgBattery_Size_Width = 22
imgBattery_Size_Height = 21
BarVolumen_X_Location = 0
BarVolumen_Y_Location = 0
BarVolumen_Size_Width = 0
BarVolumen_Size_Height = 0
imgVolumen_X_Location = 0
imgVolumen_Y_Location = 0
imgVolumen_Size_Width = 0
imgVolumen_Size_Heigh = 0

Can I change the arrangement of the icons, change the interface, etc?
With version 2.2b, the possibilities are almost endless about how you can make your interface look. You can use the background and icons of your choice. All you have to do it modify the settings in the navigator.ini to suit your needs. For example, you could create an interface that looks just like the original Mio mainshell.exe interface except it has an exit button and a few more icons (TCPMP, WinampAQ, etc).

How did you change the background in your screenshots / Can I get a copy of yours?
I modified the Navigator_desktop.jpg found in the \Program Files\Navigator directory (make a backup before modifying). Here is a copy of my Navigator_desktop.jpg that I modified for the C310x. You are welcome to use it. Just right click on this and save it as Navigator_desktop.jpg. Copy it to your Mio in the same directory as navigator.ini. Please backup your original Navigator_desktop.jpg first just in case.



 Back to Top