Difference between revisions of "OSD Layouts"

From Navit's Wiki
Jump to: navigation, search
(10.2" glossy netbook layout)
m (854x480 (FWVGA): new url)
 
(48 intermediate revisions by 10 users not shown)
Line 16: Line 16:
 
Then create a new file navitOSD.xml in which you place all the OSD items. This means you can create and share layouts by providing just the navitOSD.xml file and people can drop them into place without having to hand edit their navit.xml files. The same trick will work for any subset part of the navit.xml file. Remember to begin your file with <xml> and end it with </xml>, otherwise Navit won't be able to parse it properly.
 
Then create a new file navitOSD.xml in which you place all the OSD items. This means you can create and share layouts by providing just the navitOSD.xml file and people can drop them into place without having to hand edit their navit.xml files. The same trick will work for any subset part of the navit.xml file. Remember to begin your file with <xml> and end it with </xml>, otherwise Navit won't be able to parse it properly.
  
This trick was contributed by Daniel Would on the [[Navit_on_n770/n800/n810|NSeries]] wiki page.
+
This trick was contributed by Daniel Would on the [[Meamo|NSeries]] wiki page.
  
 
==Layout scaler for different screen sizes==
 
==Layout scaler for different screen sizes==
Line 45: Line 45:
  
 
==Nokia NSeries Tablets==
 
==Nokia NSeries Tablets==
For tips and advice on Nokia layouts please reference the [[Navit_on_n770/n800/n810|NSeries]] specific page.
+
For tips and advice on Nokia layouts please reference the [[Maemo|NSeries]] specific page.
  
 
===NSeries Layout 1===
 
===NSeries Layout 1===
Line 172: Line 172:
 
<hr style="height: 10px; color:#AB4E3F; background-color:#AB4E3F;" />
 
<hr style="height: 10px; color:#AB4E3F; background-color:#AB4E3F;" />
 
<br />
 
<br />
 +
===NSeries Layout 4===
  
 +
Tested on N900 but should work on any display, as it works nicely on my laptop as well. See the Nokia specific page for further configuration.
 +
 +
[[Image:N900-OSD.png|400px]]
 +
{| width="100%" class="collapsible collapsed wikitable"
 +
|-
 +
! Layout XML
 +
|-
 +
|
 +
<code>
 +
<pre style="white-space: pre-wrap;">
 +
 +
<!-- Upper left corneriand button -->
 +
<!-- Distance to and type of the next turn -->
 +
<osd enabled="yes" type="text" label="In ${navigation.item[1].length[named]} " x="0" y="0" font_size="500"
 +
  w="200" h="40" align="4" background_color="#000000c8"/>
 +
<osd enabled="yes" type="navigation_next_turn" x="200" y="0" font_size="500" w="60" h="40" background_color="#000000c8"
 +
  icon_src="$NAVIT_SHAREDIR/xpm/%s_wh_48_48.png" />
 +
<!-- ETA  -->
 +
<osd enabled="yes" type="text" label="ETA:" x="0" y="40"
 +
  font_size="200" w="35" h="40" align="4" background_color="#000000c8"/>
 +
<osd enabled="yes" type="text" label="${navigation.item.destination_time[arrival]}" x="35" y="40"
 +
  font_size="500" w="150" h="40" align="4" background_color="#000000c8"/>
 +
<!-- Distance to destination -->
 +
<osd enabled="yes" type="text" label="${navigation.item.destination_length[named]}" x="0" y="80"
 +
  font_size="500" w="130" h="40" align="4" background_color="#000000c8"/>
 +
<!-- Time to destination -->
 +
<osd enabled="yes" type="text" label="${navigation.item.destination_time[remaining]}" x="0" y="120"
 +
  font_size="500" w="110" h="40" align="4" background_color="#000000c8"/>
 +
<!--Scale-->
 +
<osd enabled="yes" x="260" y="0" w="200" h="60" font_size="500" type="scale"/>
 +
<!--Quit Navit-->
 +
<osd enabled="yes" type="button" x="0" y="160" command="gui.quit()" src="gui_quit_64_64.png"/>
 +
 +
<!-- Upper right corner and buttons -->
 +
<!-- Current time -->
 +
<osd enabled="yes" type="text" label="${vehicle.position_time_iso8601[local;%H:%M]}" x="-110" y="0"
 +
  font_size="500" w="110" h="40" align="4" background_color="#000000c8"/>
 +
<!-- Zoom in -->
 +
<osd enabled="yes" type="button" x="-96" y="40" command="zoom_in()" src="gui_zoom_in_96_96.png"/>
 +
<!-- Menu -->
 +
<osd enabled="yes" type="button" x="-206" y="0" command="gui.menu()" src="gui_menu_96_96.png"/>
 +
 +
<!-- Lower left corner and buttons -->
 +
<!-- Full screen -->
 +
<osd name="my_fullscreen_status" enabled="yes" type="button" x="0" y="-156" src="/opt/navit/share/navit/xpm/gui_leave_fullscreen_96_96.png" command='gui.fullscreen=!gui.fullscreen;osd[@name=="my_fullscreen_status"].src = gui.fullscreen==0?"/opt/navit/share/navit/xpm/gui_fullscreen_96_96.png":"/opt/navit/share/navit/xpm/gui_leave_fullscreen_96_96.png"'/>
 +
<!-- GPS speed -->
 +
<osd enabled="yes" type="text" label="${vehicle.position_speed[value]}" x="0" y="-60" font_size="1000" w="170" h="60"
 +
  align="4" background_color="#000000c8"/>
 +
<!-- Toggle speech -->
 +
<osd name="my_speech_status" enabled="yes" type="button" src="gui_sound_96_96.png" x="170" y="-96" command='speech.active=!speech.active;osd[@name=="my_speech_status"].src = speech.active==0?"gui_sound_off_96_96.png":"gui_sound_96_96.png"'/>
 +
 +
<!-- Lower right corner and buttons -->
 +
<!-- Zoom out -->
 +
<osd enabled="yes" type="button" x="-96" y="-192" command="zoom_out()" src="gui_zoom_out_96_96.png"/>
 +
<!-- Switch 3D and 2D, orientation north, autozoom and when switching to 2D, zooms out to whole route -->
 +
<osd enabled="yes" type="button" x="-252" y="-96" command="orientation=orientation==0?-1:0;pitch=pitch==0?30:0;autozoom_active=autozoom_active==0?1:0;pitch==0?zoom_to_route()" src="gui_map_92_92.png"/>
 +
<!-- Compass  -->
 +
<osd enabled="yes" type="compass" x="-156" y="-96" font_size="350" w="96" h="96" background_color="#000000c8"/>
 +
<!-- GPS status -->
 +
<osd enabled="yes" type="gps_status" x="-60" y="-96" w="60" h="64" background_color="#000000c8"/>
 +
<!-- Satellites -->
 +
<osd enabled="yes" type="text" label="${vehicle.position_sats_signal}/${vehicle.position_qual}" x="-60" y="-32"
 +
  font_size="350" w="60" h="32" align="0" background_color="#000000c8"/>
 +
 +
<!-- Name of the current and next street -->
 +
<!--osd enabled="yes" type="text" label="Onto ${navigation.item[1].street_name}" x="305" y="0" font_size="500"
 +
  w="495" h="40" align="4" background_color="#000000c8"/-->
 +
<!--osd enabled="yes" type="text" label="${navigation.item.street_name}" x="180" y="-60"
 +
  font_size="500" w="580" h="30" align="0" background_color="#000000c8"/-->
 +
 +
</pre>
 +
</code>
 +
|}
 +
 +
<hr style="height: 10px; color:#AB4E3F; background-color:#AB4E3F;" />
 +
<br />
 
==Neo FreeRunner==
 
==Neo FreeRunner==
  
 
===FreeRunner Layout 1===
 
===FreeRunner Layout 1===
 +
 
[[Image:FR-3D-OSD2.png|250px]]
 
[[Image:FR-3D-OSD2.png|250px]]
  
Line 204: Line 282:
 
  <osd enabled="yes" type="button" x="-96" y="-106" command="zoom_in()" src="zoom_in.xpm"/>                         
 
  <osd enabled="yes" type="button" x="-96" y="-106" command="zoom_in()" src="zoom_in.xpm"/>                         
 
  <osd enabled="yes" type="button" x="0" y="-106" command="zoom_out()" src="zoom_out.xpm"/>
 
  <osd enabled="yes" type="button" x="0" y="-106" command="zoom_out()" src="zoom_out.xpm"/>
 
 
</pre>
 
</pre>
 
</code>
 
</code>
Line 302: Line 379:
 
|}
 
|}
  
<hr style="height: 10px; color:#AB4E3F; background-color:#AB4E3F;" />
+
<hr style="height: 4px; color:#AB4E3F; background-color:#AB4E3F;" />
<br />
 
  
==PC Layouts==
+
=== neo-cs ===
 +
 
 +
==== About the skin ====
 +
This skin was developed for the relatvely small screen (in comparison to todays smartphones) of the neo freerunner featuring a resolution of 480 x 640 pixel. I haven't tested the more recent version only on the gta04 hardware regarding the performance. The skin should work in portrait and landscape mode as well. Since the svg files are included, the skin is fairly easy to adjust to larger screens. Please put modified versions of the skin back on this page.
 +
 
 +
==== Features ====
 +
* Automatic activation of osd icons only needed if there is a gps fix.
 +
* Automatic switching between tracking and routing mode.
 +
* Display of the routing status with five icons.
 +
* Important options are accessible directly from the osd (see skin description)
 +
 
 +
==== Screenshots ====
 +
{|
 +
|[[File:neo-cs_1.0_sceenshot1.png]]
 +
|[[File:neo-cs_1.0_sceenshot4.png]]
 +
|-
 +
|without gps fix
 +
|with gps fix in tracking mode
 +
|-
 +
|[[File:neo-cs_1.0_sceenshot2.png]]
 +
|[[File:neo-cs_1.0_sceenshot3.png]]
 +
|-
 +
|in routing mode
 +
|in routing mode with active odometer in the second line of the bottom bar
 +
|-
 +
|}
 +
 
 +
==== Skin description ====
 +
The osd provides a top bar, a bottom bar and several icons within the map area:
 +
* '''The top bar'''<br />where routing maneuvers are displayed.<br />Tapping on the top bar toggles between fullscreen and windowed mode
 +
* '''The in screen buttons and displays:'''
 +
** '''Current speed''' (1)<br />tapping on the speed display toggles between some routing or tracking informations and the odometer in the bottom bar (see below).
 +
** '''Current altitude''' (1)
 +
** '''Autozoom''' (1)<br />a toggle between manual zooming and speed dependant automatic zoom.
 +
** '''Follow mode''' (1)<br />the map is either dragged by the vehcle cursor or can be moved around manually.
 +
** '''Map orientation''' (1)<br />toggle between a north oriented map and a map oriented by the travel direction.
 +
** '''Zoom in / out buttons.'''
 +
** '''Routing status icon'''<br />tapping on the icon zooms to full route view, or to the entered destination.
 +
** '''2D / 3D toggle.'''
 +
** '''A small scale''' to estimate distances.
 +
* '''The bottom bar'''<br />where the current road (if any) is displayed, a little compass (1) and the gps quality<br />Furthermore there is a second line in the bottom bar which depends on the mode we're in:
 +
** '''Tracking mode'''<br />shows the position on the second line.
 +
** '''Routing mode'''<br />shows the estimated time of arrival, the distance to destination and the estimated remaining travel duration on the second line.
 +
** '''Odometer'''<br />when the odometer is active (see above), the second line is used for travel distance, travel time and average speed. Tapping on the odometer line will stop / resume the odometer, double tapping resets the odometer
 +
1). Only visible if there is a gps fix
 +
 
 +
==== Download ====
 +
You can find the latest skin im my debian repository at:<br />
 +
[http://ftp.architektur.tu-darmstadt.de http://ftp.architektur.tu-darmstadt.de]<br />
 +
Non debian user can simply browse the repository, and download the tarball.<br />
 +
Additionally you can find my latest navit built for debian squeeze/wheezy there.
 +
 
 +
==== Installation and configuration====
 +
For Debian users I can provide a Debian package, other distributions or platforms have to unpack the tarball and put the skinfiles in the right place.
 +
There are some things to be mentioned:
 +
* The skin is designed to be placed in the navit share path ''$NAVIT_SHAREDIR'' (usually ''/usr/share/navit'') under ''./skins/neo-cs/''. If this isn't the case, all the icon paths has to be adjusted to your needs (i.e. ''$HOME/.navit/skins/neo-cs/icons/'').
 +
* If you have to or want to install the skin manually from the tarball, simply place neo-cs.xml in ''/usr/share/navit/skins/neo-cs/'' and the icons (you need only the png's) in ''/usr/share/navit/skins/neo-cs/icons/'', or to any other place you like if you modify the icon path in neo-cs.xml.
 +
* Include the skin somewhere in your ''navit.xml'' and make sure there are no other osd definitions:<br />
 +
<nowiki><xi:include href="$NAVIT_SHAREDIR/skins/neo-cs/neo-cs.xml"/></nowiki>
 +
* Some attribute under the ''navit'' tag in ''navit.xml'' should be set:
 +
{|
 +
|
 +
osd_configuration="1"
 +
tracking="1"
 +
timeout="1"
 +
radius="27"
 +
|
 +
otherwise osd elements that should be not visibe by default are shown.
 +
to snap on to roads.
 +
to immediately resume the map draging by the vehicle, since we have a button if we really want to look something on the map.
 +
a slightly increased distance between the vehicle cursor and the display edges.
 +
|}
 +
* Some attribute under the ''vehicle'' tag in ''navit.xml'' my also be set by default:
 +
{|
 +
|
 +
follow="1"
 +
lag="15"
 +
follow_cursor="1"
 +
|
 +
how often the map is updated, should be on a lower level for gta02 i.e. "8"
 +
a practical value I tested for the gps lag (in 1/10 sec.)
 +
to enable the map following the vehicle by default
 +
|}
 +
I've put my configuration files in the tarball as they might be usefull as a starting point. The included navit.xml isn't a complete configuration, just a skeleton in which all the stuff from the original config file is included. I find it more convenient to have just a small file to modify rather than to edit everywhere in the complete configuration file. That way I have only to look for new layouts or vehicleprofiles to include in case of a navit update.
 +
 
 +
==== Known issues, bugs and TODO ====
 +
* In older navit versions the routing status icon will appear in the internal gui. This isn't a skin bug as it is fixed in the recent svn versions of navit.
 +
* There is a slight refresh delay of the seperator png's when toggling between odometer and the other display modes.
 +
* The scale should be not visible in 3D view, but it allways shows up.
 +
* I haven't found a better way to decide if there's a gps fix than to watch if there are at least three satelites in use. Therefore it's possible that, for a period of time, the gui decides there's a fix when the gps actually hasn't one. If someone knows a better (available) way, please let me know.
 +
* The positioning of the odometer isn't that nice, since all the values (distance, time and avg. speed) can only be placed as one object.
 +
 
 +
<br />
 +
<hr style="height: 10px; color:#AB4E3F; background-color:#AB4E3F;" />
 +
<br />
 +
 
 +
==PC Layouts==
  
 
===Mineque's PC layouts===
 
===Mineque's PC layouts===
Line 479: Line 651:
 
** Current road name and/or reference number (if available) using [[OSD#text]]'s <tt>tracking.item.street_name</tt> and <tt>tracking.item.street_name_systematic</tt>
 
** Current road name and/or reference number (if available) using [[OSD#text]]'s <tt>tracking.item.street_name</tt> and <tt>tracking.item.street_name_systematic</tt>
 
** Maximum allowable speed on the road using [[OSD#speed_warner]]
 
** Maximum allowable speed on the road using [[OSD#speed_warner]]
* Bottom right:
+
* Bottom righxi:include href="/home/sven/.navit/skins/nibbler01/nibbler01.xml" />
** Current vehicle speed using [[OSD#text]]'s <tt>vehicle.position_speed</tt>
+
to your navit.xml (just where all the default/deactivated osd elements are) and fix the paths to the pics within nibbler01.xml and your navit.xml.
 +
 
 +
From version 0.2 on: For the buttons to work, you need to copy the empty.svg to your image directory (/usr/share/navit/xpm/ in my case) or fix the path to them in the nibbler01.xml.
 +
 
 +
The .cxf files are now included in the download, so feel free to alter them under the terms of CC-SA.
 +
 
 +
t:
 +
** Current vehicle speed using [[OSD#text]]'s <tt>vehicle.position_speed</tt>
 
* Right (icons, top to bottom):
 
* Right (icons, top to bottom):
 
** Fullscreen
 
** Fullscreen
Line 534: Line 713:
  
 
<!-- TOP RIGHT -->
 
<!-- TOP RIGHT -->
<!--<osd type="image" x="-160" y="0" h="20" w="15" src="/home/netbook/.navit/poi/png/traffic_camera.png" color="#FFFFFFc8"/>-->
+
<!--<osd type="image" x="-160" y="0" h="20" w="15" src="$HOME/.navit/poi/png/traffic_camera.png" color="#FFFFFFc8"/>-->
 
<!-- Speed Cameras -->
 
<!-- Speed Cameras -->
 
<osd enabled="yes" type="speed_cam" w="125" h="20" x="-125" y="0" label="${distance}" announce_on="1" font_size="300" background_color="#000000c8" align="8"/>
 
<osd enabled="yes" type="speed_cam" w="125" h="20" x="-125" y="0" label="${distance}" announce_on="1" font_size="300" background_color="#000000c8" align="8"/>
Line 574: Line 753:
 
<osd type="button" x="-80" y="380" command="zoom_to_route()" src="menu.xpm" />
 
<osd type="button" x="-80" y="380" command="zoom_to_route()" src="menu.xpm" />
 
<!-- Enable/Disable Routing Information (shortcut: i)-->
 
<!-- Enable/Disable Routing Information (shortcut: i)-->
<osd type="button" x="-60" y="-100" command="osd_configuration=osd_configuration==1?2:1" src="/home/netbook/.navit/xpm/information_icon.xpm" use_overlay="1" accesskey="&#105;" />
+
<osd type="button" x="-60" y="-100" command="osd_configuration=osd_configuration==1?2:1" src="$HOME/.navit/xpm/information_icon.xpm" use_overlay="1" accesskey="&#105;" />
 
<!-- Enable/Disable 3D View (shortcut: SPACE) -->
 
<!-- Enable/Disable 3D View (shortcut: SPACE) -->
<osd enabled="yes" type="button" command="pitch=pitch==0?20:0;orientation=pitch==0?0:-1;zoom=pitch==0?200:15" x="-140" y="-105" w="60" h="60" src="/home/netbook/.navit/xpm/navit_icon.xpm" use_overlay="1" accesskey="&#32;" />
+
<osd enabled="yes" type="button" command="pitch=pitch==0?20:0;orientation=pitch==0?0:-1;zoom=pitch==0?200:15" x="-140" y="-105" w="60" h="60" src="$HOME/.navit/xpm/navit_icon.xpm" use_overlay="1" accesskey="&#32;" />
 
<!-- Enable/Disable Speech (shortcut: s) -->
 
<!-- Enable/Disable Speech (shortcut: s) -->
<osd enabled="yes" type="button" command="speech.active=!speech.active" x="-200" y="-50" w="1" h="1" src="/home/netbook/.navit/xpm/transparent_rectangle.png" use_overlay="1" accesskey="&#115;" />
+
<osd enabled="yes" type="button" command="speech.active=!speech.active" x="-200" y="-50" w="1" h="1" src="$HOME/.navit/xpm/transparent_rectangle.png" use_overlay="1" accesskey="&#115;" />
 
</pre>
 
</pre>
 
</code>
 
</code>
Line 643: Line 822:
 
<!-- Route Distance -->
 
<!-- Route Distance -->
 
<osd enabled="yes" type="text" label="DTG ${navigation.item.destination_length[named]}" w="125" h="20"  x="-125" y="20"  font_size="300" align="8" background_color="#000000c8" osd_configuration="2" />
 
<osd enabled="yes" type="text" label="DTG ${navigation.item.destination_length[named]}" w="125" h="20"  x="-125" y="20"  font_size="300" align="8" background_color="#000000c8" osd_configuration="2" />
 +
<!-- Arrival Time -->
 +
<osd enabled="yes" type="text" label="ETA ${navigation.item.destination_time[arrival]}" x="-125" y="40"  font_size="300" w="125" h="20" align="8" background_color="#000000c8" osd_configuration="2" />
  
 
<!-- BOTTOM -->
 
<!-- BOTTOM -->
Line 660: Line 841:
 
<!-- RIGHT CONTROLS -->
 
<!-- RIGHT CONTROLS -->
 
<!-- Fullscreen (shortcut: f)-->
 
<!-- Fullscreen (shortcut: f)-->
<osd name="button_fullscreen" type="button" x="-80" y="100" src="toggle_fullscreen.xpm" use_overlay="1" accesskey="&#102;" command='
+
<osd name="button_fullscreen" type="button" x="-80" y="100" src="toggle_fullscreen.xpm" use_overlay="1" accesskey="f" command='
 
gui.fullscreen=!gui.fullscreen;
 
gui.fullscreen=!gui.fullscreen;
osd_set_attr("button_fullscreen","src",gui.fullscreen==0?"toggle_fullscreen.xpm":"menu.xpm");
+
osd[@name=="button_fullscreen"].src = gui.fullscreen==0?"toggle_fullscreen.xpm":"menu.xpm"
 
' />
 
' />
 
<!-- Zoom In (shortcut: =)-->
 
<!-- Zoom In (shortcut: =)-->
Line 671: Line 852:
 
<osd type="button" x="-80" y="300" command="zoom_out()" src="zoom_out.xpm" use_overlay="1" accesskey="&#45;" />
 
<osd type="button" x="-80" y="300" command="zoom_out()" src="zoom_out.xpm" use_overlay="1" accesskey="&#45;" />
  
 +
<!-- RIGHT CORNER ICONS -->
 
<!-- Enable/Disable 3D View (shortcut: SPACE) -->
 
<!-- Enable/Disable 3D View (shortcut: SPACE) -->
<osd name="button_3d" enabled="yes" type="button" x="-140" y="-105" src="/home/netbook/.navit/displays/3D.xpm" use_overlay="1" accesskey="&#32;" command='
+
<osd name="button_3d" enabled="yes" type="button" x="-140" y="-105" src="$HOME/.navit/displays/3D.xpm" use_overlay="1" accesskey="&#32;" command='
 
pitch=pitch==0?20:0;
 
pitch=pitch==0?20:0;
 
orientation=pitch==0?0:-1;
 
orientation=pitch==0?0:-1;
osd_set_attr("button_3d","src",pitch==0?"/home/netbook/.navit/displays/3D.xpm":"/home/netbook/.navit/displays/2D.xpm");
+
osd[@name=="button_3d"].src = pitch==0?"$HOME/.navit/displays/3D.xpm":"$HOME/.navit/displays/2D.xpm";
 
zoom=pitch==0?200:15;
 
zoom=pitch==0?200:15;
 
'  
 
'  
 
/>
 
/>
  
<osd name="my_osd_cmdif_1" h="1" w="1"  update_period="1"  enabled="yes" type="cmd_interface" x="-1"  y="-1" command='osd_set_attr("my_route_status","src",
+
<!-- Display routing status-->
route.route_status==1    ? "/home/netbook/.navit/displays/destination_set.xpm" :  
+
<osd name="my_osd_cmdif_1" h="1" w="1"  update_period="2"  enabled="yes" type="cmd_interface" x="-1"  y="-1" command='
(route.route_status==0    ? "/home/netbook/.navit/displays/no_destination.xpm" :   
+
osd[@name=="icon_route_status"].src =
(route.route_status==3    ? "/home/netbook/.navit/displays/no_route.xpm" :  
+
route.route_status==1    ? "$HOME/.navit/displays/destination_set.xpm" :  
(route.route_status==5    ? "/home/netbook/.navit/displays/calculating_route.xpm" :  
+
(route.route_status==0    ? "$HOME/.navit/displays/no_destination.xpm" :   
(route.route_status==13    ? "/home/netbook/.navit/displays/calculating_route.xpm" :  
+
(route.route_status==3    ? "$HOME/.navit/displays/no_route.xpm" :  
(route.route_status==17    ? "/home/netbook/.navit/displays/routing.xpm" :  
+
(route.route_status==5    ? "$HOME/.navit/displays/calculating_route.xpm" :  
(route.route_status==33    ? "/home/netbook/.navit/displays/routing.xpm" : "unhandled"
+
(route.route_status==13    ? "$HOME/.navit/displays/calculating_route.xpm" :  
 +
(route.route_status==17    ? "$HOME/.navit/displays/route.xpm" :  
 +
(route.route_status==33    ? "$HOME/.navit/displays/route.xpm" : "unhandled"
 
)))))))
 
)))))))
 
'  />
 
'  />
<osd name="my_route_status" enabled="yes" type="button" command="" src="/home/netbook/.navit/displays/no_destination.xpm" x="-65" y="-105" />
+
<osd name="icon_route_status" enabled="yes" type="button" command="" src="$HOME/.navit/displays/no_destination.xpm" x="-65" y="-105" />
  
<osd name="my_osd_cmdif_2" h="1" w="1"  update_period="1"  enabled="yes" type="cmd_interface" x="-1"  y="-1" command='osd_configuration=
+
<!-- Enable/Disable routing information depending upon the route status -->
 +
<osd name="my_osd_cmdif_2" h="1" w="1"  update_period="2"  enabled="yes" type="cmd_interface" x="-1"  y="-1" command='osd_configuration=
 
route.route_status==1    ? 1 :  
 
route.route_status==1    ? 1 :  
 
(route.route_status==0    ? 1 :   
 
(route.route_status==0    ? 1 :   
Line 703: Line 888:
 
' />
 
' />
  
<osd name="my_speech_status" enabled="yes" type="button" src="/home/netbook/.navit/displays/speech_on.xpm" x="-65" y="-180" use_overlay="1" accesskey="&#115;" command='speech.active=!speech.active;
+
<!-- Enable/Disable speech -->
osd_set_attr("my_speech_status","src",speech.active==0?"/home/netbook/.navit/displays/speech_off.xpm":"/home/netbook/.navit/displays/speech_on.xpm");
+
<osd name="my_speech_status" enabled="yes" type="button" src="$HOME/.navit/displays/speech_on.xpm" x="-65" y="-180" use_overlay="1" accesskey="s" command='
 +
speech.active=!speech.active;
 +
osd[@name=="my_speech_status"].src = speech.active==0?"$HOME/.navit/displays/speech_off.xpm":"$HOME/.navit/displays/speech_on.xpm"
 
' />
 
' />
 
</pre>
 
</pre>
Line 713: Line 900:
 
<hr style="height: 10px; color:#AB4E3F; background-color:#AB4E3F;" />
 
<hr style="height: 10px; color:#AB4E3F; background-color:#AB4E3F;" />
 
<br />
 
<br />
 +
 
===10.2" glossy netbook layout===
 
===10.2" glossy netbook layout===
 
+
<center>
 
[[File:glossy.png| 350px]]
 
[[File:glossy.png| 350px]]
 
&nbsp;
 
&nbsp;
 
[[File:glossy2.png| 350px ]]
 
[[File:glossy2.png| 350px ]]
 
<br />
 
<br />
DESCRIPTION:<br />
+
<br />
 +
<br />
 +
 
 +
 
 +
KEYS
 +
<br /><br />
  
KEYS:
 
<br />
 
 
x = zoom in<br />
 
x = zoom in<br />
 
y = zoom out<br />
 
y = zoom out<br />
c = northing on/off<br />
+
n = northing on/off<br />
space = show whole route ( only in navigation mode, else move to the current position)<br />
+
space = show whole route ( only in navigation mode, else move to the current position) and turn follow on/off<br />
 
a = autozoom on/off<br />
 
a = autozoom on/off<br />
 
s = sound on/off<br />
 
s = sound on/off<br />
. = fullscreen on/off<br />
+
f = fullscreen on/off<br />
tab = 3d mode ( northing off, 18 degree pitch, special zoom ) and 2d mode ( northing on, no pitch and different zoom level)<br />
+
tab = 3d mode ( 20 degree pitch, autozoom on ) and 2d mode ( autoozoom off, no pitch and static zoom level)<br />
 
<br /><br />
 
<br /><br />
SCREEN:<br />
+
SCREEN<br /><br />
top:<br />
+
*TOP:<br />
 
- arrow above the distance until turn<br />
 
- arrow above the distance until turn<br />
- middle: the street following, so you can look for street signs, if navigation is not comprehensible<br /><br />
+
- middle: the street following, so you can look for street signs if navigation is not comprehensible<br />
 
- right: GPS time, time, signal strengh and altitude above sea level
 
- right: GPS time, time, signal strengh and altitude above sea level
  
 
<br /><br />
 
<br /><br />
bottom from left to right:<br />
+
*BOTTOM<br />
 
- routing status, distance left and travel time left<br />
 
- routing status, distance left and travel time left<br />
- speedwarner, current and average speed in km/h<br />
+
- speedwarner, current and average speed<br />
 +
<br />
 +
 
  
 
[[File:Up2.png| 70px ]][[File:Set1.png| 70px ]][[File:Calculate3.png| 70px ]][[File:No_destination1.png| 70px ]][[File:Def.png| 70px ]][[File:Route2.png| 70px ]][[File:Design2.png| 70px ]]
 
[[File:Up2.png| 70px ]][[File:Set1.png| 70px ]][[File:Calculate3.png| 70px ]][[File:No_destination1.png| 70px ]][[File:Def.png| 70px ]][[File:Route2.png| 70px ]][[File:Design2.png| 70px ]]
 
+
<br />
 +
[[File:Speedcam_mobile.png| 70px ]] [[File:Speedcam.png| 70px ]][[File:Redlight.png| 70px ]][[File:3d.png| 70px ]][[File:2d.png| 70px ]][[File:Route.png| 70px ]][[File:North.png| 70px ]][[File:North2.png| 70px ]][[File:Autozoom.png| 70px ]][[File:Autozoom2.png| 70px ]][[File:Up.png| 70px ]][[File:Zoom_in.png| 70px ]][[File:Zoom_out.png| 70px ]][[File:Set.png| 70px ]][[File:Calculate.png| 70px ]][[File:Calculate2.png| 70px ]][[File:No_destination2.png| 70px ]]
 +
</center>
 
{| width="100%" class="collapsible collapsed wikitable"
 
{| width="100%" class="collapsible collapsed wikitable"
 
|-
 
|-
Line 754: Line 949:
  
 
<!-- NAME OF THE FOLLOWING STREET -->
 
<!-- NAME OF THE FOLLOWING STREET -->
<osd enabled="yes" type="text" label="${navigatNAME.item[1].street_name}${navigatNAME.item[1].street_name_systematic}" font_size="600" x="181" y="0" w="660" h="65" background_color="#00000000" text_color="#00ff00"/>  
+
<osd enabled="yes" type="text" label="${navigation.item[1].street_name}${navigation.item[1].street_name_systematic}" font_size="600" x="181" y="0" w="660" h="65" background_color="#00000000" text_color="#00ff00"/>  
  
  
Line 762: Line 957:
  
 
<!-- NUMBER OF SATELLITES USED -->  
 
<!-- NUMBER OF SATELLITES USED -->  
  <osd enabled="yes" type="text" label="${vehicle.positNAME_sats_used}/${vehicle.positNAME_qual}" x="-200" y="40" w="70" h="30" font_size="250" background_color="#00000000" align="1" text_color="#00ff00"/>
+
  <osd enabled="yes" type="text" label="${vehicle.position_sats_used}/${vehicle.position_qual}" x="-200" y="40" w="70" h="30" font_size="250" background_color="#00000000" align="1" text_color="#00ff00"/>
  
 
<!--TIME -->
 
<!--TIME -->
<osd enabled="yes" type="text" label="${vehicle.positNAME_time_iso8601[+02:00;%X}" x="-120" y="37" w="70" h="25" background_color="#00000000" text_color="#00ff00" font_size="250" />
+
<osd enabled="yes" type="text" label="${vehicle.position_time_iso8601[+02:00;%X}" x="-120" y="37" w="70" h="25" background_color="#00000000" text_color="#00ff00" font_size="250" />
  
 
<!-- HEIGH -->
 
<!-- HEIGH -->
<osd enabled="yes" type="text" label="  ${vehicle.positNAME_height}m" x="-120" y="12" w="70" h="25" background_color="#00000000" text_color="#00ff00" font_size="250" />
+
<osd enabled="yes" type="text" label="  ${vehicle.position_height}m" x="-120" y="12" w="70" h="25" background_color="#00000000" text_color="#00ff00" font_size="250" />
  
  
  
 
<!-- DISTANCE UNTIL TURN-->
 
<!-- DISTANCE UNTIL TURN-->
<osd enabled="yes" type="text" label="${navigatNAME.item[1].length[named]}" x="5" y="120" w="140" h="30" background_color="#00000000" font_size="600" text_color="#00ff00" />
+
<osd enabled="yes" type="text" label="${navigation.item[1].length[named]}" x="5" y="120" w="140" h="30" background_color="#00000000" font_size="600" text_color="#00ff00" />
  
  
 
<!-- ARROW -->
 
<!-- ARROW -->
<osd enabled="yes" type="navigatNAME_next_turn" w="100" h="70" x="20" y="35" font_size="400" background_color="#00000000" />  
+
<osd enabled="yes" type="navigation_next_turn" w="100" h="70" x="20" y="35" font_size="400" background_color="#00000000" />  
  
 
<!-- SPEED -->
 
<!-- SPEED -->
<osd enabled="yes" type="text" label="${vehicle.positNAME_speed}" x="-190" y="-85" font_size="550" w="200" h="45" background_color="#00000000" text_color="#00ff00" />
+
<osd enabled="yes" type="text" label="${vehicle.position_speed}" x="-190" y="-85" font_size="550" w="200" h="45" background_color="#00000000" text_color="#00ff00" />
  
 
<!-- odo -->
 
<!-- odo -->
  <osd enabled="yes" type="odometer" w="150" h="25"  x="-170" y="-40" idle_color="#00ff00" text_color="#00ff00" background_color="#00000000"  font_size="400" label="~${avg_spd}km/h"   autostart="1" name="persistent_odometer_1"
+
  <osd enabled="yey" type="odometer" w="150" h="25"  x="-170" y="-40" text_color="#00ff00" background_color="#00000000"  font_size="400" label="~${avg_spd}km/h"   name="persistent_odometer_1" />
    disable_reset="0" />
 
  
  
 
<!-- TIME UNTIL ARRIVAL -->
 
<!-- TIME UNTIL ARRIVAL -->
  <osd enabled="yes" type="text" label="${navigatNAME.item.destinatNAME_time[remaining]}" x="35" y="-40" w="150" h="25" background_color="#00000000" font_size="400" text_color="#00ff00" />
+
  <osd enabled="yes" type="text" label="${navigation.item.destination_time[remaining]}" x="35" y="-40" w="150" h="25" background_color="#00000000" font_size="400" text_color="#00ff00" />
  
 
<!--ROUTE LENGTH -->
 
<!--ROUTE LENGTH -->
<osd enabled="yes" type="text" label="${navigatNAME.item.destinatNAME_length[named]}" x="30" y="-85" w="180" h="45" background_color="#00000000" font_size="550" text_color="#00ff00"/>  
+
<osd enabled="yes" type="text" label="${navigation.item.destination_length[named]}" x="30" y="-85" w="180" h="45" background_color="#00000000" font_size="550" text_color="#00ff00"/>
 +
 
 +
 
 +
<!-- SPEED CAM -->
 +
<osd enabled="no" type="speed_cam" background_color="#00000000"  idle_color="#00ff00"  w="206" h="35" x="180" y="0" announce_on="1" font_size="400" label="${distance} | ${camera_type}" />
  
  
Line 797: Line 995:
 
   <osd enabled="yes" type="speed_warner" w="70" h="70"  x="-88" y="-193"  speed_exceed_limit_offset="3" speed_exceed_limit_percent="5"  announce_on="0" font_size="600" idle_color="#ff0000" background_color="#00000000"  label="images:red_img.xpm:green_img.xpm:red_img.xpm:"
 
   <osd enabled="yes" type="speed_warner" w="70" h="70"  x="-88" y="-193"  speed_exceed_limit_offset="3" speed_exceed_limit_percent="5"  announce_on="0" font_size="600" idle_color="#ff0000" background_color="#00000000"  label="images:red_img.xpm:green_img.xpm:red_img.xpm:"
 
/>
 
/>
 
  
 
<!-- KEYBINDINGS -->
 
<!-- KEYBINDINGS -->
  
 
<osd enabled="yes" type="button" x="510" y="-1" use_overlay="1" command="zoom_in()" accesskey="&#120;" src="zoom_out.svg"/>
 
<osd enabled="yes" type="button" x="510" y="-1" use_overlay="1" command="zoom_in()" accesskey="&#120;" src="zoom_out.svg"/>
<osd enabled="yes" type="button" x="512" y="-1" w="1" h="1" use_overlay="1" command="zoom_to_route()" accesskey="&#32;" src="zoom_out.svg"/>
 
 
<osd enabled="yes" type="button" x="514" y="-1" use_overlay="1" command="zoom_out()" accesskey="&#121;" src="zoom_out.svg"/>
 
<osd enabled="yes" type="button" x="514" y="-1" use_overlay="1" command="zoom_out()" accesskey="&#121;" src="zoom_out.svg"/>
<osd enabled="yes" type="button" x="516" y="-1" w="1" h="1" use_overlay="1" command="gui.fullscreen=!gui.fullscreen" accesskey="&#46;" src="zoom_in.svg"/>
+
<osd enabled="yes" type="button" x="516" y="-1" w="1" h="1" use_overlay="1" command="gui.fullscreen=!gui.fullscreen" accesskey="f" src="zoom_in.svg"/>
 
 
  
<!-- 3D MODE -->
 
 
<osd name="button3d" enabled="yes" type="button" x="-68" y="310"  use_overlay="1" accesskey="&#09;" src="/home/NAME/.navit/buttons/3d.xpm"
 
command=
 
'
 
pitch=pitch==0?16:0;
 
orientatNAME=pitch==0?0:-1;
 
osd_set_attr("button3d","src",pitch==0?"/home/NAME/.navit/buttons/3d.xpm":"/home/NAME/.navit/buttons/2d.xpm");
 
zoom=pitch==0?60:15;
 
'
 
/>
 
  
 
<!-- ROUTING STATUS -->
 
<!-- ROUTING STATUS -->
<osd name="status" enabled="yes" use_overlay="1" w="102" h="102" type="button" command="" src="/home/NAME/.navit/buttons/def.png" x="2" y="-213" />
+
<osd name="status" enabled="yes" use_overlay="1" w="102" h="102" type="button" command="" src="$HOME/.navit/buttons/def.png" x="2" y="-213" />
 
 
<osd name="status1" h="1" w="1"  update_period="1"  enabled="yes" type="cmd_interface" x="11"  y="416" command='osd_set_attr("status","src",
 
route.route_status==1    ? "/home/NAME/.navit/buttons/set.png" :
 
 
 
(route.route_status==0    ? "/home/NAME/.navit/buttons/def.png" : 
 
  
(route.route_status==3     ? "/home/NAME/.navit/buttons/no_destinatNAME.png" :
+
<osd name="status1" h="1" w="1"  update_period="1"  enabled="yes" type="cmd_interface" x="11"  y="416" command='osd[@name=="status"].src = route.route_status==1    ? "$HOME/.navit/buttons/set.png" :
 +
(route.route_status==0     ? "$HOME/.navit/buttons/def.png" : 
 +
(route.route_status==3    ? "$HOME/.navit/buttons/no_destination.png" :
  
(route.route_status==5    ? "/home/NAME/.navit/buttons/calculate.png" :
+
(route.route_status==5    ? "$HOME/.navit/buttons/calculate.png" :
  
(route.route_status==13    ? "/home/NAME/.navit/buttons/calculate.png" :
+
(route.route_status==13    ? "$HOME/.navit/buttons/calculate.png" :
  
(route.route_status==17    ? "/home/NAME/.navit/buttons/up.png" :
+
(route.route_status==17    ? "$HOME/.navit/buttons/up.png" :
  
(route.route_status==33    ? "/home/NAME/.navit/buttons/route.png" : "unhandled"
+
(route.route_status==33    ? "$HOME/.navit/buttons/route.png" : "unhandled"
  
)))))))
+
))))))'  />
'  />
 
  
 
<!-- AUTOZOOM -->
 
<!-- AUTOZOOM -->
<osd name="autozoom_button" enabled="yes" type="button" src="/home/NAME/.navit/buttons/autozoom.xpm" x="-68" y="235" use_overlay="1" accesskey="&#97;" command='autozoom_active=autozoom_active==0?1:0;
+
<osd name="autozoom_button" enabled="yes" type="button" src="$HOME/.navit/buttons/autozoom.xpm" x="-68" y="235" use_overlay="1" accesskey="a" command='autozoom_active=autozoom_active==0?1:0;
  
osd_set_attr("autozoom_button","src",autozoom_active==0?"/home/NAME/.navit/buttons/autozoom.xpm":"/home/NAME/.navit/buttons/autozoom2.xpm");
+
osd[@name=="autozoom_button"].src = autozoom_active==0?"$HOME/.navit/buttons/autozoom.xpm":"$HOME/.navit/buttons/autozoom2.xpm";
  
 
' />
 
' />
Line 849: Line 1,029:
 
<!-- NORTHING -->
 
<!-- NORTHING -->
  
<osd name="northing_button" enabled="yes" type="button" src="/home/NAME/.navit/buttons/north2.xpm" x="-68" y="75" use_overlay="1" accesskey="&#99;" command='orientatNAME=orientatNAME==0?-1:0;
+
<osd name="northing_button" enabled="yes" type="button" src="$HOME/.navit/buttons/north.xpm" x="-68" y="75" use_overlay="1" accesskey="n" command='orientation=orientation==0?-1:0;
  
osd_set_attr("northing_button","src",orientatNAME==0?"/home/NAME/.navit/buttons/north2.png":"/home/NAME/.navit/buttons/north.xpm");
+
osd[@name=="northing_button"].src = orientation==0?"$HOME/.navit/buttons/north2.xpm":"$HOME/.navit/buttons/north.xpm";
  
 
' />
 
' />
  
<!-- SOUND -->
+
<!-- FOLLOW -->
<osd name="speech_status" enabled="yes" type="button" src="/home/NAME/.navit/buttons/loudspeakeron.xpm" x="-68" y="155" use_overlay="1" accesskey="&#115;" command='speech.active=!speech.active;
+
 
 +
<osd name="follow_button" enabled="yes" type="button" src="$HOME/.navit/buttons/follow.xpm" x="-68" y="155" use_overlay="1" accesskey="&#32;" command='
 +
follow=follow>1?1:100000;
 +
zoom_to_route()=follow;
 +
osd[@name=="follow_button"].src = follow==1?"$HOME/.navit/buttons/follow.xpm":"$HOME/.navit/buttons/follow2.xpm";
  
osd_set_attr("speech_status","src",speech.active==0?"/home/NAME/.navit/buttons/loudspeakeron.xpm":"/home/NAME/.navit/buttons/loudspeakeroff.xpm");
 
 
' />
 
' />
 +
<!-- 3D MODE -->
  
 +
<osd name="button3d" enabled="yes" type="button" x="-68" y="310"  use_overlay="1" accesskey="&#09;" src="$HOME/.navit/buttons/3d.xpm"
 +
command=
 +
'
 +
pitch=pitch==0?20:0;
 +
osd[@name=="button3d"].src = pitch==0?"$HOME/.navit/buttons/3d.xpm":"$HOME/.navit/buttons/2d.xpm";
 +
autozoom_active=pitch==0?0:1;
 +
osd[@name=="autozoom_button"].src = pitch==0?"$HOME/.navit/buttons/autozoom.xpm":"$HOME/.navit/buttons/autozoom2.xpm";
 +
zoom=pitch==0?40:15;
 +
'
 +
/>
  
 
<!-- LAYOUT -->
 
<!-- LAYOUT -->
<osd enabled="yes" type="button" x="0" y="0" w="1024" h="600" command="" src="/home/NAME/.navit/buttons/design2.png" />
+
<osd enabled="yes" type="button" x="0" y="0" w="1024" h="600" command="" src="$HOME/.navit/buttons/design2.png" />
 
</pre>
 
</pre>
 
</code>
 
</code>
Line 871: Line 1,065:
 
<br />
 
<br />
  
===10.2" netbook layout===
 
<center>
 
[[File:Green.png| 350px]]
 
&nbsp;
 
[[File:Green1.png| 350px ]]
 
<br />
 
  
DESCRIPTION:<br />
+
==Windows Mobile OSD Layouts==
 +
 
 +
All these OSDs are developed for and tested with navit 0.2.0
  
KEYS:
+
===Windows Mobile VGA 1===
<br />
 
x = zoom in<br />
 
y = zoom out<br />
 
c = northing on/off<br />
 
space = show whole route ( only in navigation mode, else move to the current position)<br />
 
a = autozoom on/off<br />
 
s = sound on/off<br />
 
f = fullscreen on/off<br />
 
tab = 3d mode ( northing off, 18 degree pitch, special zoom ) and 2d mode ( northing on, no pitch and different zoom level)<br />
 
<br /><br />
 
SCREEN:<br />
 
top:<br />
 
- left: the navit icon is linked to 3d mode ( same function as the tab key )<br />
 
- middle: the street following, so you can look for street signs, if navigation is not comprehensible<br /><br />
 
- right: GPS time and height above sea level
 
bottom from left to right:<br />
 
- gps status and number of sats used<br />
 
- distance left above the travel time left<br />
 
- arrow above the distance until turn<br />
 
- current speed in km/h above distance to next speed cam ( turns red, when you come near to one )<br />
 
- speedwarner ( turns red, if driving too fast) <br />
 
<br />
 
I really recommend the mbrola voices like used in the given xml. They sound way more naturally than the espeak voice. An attention-grabbing beep tone is played prior to every acoustic output of espeak. Give me your email if you want it.<br />
 
<br />
 
CAR:<br />
 
-if you stop moving, back lights become bigger and a stop light appears on top of the car. So it looks like you apply the brakes
 
<br />
 
  
speedwarner color is hard coded and normally grey in idle mode.  
+
This OSD fits well for @480x640. The are still some minor issues beeing corrected soon.
  
<br />
+
[[Image:WM_VGA1_screen.png|300px]]
Available speed cam symbols:
+
*[http://www.thomas0782.de/files/WM_VGA1.zip Download skin]
[[File:Speedcam_mobile.png| 70px ]] [[File:Speedcam.png| 70px ]][[File:Redlight.png| 70px ]][[File:3d.png| 70px ]][[File:2d.png| 70px ]][[File:Route.png| 70px ]][[File:North.png| 70px ]][[File:North2.png| 70px ]][[File:Autozoom.png| 70px ]][[File:Autozoom2.png| 70px ]][[File:Up.png| 70px ]][[File:Zoom_in.png| 70px ]][[File:Zoom_out.png| 70px ]][[File:Set.png| 70px ]][[File:Calculate.png| 70px ]][[File:Calculate2.png| 70px ]][[File:No_destination2.png| 70px ]]
 
<br />
 
[[File:bar2.png| 600px ]]
 
<br />
 
[[File:bar.png| 600px]]
 
<br />
 
</center>
 
  
 
{| width="100%" class="collapsible collapsed wikitable"
 
{| width="100%" class="collapsible collapsed wikitable"
Line 928: Line 1,084:
 
<code>
 
<code>
 
<pre style="white-space: pre-wrap;">
 
<pre style="white-space: pre-wrap;">
<!-- NAME OF THE FOLLOWING STREET -->
 
<osd enabled="yes" type="text" label="${navigation.item[1].street_name}${navigation.item[1].street_name_systematic}" font_size="600" x="0" y="-610" w="1024" h="55" background_color="#00000000"/>
 
  
 +
<!-- top-left elements -->
 +
<osd enabled="yes" type="text" label="${navigation.item.street_name} ${navigation.item.street_name_systematic}"    x="3"  y="3"  w="400" h="40" align="6" background_color="#00000000" font_size="250" />
 +
<osd enabled="yes" type="text" label="->" x="3" y="44" w="40" h="40" align="6" background_color="#00000000" font_size="250" />
 +
<osd enabled="yes" type="text" label="${navigation.item[1].street_name} ${navigation.item[1].street_name_systematic}" x="45" y="44" w="400" h="40" align="6" background_color="#00000000" font_size="250" />
 +
<osd enabled="yes" type="navigation_next_turn" x="0" y="86"  w="110" h="90" align="12" icon_src="%s_wh_64_64.png" background_color="#00000000" />
 +
<osd enabled="yes" type="text" label="${navigation.item[1].length[named]}" x="0" y="178" w="110" h="40" align="12"  background_color="#00000000" font_size="250"/>
 +
<osd enabled="yes" type="scale" x="0" y="210" w="114" h="30" font_size="150" background_color="#000000c8"/>
 +
<!-- menu right/top-right -->
 +
<osd enabled="yes" type="gps_status"      x="-50" y="8"  w="50" h="50" align="0" background_color="#00000000" font_size="200" />
 +
<osd enabled="yes" type="button"          x="-50" y="68"  w="50" h="50" command="zoom_out()"      src="skins/WM_VGA1/zoom_out.png" background_color="#00000000"/>
 +
<osd enabled="yes" type="toggle_announcer" x="-50" y="118" w="50" h="50" icon_src="$NAVIT_SHAREDIR/xpm/skins/WM_VGA1/%s.png" background_color="#00000000"/>
 +
<osd enabled="yes" type="button"          x="-50" y="168" w="50" h="50" command="zoom_to_route()" src="skins/WM_VGA1/zoom_route.png" background_color="#00000000"/>
 +
<osd enabled="yes" type="button"          x="-50" y="218" w="50" h="50" command="zoom_in()"      src="skins/WM_VGA1/zoom_in.png" background_color="#00000000"/>
 +
<!-- bottom-left -->
 +
<osd enabled="yes" type="text" label="ETA:"  x="3" y="-32" w="65" h="30" align="6"  background_color="#00000000" font_size="230" />
 +
<osd enabled="yes" type="text" label="${navigation.item.destination_time[arrival]}"  x="72" y="-32" w="120" h="30" align="6"  background_color="#00000000" font_size="200" />
 +
<osd enabled="yes" type="text" label="TL:"  x="3" y="-63" w="65" h="30" align="6"  background_color="#00000000" font_size="230" />
 +
<osd enabled="yes" type="text" label="${navigation.item.destination_time[remaining]}" x="72" y="-63" w="120" h="30" align="6"  background_color="#00000000" font_size="200" />
 +
<osd enabled="yes" type="text" label="Dist:" x="3" y="-94" w="65" h="30" align="6"  background_color="#00000000" font_size="230" />
 +
<osd enabled="yes" type="text" label="${navigation.item.destination_length[named]}"  x="72" y="-94" w="120" h="30" align="6"  background_color="#00000000" font_size="200" />
 +
<!-- bottom-right -->
 +
<osd enabled="yes" type="text" label="${tracking.item.route_speed}" x="-114" y="-43"  align="12" w="112" h="40" background_color="#00000000" font_size="250"/>
 +
<osd enabled="yes" type="text" label="${vehicle.position_speed}"    x="-114" y="-90" align="12" w="112" h="40" background_color="#00000000" font_size="250"/>
 +
<osd enabled="yes" type="compass" font_size="0" x="283" y="-90" w="80" h="80" align="15" background_color="#00000000"/>
 +
<!-- background images -->
 +
<osd enabled="yes" type="button" x="0" y="0" align="10" w="394" h="152"  command="" src="skins/WM_VGA1/top-left.png" />
 +
<osd enabled="yes" type="button" x="-56" y="0" align="10" w="56" h="313"  command="" src="skins/WM_VGA1/top-right.png" />
 +
<osd enabled="yes" type="button" x="0" y="-100" align="2"  command="" src="skins/WM_VGA1/bottom-left.png" />
 +
<osd enabled="yes" type="button" x="-200" y="-100" align="2"  command="" src="skins/WM_VGA1/bottom-right.png" />
  
+
</pre>
<!-- GPS STATUS -->
+
</code>
  <osd enabled="yes" type="gps_status" x="0" y="-60" w="212" h="30"  font_size="300" background_color="#00000000" align="2"/>  
+
|}
 
 
  
<!-- NUMBER OF SATELLITES USED -->
+
To install just add include the xml content into your navit.xml (just where all the default/deactivated osd elements are) and fix the paths to the pics.
<osd enabled="yes" type="text" label="${vehicle.position_sats_used}/${vehicle.position_qual}" x="0" y="-30" w="212" h="30" font_size="300" background_color="#00000000" align="1"/>
+
On HTC Touch Pro with WM 6.5 the screen resolution with daily build 3540, the resolution is 240x320. You have to apply the patch mentioned in http://trac.navit-project.org/ticket/554 or can [http://www.thomas0782.de/files/2010-09-05_navit_patched.zip download a svn build (2010-09-05)] with patch included to run Navit with 480x640 pixels.
  
 +
<hr style="height: 4px; color:#AB4E3F; background-color:#AB4E3F;" />
  
<!--ROUTE LENGTH -->
+
===Dirk205's layout for landscape WVGA===
<osd enabled="yes" type="text" label="${navigation.item.destination_length[named]}" x="200" y="-70" w="200" h="45" background_color="#00000000" font_size="550" />
 
  
  
<!-- DISTANCE UNTIL TURN-->
+
This skin looks good on WVGA (800x480) devices (i.e. HTC HD2) in landscape mode. Portrait mode is not supported!
<osd enabled="yes" type="text" label="${navigation.item.destination_time[remaining]}" x="200" y="-25" w="200" h="25" background_color="#00000000" font_size="350" align="2" />
 
  
<!-- TIME UNTIL ARRIVAL -->
 
  
<osd enabled="yes" type="text" label="${navigation.item[1].length[named]}" x="412" y="-37" w="200" h="35" background_color="#00000000" font_size="600"/>
+
[[Image:3D_Skin_Dirk205.png|400px]]
 +
*[http://www.sendspace.com/file/et3qvw  Download skin]
  
  
<!-- ARROW -->
+
My settings: 3D and full screen are active. Moreover, I added <vehicle name= ... '''follow="1"'''> to fix the car position on the screen.
<osd enabled="yes" type="navigation_next_turn" w="200" h="65" x="412" y="-100" font_size="300" background_color="#00000000"/>
+
To install just add include the xml fragment into your navit.xml (replace all the default osd elements there) and extract the skin bitmaps with folder into folder $NAVIT_SHAREDIR/xpm/skins .
  
 +
The shown 3D view has a view angle of 24 degrees, i.e. you need to patch your navit.xml at a appropriate menu position:
  
<!-- SPEED -->
+
<img cond='navit.pitch==0' src='gui_map'  onclick='navit.pitch='''24''';  redraw_map();back_to_map()'> <text>3D</text> </img>
<osd enabled="yes" type="text" label="${vehicle.position_speed}" x="612" y="-70" font_size="550" w="206" h="45" background_color="#00000000" />
 
  
<!-- SPEED CAM -->
+
<img cond='navit.pitch!=0' src='gui_map' onclick='navit.pitch=0;  redraw_map();back_to_map()'> <text>2D</text> </img>
<osd enabled="yes" type="speed_cam" background_color="#00000000" idle_color="#ffffffff" font_size="400" w="206" h="35" x="612" y="-37" announce_on="1" font_size="400" label="${distance}" />
 
  
  
<!-- WARNER -->
+
3 remarks:
  <osd enabled="yes" type="speed_warner" w="70" h="70"  x="886" y="-70"  speed_exceed_limit_offset="3" speed_exceed_limit_percent="5"  announce_on="1" font_size="600" idle_color="#ff0000" background_color="#00000000"  label="images:red_img.xpm:green_img.xpm:red_img.xpm:"
 
/>
 
  
<!-- SPEECH OUTPUT -->
+
a) To enable landscape mode on a HTC HD2 you need a tool, can be done with the "BsB Tweaks"!
<speech type="cmdline" data="aplay -r 44100 /home/CHANGEME/.navit/beep.wav | espeak -vmb-de6 -s '145' -p '30' '%s'| mbrola -e /usr/share/mbrola/de6 - - | aplay -r22050 -fs16 &amp;" />
 
  
<!-- KEYBINDINGS -->
+
b) You need to have 64x64 sized navigation bitmaps (*wh_64_64.png) present in your xpm folder.
<osd enabled="yes" type="button" x="0" y="110" use_overlay="1" command="orientation=orientation==0?-1:0" accesskey="&#99;" src="mark.xpm"/>
 
<osd enabled="yes" type="button" x="0" y="180" w="1" h="1" use_overlay="1" command="zoom_in()" accesskey="&#120;" src="zoom_in.xpm"/>
 
<osd enabled="yes" type="button" x="0" y="370" w="1" h="1" use_overlay="1" command="zoom_to_route()" accesskey="&#32;" src="mark.xpm"/>
 
<osd enabled="yes" type="button" x="0" y="320" w="1" h="1" use_overlay="1" command="zoom_out()" accesskey="&#121;" src="zoom_out.xpm"/>
 
<osd enabled="yes" type="button" x="0" y="460" w="1" h="1" use_overlay="1" command="gui.fullscreen=!gui.fullscreen" accesskey="&#102;" src="zoom_in.xpm"/>
 
<osd enabled="yes" type="button" x="0" y="0"  use_overlay="1" command="pitch=pitch==0?18:0;orientation=pitch==0?0:-1;zoom=pitch==0?45:10" accesskey="&#09;" src="/home/CHANGEME/.navit/navit.xpm"/>
 
<osd enabled="yes" type="button" x="66" y="0" w="1" h="1" use_overlay="1" command="autozoom_active=autozoom_active==0?1:0" accesskey="&#97;" src="mark.xpm"/>
 
<osd enabled="yes" type="button" x="50" y="0" w="1" h="1" use_overlay="1" command="speech.active=!speech.active" accesskey="&#115;" src="mark.xpm"/>
 
  
 +
c) Scaler can work for 2D view only.
  
<!-- LAYOUT -->
+
{| width="100%" class="collapsible collapsed wikitable"
<osd enabled="yes" type="button" x="0" y="-100" w="1024" h="100" command="" src="/home/CHANGEME/.navit/bar.png" />
+
|-
<osd enabled="yes" type="button" x="0" y="0" w="1024" h="45" command="" src="/home/CHANGEME/.navit/bar2.png" />
+
! Layout XML
 +
|-
 +
|
 +
<code>
 +
<pre style="white-space: pre-wrap;">
  
<cursor w="70" h="70">
+
        <osd enabled="yes" type="button"    x="0"  y="0" command="" src="skins/Dirk1/sky3.png"  
<itemgra>
+
        background_color="#808080ff" />
<!-- Car outline -->
+
        <osd enabled="yes" type="gps_status" x="750" y="3" w="50" h="30" align="0"       background_color="#00000000"
<polyline color="#ffffff" width="24">
+
        font_size="300" />
<coord x="-28" y="0"/>
+
        <osd enabled="yes" type="scale"     x="0"   y="2" w="150" h="40" font_size="150"
<coord x="28" y="0"/>
+
        background_color="#000000c8"/>
</polyline>
+
        <osd enabled="yes" type="text"  label="ETA: ${navigation.item.destination_time[arrival]}"        x="300"
<polyline color="#ffffff" width="8">
+
        y="390"  w="180" h="70" align="4" background_color="#00000000" font_size="250" />
<coord x="-30" y="0"/>
+
        <osd enabled="yes" type="text" label="Dist: ${navigation.item.destination_length[named]}"       x="300"
<coord x="-15" y="26"/>
+
        y="430"  w="180" h="70" align="4" background_color="#00000000" font_size="250" />
<coord x="15" y="26"/>
+
        <osd enabled="yes" type="text" label="TL: ${navigation.item.destination_time[remaining]}"       x="505"
<coord x="30" y="0"/>
+
        y="390"  w="295" h="70" align="4" background_color="#00000000" font_size="250" />
</polyline>
+
        <osd enabled="yes" type="text" label="${vehicle.position_speed} - ${tracking.item.route_speed}" x="505"
<polyline color="#ffffff" width="12">
+
        y="430" w="295" h="70" align="4" background_color="#00000000" font_size="250"/>
<coord x="-25" y="-7"/>
+
        <osd enabled="yes" type="navigation_next_turn" x="10" y="405" align="5" icon_src="%s_wh_64_64.png"
<coord x="-25" y="-15"/>
+
        background_color="#00000000" />  
</polyline>
+
        <osd enabled="yes" type="text" label="${navigation.item[1].length[named]}" x="80" y="410" w="185" h="85"
<polyline color="#ffffff" width="12">
+
        align="4"  background_color="#00000000" font_size="535"/>
<coord x="25" y="-7"/>
+
        <osd enabled="yes" type="button" x="-53" y="100" command="zoom_in()"        src="skins/Dirk1/zoom_in.png"/>
<coord x="25" y="-15"/>
+
        <osd enabled="yes" type="button"  x="-53" y="200" command="zoom_out()"      src="skins/Dirk1/zoom_out.png"/>
</polyline>
+
        <osd enabled="yes" type="button" x="-53" y="300" command="zoom_to_route()"  src="skins/Dirk1/zoom_route.png"/>
 
+
        <osd enabled="yes" type="toggle_announcer"    x=" 3" y="100"              icon_src="$NAVIT_SHAREDIR/xpm/skins/Dirk1/%s.png"  background_color="#00000000" />
+
        <osd enabled="yes" type="button" x="0" y="-85" w="800" h="85" command=""   src="skins/Dirk1/bottom2.png" />
<!-- Car -->
 
<polyline color="#00000f" width="22">
 
<coord x="-28" y="0"/>
 
<coord x="28" y="0"/>
 
</polyline>
 
<polyline color="#00000f" width="6">
 
 
 
 
<coord x="-30" y="0"/>
 
<coord x="-15" y="26"/>
 
<coord x="15" y="26"/>
 
<coord x="30" y="0"/>
 
 
 
</polyline>
 
                      <!-- left tire -->
 
<polyline color="#00000f" width="10">
 
<coord x="-25" y="-7"/>
 
<coord x="-25" y="-15"/>
 
                      <!-- right tire -->
 
</polyline>
 
<polyline color="#00000f" width="10">
 
<coord x="25" y="-7"/>
 
<coord x="25" y="-15"/>
 
</polyline>
 
 
 
 
 
</itemgra>
 
<itemgra speed_range="-2">
 
 
 
<!--Back lights:brake -->
 
<polyline color="#ff0000" width="8">
 
<coord x="-20" y="0"/>
 
<coord x="-28" y="0"/></polyline>
 
                        <polyline color="#ff0000" width="8">
 
<coord x="20" y="0"/>
 
<coord x="28" y="0"/></polyline>
 
  
 +
</pre>
 +
</code>
 +
|}
  
 +
<hr style="height: 4px; color:#AB4E3F; background-color:#AB4E3F;" />
  
<polyline color="#ff0000" width="6">
+
===Asus Mypal A696 - QVGA 240x320===
<coord x="-7" y="24"/>
 
<coord x="7" y="24"/>
 
</polyline>
 
  
 +
----
  
</itemgra>
+
Windows Mobile 6.0 Classic, Display 3.5 inch QVGA 240x320.
<itemgra speed_range="3-">
+
Layout is design for Landscape  (horizontal) display orientation.
 +
This layout working well with 2D and 3D mode.
  
<!--Back lights: drive -->
+
[[Image:navit0.2.0.png]]
 
<polyline color="#ff0000" width="6">
 
<coord x="-20" y="0"/>
 
<coord x="-28" y="0"/></polyline>
 
<polyline color="#ff0000" width="6">
 
<coord x="20" y="0"/>
 
<coord x="28" y="0"/></polyline>
 
                     
 
  
+
[[Image:navit0.2.0-2.png]]
<!-- Speed lines -->
 
<polyline color="#ffffff" width="4">
 
<coord x="-17" y="-12"/>
 
<coord x="-23" y="-28"/>
 
</polyline>
 
<polyline color="#000000" width="3">
 
<coord x="-17" y="-12"/>
 
<coord x="-23" y="-28"/>
 
</polyline>
 
<polyline color="#ffffff" width="4">
 
<coord x="-10" y="-16"/>
 
<coord x="-16" y="-32"/>
 
</polyline>
 
<polyline color="#000000" width="3">
 
<coord x="-10" y="-16"/>
 
<coord x="-16" y="-32"/>
 
</polyline>
 
<polyline color="#ffffff" width="4">
 
<coord x="17" y="-12"/>
 
<coord x="23" y="-28"/>
 
</polyline>
 
<polyline color="#000000" width="3">
 
<coord x="17" y="-12"/>
 
<coord x="23" y="-28"/>
 
</polyline>
 
<polyline color="#ffffff" width="4">
 
<coord x="10" y="-16"/>
 
<coord x="16" y="-32"/>
 
</polyline>
 
<polyline color="#000000" width="3">
 
<coord x="10" y="-16"/>
 
<coord x="16" y="-32"/>
 
</polyline>
 
</itemgra>
 
</cursor>
 
  
<!-- ROUTING -->
+
[[Image:navit0.2.0_6.1.png]]
  
                <itemgra item_types="street_route" order="2">
+
explanatory
                    <polyline color="#00FF00" width="4"/>
 
                </itemgra>
 
                <itemgra item_types="street_route" order="3-5">
 
                    <polyline color="#00FF00" width="5"/>
 
                </itemgra>
 
                <itemgra item_types="street_route" order="6">
 
                    <polyline color="#00FF00" width="15"/>
 
                </itemgra>
 
                <itemgra item_types="street_route" order="7-8">
 
                    <polyline color="#00FF00" width="15"/>
 
                </itemgra>
 
                <itemgra item_types="street_route" order="9-10">
 
                    <polyline color="#00FF00" width="15"/>
 
                </itemgra>
 
                <itemgra item_types="street_route" order="11">
 
                    <polyline color="#00FF00" width="15"/>
 
                </itemgra>
 
                <itemgra item_types="street_route" order="12">
 
                    <polyline color="#00FF00" width="18"/>
 
                </itemgra>
 
                <itemgra item_types="street_route" order="13">
 
                    <polyline color="#00FF00" width="20"/>
 
                </itemgra>
 
                <itemgra item_types="street_route" order="14">
 
                    <polyline color="#00FF00" width="25"/>
 
                </itemgra>
 
                <itemgra item_types="street_route" order="15">
 
                    <polyline color="#00FF00" width="35"/>
 
                </itemgra>
 
                <itemgra item_types="street_route" order="16">
 
                    <polyline color="#00FF00" width="40"/>
 
                </itemgra>
 
                <itemgra item_types="street_route" order="17">
 
                    <polyline color="#00FF00" width="50"/>
 
                </itemgra>
 
                <itemgra item_types="street_route" order="18">
 
                    <polyline color="#00FF00" width="120"/>
 
                </itemgra>
 
  
 +
Glossary:
  
</pre>
+
In - distance to next turn,
</code>
+
onto - next street name/number of road,
|}
+
eta - estimated time of arrival,
 +
tr - time remaining until destination is reached,
 +
t - vehicle position time,
 +
d - direction angle,
 +
on - currently on road name/number of road,
 +
alt - altitude,
 +
dr - route distance remaining,
 +
top left - scaller,
 +
bottom right - compass (direction, distance),
 +
bottom right corner - number of satellites used / number of satellites available,
 +
bottom left corner - actual speed,
 +
bottom left corner (top) - speed warning,
 +
bottom in the middle (top) - gps status, longitude latitude,
  
<hr style="height: 10px; color:#AB4E3F; background-color:#AB4E3F;" />
+
add this to your navit.xml file:
<br />
 
  
==Windows Mobile OSD Layouts==
 
 
All these OSDs are developed for and tested with navit 0.2.0
 
 
===Windows Mobile VGA 1===
 
 
This OSD fits well for @480x640. The are still some minor issues beeing corrected soon.
 
 
[[Image:WM_VGA1_screen.png|300px]]
 
*[http://www.thomas0782.de/files/WM_VGA1.zip Download skin]
 
  
 
{| width="100%" class="collapsible collapsed wikitable"
 
{| width="100%" class="collapsible collapsed wikitable"
Line 1,173: Line 1,235:
 
<pre style="white-space: pre-wrap;">
 
<pre style="white-space: pre-wrap;">
  
<!-- top-left elements -->
+
<osd enabled="yes" type="compass" font_size="150" x="-80" y="-40" w="35" h="40" />
<osd enabled="yes" type="text" label="${navigation.item.street_name} ${navigation.item.street_name_systematic}"   x="3" y="3" w="400" h="40" align="6" background_color="#00000000" font_size="250" />
+
<osd enabled="yes" type="eta" />  
<osd enabled="yes" type="text" label="->" x="3" y="44" w="40" h="40" align="6" background_color="#00000000" font_size="250" />
+
<osd enabled="yes" type="navigation_distance_to_target" />  
<osd enabled="yes" type="text" label="${navigation.item[1].street_name} ${navigation.item[1].street_name_systematic}" x="45" y="44" w="400" h="40" align="6" background_color="#00000000" font_size="250" />
+
<osd enabled="yes" type="navigation" />
<osd enabled="yes" type="navigation_next_turn" x="0" y="86" w="110" h="90" align="12" icon_src="%s_wh_64_64.png" background_color="#00000000" />  
+
<osd enabled="yes" type="navigation_distance_to_next" />  
<osd enabled="yes" type="text" label="${navigation.item[1].length[named]}" x="0" y="178" w="110" h="40" align="12"  background_color="#00000000" font_size="250"/>
+
<osd enabled="yes" type="navigation_next_turn" x="124" y="0" w="60" h="37" icon_src="%s_wh_32_32.png" />  
<osd enabled="yes" type="scale" x="0" y="210" w="114" h="30" font_size="150" background_color="#000000c8"/>
+
<osd enabled="yes" type="gps_status" x="-45" y="-40" w="45" h="28"/>  
<!-- menu right/top-right -->
+
<osd enabled="yes" type="text" font_size="140" label="${vehicle.position_sats_used}/${vehicle.position_qual}" x="-45" y="-12" w="45" h="14" />
<osd enabled="yes" type="gps_status"       x="-50" y="8"  w="50" h="50" align="0" background_color="#00000000" font_size="200" />
+
<osd enabled="yes" x="0" y="30" w="240" h="26" font_size="150" type="scale" />n
<osd enabled="yes" type="button"           x="-50" y="68"  w="50" h="50" command="zoom_out()"      src="skins/WM_VGA1/zoom_out.png" background_color="#00000000"/>
+
<osd type="text" w="90" h="45" x="0" y="-40" label="${vehicle.position_speed[nameosd enabled="yes" type="text"  label="Dist: ${navigation.item.destination_length[named]}"       x="300"
<osd enabled="yes" type="toggle_announcer" x="-50" y="118" w="50" h="50" icon_src="$NAVIT_SHAREDIR/xpm/skins/WM_VGA1/%s.png" background_color="#00000000"/>
+
        y="430"  w="180" h="70" align="4" background_color="#00000000" font_size="250" />
<osd enabled="yes" type="button"           x="-50" y="168" w="50" h="50" command="zoom_to_route()" src="skins/WM_VGA1/zoom_route.png" background_color="#00000000"/>
+
        d]}" font_size="350" />
<osd enabled="yes" type="button"           x="-50" y="218" w="50" h="50" command="zoom_in()"       src="skins/WM_VGA1/zoom_in.png" background_color="#00000000"/>
+
<osd enabled="yes" type="text" label="In  ${navigation.item[1].length[named]}" font_size="300" x="0" y="0" w="124" h="22"/>
<!-- bottom-left -->
+
<osd enabled="yes" type="text" label="alt ${vehicle.position_height}m" x="90" y="-15" w="73" h="15"/>
<osd enabled="yes" type="text" label="ETA:" x="3" y="-32" w="65" h="30" align="6"  background_color="#00000000" font_size="230" />
+
<osd enabled="yes" type="text" label="on ${navigation.item.street_name}/${navigation.item.street_name_systematic}" font_size="248" x="90" y="-33" w="150" h="18"/>
<osd enabled="yes" type="text" label="${navigation.item.destination_time[arrival]}"   x="72" y="-32" w="120" h="30" align="6"  background_color="#00000000" font_size="200" />
+
<osd enabled="yes" type="text" label="onto ${navigation.item[1].street_name}/${navigation.item[1].street_name_systematic}" font_size="200" x="184" y="0" w="136" h="22"/>
<osd enabled="yes" type="text" label="TL:"   x="3" y="-63" w="65" h="30" align="6"  background_color="#00000000" font_size="230" />
+
<osd enabled="yes" type="text" label="dr ${navigation.item.destination_length[named]}" x="163" y="-15" w="77" h="15"/>
<osd enabled="yes" type="text" label="${navigation.item.destination_time[remaining]}" x="72" y="-63" w="120" h="30" align="6"  background_color="#00000000" font_size="200" />
+
<osd enabled="yes" type="text" label="da ${vehicle.position_direction}" x="270" y="22" w="50" h="15"/>
<osd enabled="yes" type="text" label="Dist:" x="3" y="-94" w="65" h="30" align="6"  background_color="#00000000" font_size="230" />
+
<osd enabled="!-- Zoom Out (shortcut: -)-->
<osd enabled="yes" type="text" label="${navigation.item.destination_length[named]}"   x="72" y="-94" w="120" h="30" align="6"  background_color="#00000000" font_size="200" />
+
yes" type="text" label="eta ${navigation.item.destination_time[arrival]}" x="0" y="22" w="66" h="15"/>
<!-- bottom-right -->
+
<osd enabled="yes" type="text" label="tr ${navigation.item.destination_time[remaining]}" x="66" y="22" w="58" h="15"/>
<osd enabled="yes" type="text" label="${tracking.item.route_speed}" x="-114" y="-43"  align="12" w="112" h="40" background_color="#00000000" font_size="250"/>
+
<osd enabled="yes" type="text" label="t ${vehicle.position_time_iso8601[+01:00;%X]}" x="184" y="22" w="86" h="15"/>
<osd enabled="yes" type="text" label="${vehicle.position_speed}"   x="-114" y="-90" align="12" w="112" h="40" background_color="#00000000" font_size="250"/>
+
<osd enabled="yes" type="text" label="${vehicle.position_coord_geo}" font_size="113" x="90" y="-40" w="150" h="7"/>
<osd enabled="yes" type="compass" font_size="0" x="283" y="-90" w="80" h="80" align="15" background_color="#00000000"/>
+
<osd enabled="yes" type="speed_warner" w="25" h="12" x="0" y="-40"  font_size="248" speed_exceed_limit_offset="15" speed_exceed_limit_percent="10" announce_on="1" label="text_only"/>
<!-- background images -->
+
<osd enabled="no" type="button" x="0" y="0" command="gui.fullscreen=!gui.fullscreen" src="toggle_fullscreen.xpm"/>  
<osd enabled="yes" type="button" x="0" y="0" align="10" w="394" h="152"  command="" src="skins/WM_VGA1/top-left.png" />
+
<osd enabled="no" type="button" x="-96" y="0" command="gui.menu()" src="menu.xpm"/>
<osd enabled="yes" type="button" x="-56" y="0" align="10" w="56" h="313"  command="" src="skins/WM_VGA1/top-right.png" />
+
<osd enabled="yes" type="button" x="-96" y="-96" command="zoom_in()" src="zoom_in.xpm"/>
<osd enabled="yes" type="button" x="0" y="-100" align="2" command="" src="skins/WM_VGA1/bottom-left.png" />
+
<osd enabled="yes" type="button" x="0" y="-96" command="zoom_out()" src="zoom_out.xpm"/>  
<osd enabled="yes" type="button" x="-200" y="-100" align="2"  command="" src="skins/WM_VGA1/bottom-right.png" />
 
  
 
</pre>
 
</pre>
 
</code>
 
</code>
 
|}
 
|}
 
To install just add include the xml content into your navit.xml (just where all the default/deactivated osd elements are) and fix the paths to the pics.
 
On HTC Touch Pro with WM 6.5 the screen resolution with daily build 3540, the resolution is 240x320. You have to apply the patch mentioned in http://trac.navit-project.org/ticket/554 or can [http://www.thomas0782.de/files/2010-09-05_navit_patched.zip download a svn build (2010-09-05)] with patch included to run Navit with 480x640 pixels.
 
  
 
<hr style="height: 4px; color:#AB4E3F; background-color:#AB4E3F;" />
 
<hr style="height: 4px; color:#AB4E3F; background-color:#AB4E3F;" />
  
===Dirk205's layout for landscape WVGA===
+
===Treo 750 QVGA Square (240x240) (German)===
 +
This Layout I use on a Treo 750 with Windows Mobile 6 and a resolution of 240x240 pixel.
 +
The design is inspired from the Palm Pre Layout by Nexave user AndrejDelany.
 +
http://www.nexave.de/forum/p395877-navit-fuer-den-pre/.html#post395877<br />
 +
I adapted this Layout to my lower resolution and did some own graphics.
 +
Thanks for the great work, Andrej  :)
  
 +
(This Layout also fits 240x320 portrait, but not 320x240 landscape mode)
  
This skin looks good on WVGA (800x480) devices (i.e. HTC HD2) in landscape mode. Portrait mode is not supported!
+
The following XML-Code (click "show" for "Layout XML for Treo 750 QVGA Square" at the bottom) is part of my file "navit.xml".
 +
I did some comments (in German) to seperate the file into logical parts.
  
 +
If you want to try, use or modify this layout, you have to insert this code in your file "navit.xml".
  
[[Image:3D_Skin_Dirk205.png|400px]]
+
This design provides a clear display with great functionality.
*[http://www.sendspace.com/file/et3qvw  Download skin]
+
<br style="clear:both" /><br />
  
  
My settings: 3D and full screen are active. Moreover, I added <vehicle name= ... '''follow="1"'''> to fix the car position on the screen.
+
[[image:Screen-Layout-navit-QVGA-240-240-routing-ok.png|right|240px|text-top|navit GUI routing]]
To install just add include the xml fragment into your navit.xml (replace all the default osd elements there) and extract the skin bitmaps with folder into folder $NAVIT_SHAREDIR/xpm/skins .
 
  
The shown 3D view has a view angle of 24 degrees, i.e. you need to patch your navit.xml at a appropriate menu position:
+
'''''While routing:'''''<br />
 +
In the top part of the display you will see (from left to right):<br />
 +
Distance to target  -  time to target  -  estimated time of arrival<br />
 +
<br />
 +
At the right side you can see:<br />
 +
* The actual speed (above)
 +
* and below the maximum allowed speed at the street you are actually on.<br />
 +
If you are driving "slow enough" it will be colored '''green'''.<br />
 +
If you are driving too fast, it will be colored '''red'''.<br />
  
<img cond='navit.pitch==0' src='gui_map'  onclick='navit.pitch='''24''';  redraw_map();back_to_map()'> <text>3D</text> </img>
+
<br style="clear:both" />
  
<img cond='navit.pitch!=0' src='gui_map'  onclick='navit.pitch=0;  redraw_map();back_to_map()'> <text>2D</text> </img>
+
[[image:Screen-Layout-navit-QVGA-240-240-routing-too-fast.png|right|240px|text-top|navit GUI routing too fast]]
 
+
<br />
 
+
When there is an explizit tag "max_speed", navit will display this allowed speed.<br />
3 remarks:
+
When there is no explizit tag, navit will "guess" the maximum allowed speed from the Highway type. In this case you will see a "~" in front of the speed..<br />
 +
(Don´t wonder: Sometimes it will be a little bit funny e.g. to be allowed to drive 100 km/h inside a village.)<br />
 +
<br />
 +
In the bottom of the display you will see:<br />
 +
Next action (as an arrow) with distance to next action below and the name of the street, you have to go to.<br />
 +
In small letters there is the name and/or reference of the street you´re actually on.
  
a) To enable landscape mode on a HTC HD2 you need a tool, can be done with the "BsB Tweaks"!
+
<br style="clear:both" />
  
b) You need to have 64x64 sized navigation bitmaps (*wh_64_64.png) present in your xpm folder.
+
[[image:Screen-Layout-navit-QVGA-240-240-routing-menu.png|right|240px|text-top|navit GUI routing Menu]]
 +
'''Selecting "time delay" '''<br />
 +
Sometimes when scrolling on the map, the focus jumps back to GPS-position too fast.<br />
 +
Therefor I put in a small menu, where you can select the time, after which the focus jumps back.<br />
 +
<br />
 +
Please tap on the "arrow-icon" in the upper right corner to bring up the menu.<br />
 +
* tap on "5" to select a time-delay of about 5 seconds. => thats the default value, good for driving
 +
* tap on "30" to select a time-delay of about 30 seconds => thats good for scrolling on the map while navigating and looking e.g. for some adresses.<br />
 +
<br />
 +
The time-delay starts after your osd enabled="yes" type="text"  label="ETA: ${navigation.item.destination_time[arrival]}"        x="300"
 +
        y="390"  w="180" h="70" align="4"  background_color="#00000000" font_size="250" />
 +
        osd enabled="yes" type="eta" />
 +
last scrolling-action on the map.
  
c) Scaler can work for 2D view only.
+
<br style="clear:both" />
  
{| width="100%" class="collapsible collapsed wikitable"
+
[[image:Screen-Layout-navit-QVGA-240-240-routing-indicator.png|right|240px|text-top|navit GUI routing Indicator]]
|-
+
'''Time delay indicator'''<br />
! Layout XML
+
The small indicator shows you the selected value for the time-delay.<br />
|-
+
<br />
|
+
 
<code>
+
You can always switch between these to time-delays. Even while navigating.<br />
<pre style="white-space: pre-wrap;">
+
<br
 +
 
 +
You can '''clear the screen''' by tapping on the "next-action-arrow" in the bottom left corner.
 +
 
 +
<br style="clear:both" />
  
        <osd enabled="yes" type="button"    x="0"  y="0" command=""  src="skins/Dirk1/sky3.png"
+
[[image:Screen-Layout-navit-QVGA-240-240-driving.png|right|240px|text-top|navit GUI driving]]
        background_color="#808080ff" />
+
'''''While driving without routing:'''''<br />
        <osd enabled="yes" type="gps_status" x="750" y="3" w="50"  h="30" align="0"      background_color="#00000000"
+
You will only see in small letters the name and/or reference of the street you´re actually on.<br />
        font_size="300" />
+
...and for sure: your actual speed and the maximum speed allowed.
        <osd enabled="yes" type="scale"      x="0"  y="2" w="150" h="40" font_size="150"
+
<br style="clear:both" />
        background_color="#000000c8"/>
 
        <osd enabled="yes" type="text"  label="ETA: ${navigation.item.destination_time[arrival]}"        x="300"
 
        y="390"  w="180" h="70" align="4"  background_color="#00000000" font_size="250" />
 
        <osd enabled="yes" type="text"  label="Dist: ${navigation.item.destination_length[named]}"      x="300"
 
        y="430"  w="180" h="70" align="4"  background_color="#00000000" font_size="250" />
 
        <osd enabled="yes" type="text"  label="TL: ${navigation.item.destination_time[remaining]}"      x="505"
 
        y="390"  w="295" h="70" align="4"  background_color="#00000000" font_size="250" />
 
        <osd enabled="yes" type="text"  label="${vehicle.position_speed} - ${tracking.item.route_speed}" x="505"
 
        y="430"  w="295" h="70" align="4"  background_color="#00000000" font_size="250"/>
 
        <osd enabled="yes" type="navigation_next_turn" x="10" y="405" align="5" icon_src="%s_wh_64_64.png"
 
        background_color="#00000000" />
 
        <osd enabled="yes" type="text" label="${navigation.item[1].length[named]}" x="80" y="410"  w="185" h="85"
 
        align="4"  background_color="#00000000" font_size="535"/>
 
        <osd enabled="yes" type="button"  x="-53" y="100" command="zoom_in()"        src="skins/Dirk1/zoom_in.png"/>
 
        <osd enabled="yes" type="button"  x="-53" y="200" command="zoom_out()"      src="skins/Dirk1/zoom_out.png"/>
 
        <osd enabled="yes" type="button"  x="-53" y="300" command="zoom_to_route()"  src="skins/Dirk1/zoom_route.png"/>
 
        <osd enabled="yes" type="toggle_announcer"    x="  3" y="100"              icon_src="$NAVIT_SHAREDIR/xpm/skins/Dirk1/%s.png"  background_color="#00000000" />
 
        <osd enabled="yes" type="button"  x="0" y="-85" w="800" h="85" command=""    src="skins/Dirk1/bottom2.png" />
 
  
</pre>
+
The required images-files are zipped to "navit-xpm-additional-QVGA-240x240.zip" and for download:<br />
</code>
+
http://rapidshare.com/files/451095464/navit-xpm-additional-QVGA-240x240.zip<br />
|}
+
please unzip these files and copy them into the folder "xpm" in your navit-path.<br />
 +
In the zip-file there are not only the "design"-files, but also the corrected "png"-files for "next direction".<br />
 +
So, if you don´t have any problems with the graphic "next direction" (= arrows), leave them out and just use the "design"-files.<br />
 +
<br />
 +
An additional Menu-Configuration optimized for 240x240 Display will be found here:<br />
 +
http://wiki.navit-project.org/index.php/Internal_GUI/Menu_configurations#QVGA_Square_.28240x240.29_Configuration_1_.28German.29<br />
  
<hr style="height: 4px; color:#AB4E3F; background-color:#AB4E3F;" />
+
{| width="100%" class="collapsible collapsed wikitable"
 +
|-
 +
! Layout XML for Treo 750 QVGA Square
 +
|-
 +
|
 +
<code>
 +
<pre style="white-space: pre-wrap;">
  
===Asus Mypal A696 - QVGA 240x320===
+
<!--  =============== OSD =========================== -->
  
----
 
  
Windows Mobile 6.0 Classic, Display 3.5 inch QVGA 240x320.
+
<!-- background images oben, inklusive Menuaufruf "Auswahl des Wertes von timeout" = Konfiguration 2  -->
Layout is design for Landscape  (horizontal) display orientation.
+
<osd enabled="yes" type="button" x="0" y="0" w="240" h="30" src='JR-head-bg-x.png' command=""/>
This layout working well with 2D and 3D mode.
+
<osd enabled="yes" type="button" x="194" y="20" w="10" h="10" src='JR-ecke-or.png' command=""/>
 +
<osd enabled='yes' type="button" x="204" y="20" w="36" h="50" src="JR-knopf-unten-details.png" command="osd_configuration=2"/>
  
[[Image:navit0.2.0.png]]
 
  
[[Image:navit0.2.0-2.png]]
+
<!-- background images unten, inklusive Funktion "Ausblenden des Menus zur Wahl von timeout" = Konfiguration 1  -->
 +
<osd enabled="yes" type="button" x="0" y="-70" w="65" h="70" src="JR-bottom-bg-x.png" command="osd_configuration=1"/>
  
[[Image:navit0.2.0_6.1.png]]
+
<!--  Zoom in/out  -->
 +
<osd enabled="yes" type="button" x="0" y="-200" command="zoom_in()" src="zoom_in.png" w="60" h="60" align='0'/>
 +
<osd enabled="yes" type="button" x="0" y="-120" command="zoom_out()" src="zoom_out.png" w="60" h="60" align='0'/>
  
explanatory
 
  
Glossary:
 
  
In - distance to next turn,
+
<!-- Geschwindigkeit  aktuell -->
onto - next street name/number of road,
+
<osd enabled="yes" type="text" label="${vehicle.position_speed}" x="173" y="-89" w="117" h="25" background_color="#00000099" align="8" font_size="350"  command='zoom_to_route()'/>
eta - estimated time of arrival,
+
<osd enabled="yes" type="button" x="170" y="-93" w="90" h="30" src="JR-geschw-klein.png" command=''/>
tr - time remaining until destination is reached,
 
t - vehicle position time,
 
d - direction angle,
 
on - currently on road name/number of road,
 
alt - altitude,
 
dr - route distance remaining,
 
top left - scaller,
 
bottom right - compass (direction, distance),
 
bottom right corner - number of satellites used / number of satellites available,
 
bottom left corner - actual speed,
 
bottom left corner (top) - speed warning,
 
bottom in the middle (top) - gps status, longitude latitude,
 
  
add this to your navit.xml file:
+
<!-- Geschwindigkeit  erlaubt = Speedwarner  -->
 +
<osd enabled="yes" type="speed_warner" w="67" h="25" x="173" y="-59" font_size="350" align="8" background_color="#00000099" speed_exceed_limit_offset="10" speed_exceed_limit_percent="50"  announce_on="1" label='text_only' />
 +
<osd enabled="yes" type="button" x="170" y="-63" w="90" h="30" src="JR-geschw-klein.png" command=''/>
  
  
{| width="100%" class="collapsible collapsed wikitable"
+
<!--  Navigationshinweise oben -->
|-
+
<osd enabled="yes" type="text" x="0" y="0" w="80" h="19" label="${navigation.item.destination_length[value]} ${navigation.item.destination_length[unit]}" background_color="#000000FF" align="4" font_size='240'/>
! Layout XML
+
<osd enabled="yes" type="text" x="80" y="0" w="80" h="19" label="${navigation.item.destination_time[remaining]}" background_color="#000000FF" align="0" font_size='240'/>
|-
+
<osd enabled="yes" type="text" x="160" y="0" w="80" h="19" label="${navigation.item.destination_time[arrival]}" background_color="#000000FF" align="8" font_size='240'/>
|
+
 
<code>
+
 
<pre style="white-space: pre-wrap;">
+
<!--  Navigationshinweise unten -->
 +
<osd enabled="yes" type="text" label="${tracking.item.street_name} ${tracking.item.street_name_systematic}" x="65" y="-32" w="175" h="12" align="4" font_size="160" background_color="#000000FF"/>
 +
<osd enabled="yes" type="text" label="${navigation.item[1].street_name} ${navigation.item[1].street_name_systematic}" x="65" y="-18" w="175" h="18" align="4" font_size="260" background_color="#000000FF"/>
 +
<osd enabled="yes" type="text" label="${navigation.item[1].length[value]}" x="0" y="-16" w="45" h="16" align="8" background_color="#000000FF" font_size="260"/>
 +
<osd enabled="yes" type="text" label="${navigation.item[1].length[unit]}" x="45" y="-16" w="15" h="16" align="2" background_color="#000000FF" font_size="150"/>
 +
<osd enabled="yes" type="navigation_next_turn" x="10" y="-54" w="32" h="32" align="0" icon_src="%s_JR.png" background_color="#FFFFFFFF"/>
  
<osd enabled="yes" type="compass" font_size="150" x="-80" y="-40" w="35" h="40" />
+
<!-- Menu zum Einblenden und Auswahl von "timeout" = Konfiguration 4 mit 5 Sekunden und Konfiguration 8 mit 30 Sekunden  -->
<osd enabled="yes" type="eta" />
+
<osd enabled="yes" type="text" osd_configuration="2" label='5' x="100" y="23" w="40" h="30" background_color="#88888899" command="osd_configuration=4;timeout=8"/>
<osd enabled="yes" type="navigation_distance_to_target" />
+
<osd enabled="yes" type="text"  osd_configuration="2" label='30' x="150" y="23" w="40" h="30" background_color="#88888899" command="osd_configuration=8;timeout=32"/>
<osd enabled="yes" type="navigation" />
+
 
<osd enabled="yes" type="navigation_distance_to_next" />
+
<!-- eingeblendete Indikatoren fuer gewaehlten Wert von "timeout-->
<osd enabled="yes" type="navigation_next_turn" x="124" y="0" w="60" h="37" icon_src="%s_wh_32_32.png" />
+
<osd enabled="yes" type="text"  osd_configuration="8" label='30' x="210" y="70" w="20" h="20" background_color="#88888899" command=""/>
<osd enabled="yes" type="gps_status" x="-45" y="-40" w="45" h="28"/>  
+
<osd enabled="yes" type="text" osd_configuration="4" label='5' x="210" y="70" w="20" h="20" background_color="#88888899" command=""/>
<osd enabled="yes" type="text" font_size="140" label="${vehicle.position_sats_used}/${vehicle.position_qual}" x="-45" y="-12" w="45" h="14" />
 
<osd enabled="yes" x="0" y="30" w="240" h="26" font_size="150" type="scale" />n
 
<osd type="text"  w="90" h="45" x="0" y="-40" label="${vehicle.position_speed[named]}" font_size="350" />
 
<osd enabled="yes" type="text" label="In  ${navigation.item[1].length[named]}" font_size="300" x="0" y="0w="124" h="22"/>
 
<osd enabled="yes" type="text" label="alt ${vehicle.position_height}m" x="90" y="-15" w="73" h="15"/>
 
<osd enabled="yes" type="text" label="on ${navigation.item.street_name}/${navigation.item.street_name_systematic}" font_size="248" x="90" y="-33" w="150" h="18"/>
 
<osd enabled="yes" type="text" label="onto ${navigation.item[1].street_name}/${navigation.item[1].street_name_systematic}" font_size="200" x="184" y="0w="136" h="22"/>
 
<osd enabled="yes" type="text" label="dr ${navigation.item.destination_length[named]}" x="163" y="-15w="77" h="15"/>
 
<osd enabled="yes" type="text" label="da ${vehicle.position_direction}" x="270" y="22" w="50" h="15"/>
 
<osd enabled="yes" type="text" label="eta ${navigation.item.destination_time[arrival]}" x="0" y="22" w="66" h="15"/>
 
<osd enabled="yes" type="text" label="tr ${navigation.item.destination_time[remaining]}" x="66" y="22" w="58" h="15"/>
 
<osd enabled="yes" type="text" label="t ${vehicle.position_time_iso8601[+01:00;%X]}" x="184" y="22" w="86" h="15"/>
 
<osd enabled="yes" type="text" label="${vehicle.position_coord_geo}" font_size="113" x="90" y="-40" w="150" h="7"/>
 
<osd enabled="yes" type="speed_warner" w="25" h="12"  x="0" y="-40"  font_size="248" speed_exceed_limit_offset="15" speed_exceed_limit_percent="10" announce_on="1" label="text_only"/>
 
<osd enabled="no" type="button" x="0" y="0" command="gui.fullscreen=!gui.fullscreen" src="toggle_fullscreen.xpm"/>
 
<osd enabled="no" type="button" x="-96" y="0" command="gui.menu()" src="menu.xpm"/>
 
<osd enabled="yes" type="button" x="-96" y="-96" command="zoom_in()" src="zoom_in.xpm"/>
 
<osd enabled="yes" type="button" x="0" y="-96" command="zoom_out()" src="zoom_out.xpm"/>  
 
  
 
</pre>
 
</pre>
Line 1,355: Line 1,419:
 
<hr style="height: 4px; color:#AB4E3F; background-color:#AB4E3F;" />
 
<hr style="height: 4px; color:#AB4E3F; background-color:#AB4E3F;" />
  
===Treo 750 QVGA Square (240x240) (German)===
+
===Yakumo Delta 5 X===
This Layout I use on a Treo 750 with Windows Mobile 6 and a resolution of 240x240 pixel.
+
 
The design is inspired from the Palm Pre Layout by Nexave user AndrejDelany.
+
* fits for resolution 320x240 and 240x320
http://www.nexave.de/forum/p395877-navit-fuer-den-pre/.html#post395877<br />
+
 
I adapted this Layout to my lower resolution and did some own graphics.
+
[[image:WM_YAKUMO_DELTAX5_screen2.png|320px|Yakumo Delta 5 X horizontal]]
Thanks for the great work, Andrej  :)
 
  
(This Layout also fits 240x320 portrait, but not 320x240 landscape mode)
+
[[image:WM_YAKUMO_DELTAX5_screen1.png|right|240px|Yakumo Delta 5 X vertical]]
  
The following XML-Code (click "show" for "Layout XML for Treo 750 QVGA Square" at the bottom) is part of my file "navit.xml".
 
I did some comments (in German) to seperate the file into logical parts.
 
  
If you want to try, use or modify this layout, you have to insert this code in your file "navit.xml".
+
This configuration contains 2 layouts. One for horizontal view and one for vertical view. In order to only show one of them, you have to set up osd_configuration within tag "navit":
 +
* to 15 (vertical)
 +
* or 3840 (horizontal)
  
This design provides a clear display with great functionality.
+
<code>
<br style="clear:both" /><br />
+
<navit center="[your start location]" [other attribites] pitch="30" osd_configuration="3840">
 +
</code>
  
 +
To switch between horizontal and vertical view when running navit, you can modify internal gui like example in Menu XML. After this you can navigate to Menu/Settings/Display/OSD and switch between horizontal and vertical mode. You can choose between 4 different OSD modes (OSD off, OSD Min, OSD Min+ and OSD full).
 +
* this example menu doesn't need any additional pictures
 +
* disabling "speeed_cam" and "scale" will not work by now
  
[[image:Screen-Layout-navit-QVGA-240-240-routing-ok.png|right|240px|text-top|navit GUI routing]]
+
Of course you can delete one layout if you only need one. Changing of menu and to init osd_configuration is not necessary in this case.
  
'''''While routing:'''''<br />
 
In the top part of the display you will see (from left to right):<br />
 
Distance to target  -  time to target  -  estimated time of arrival<br />
 
<br />
 
At the right side you can see:<br />
 
* The actual speed (above)
 
* and below the maximum allowed speed at the street you are actually on.<br />
 
If you are driving "slow enough" it will be colored '''green'''.<br />
 
If you are driving too fast, it will be colored '''red'''.<br />
 
  
<br style="clear:both" />
+
Note when editing: negatives (such as x="-10", y=-10") seems not to work well on this device. I only use absolute coordinates.
  
[[image:Screen-Layout-navit-QVGA-240-240-routing-too-fast.png|right|240px|text-top|navit GUI routing too fast]]
+
Vertical layout fits also at a bluemedia BM 6280 PocketPC  and should do also at similar devices (not tested). --[[User:Bogo10|Bogo10]] 20:08, 11 November 2011 (CET)
<br />
 
When there is an explizit tag "max_speed", navit will display this allowed speed.<br />
 
When there is no explizit tag, navit will "guess" the maximum allowed speed from the Highway type. In this case you will see a "~" in front of the speed..<br />
 
(Don´t wonder: Sometimes it will be a little bit funny e.g. to be allowed to drive 100 km/h inside a village.)<br />
 
<br />
 
In the bottom of the display you will see:<br />
 
Next action (as an arrow) with distance to next action below and the name of the street, you have to go to.<br />
 
In small letters there is the name and/or reference of the street you´re actually on.
 
  
<br style="clear:both" />
 
  
[[image:Screen-Layout-navit-QVGA-240-240-routing-menu.png|right|240px|text-top|navit GUI routing Menu]]
+
{| width="100%" class="collapsible collapsed wikitable"
'''Selecting "time delay" '''<br />
+
|-
Sometimes when scrolling on the map, the focus jumps back to GPS-position too fast.<br />
+
! Layout XML for Yakumo Delta 5 X
Therefor I put in a small menu, where you can select the time, after which the focus jumps back.<br />
+
|-
<br />
+
|
Please tap on the "arrow-icon" in the upper right corner to bring up the menu.<br />
+
<code>
* tap on "5" to select a time-delay of about 5 seconds. => thats the default value, good for driving
+
<pre style="white-space: pre-wrap;">
* tap on "30" to select a time-delay of about 30 seconds => thats good for scrolling on the map while navigating and looking e.g. for some adresses.<br />
+
<!-- vertical -->
<br />
+
<osd osd_configuration="2" type="text" label="${navigation.item[1].street_name}/${navigation.item[1].street_name_systematic}" font_size="275" x="0" y="0" w="240" h="20"/>
The time-delay starts after your last scrolling-action on the map.
 
  
<br style="clear:both" />
+
<osd osd_configuration="2" type="navigation_next_turn" x="0" y="20" w="65" h="34" icon_src="%s_wh_32_32.png" />
 +
<osd osd_configuration="2" type="text" label="${navigation.item[1].length[named]}" font_size="300" x="0" y="54" w="65" h="22"/>
  
[[image:Screen-Layout-navit-QVGA-240-240-routing-indicator.png|right|240px|text-top|navit GUI routing Indicator]]
+
<osd osd_configuration="8" x="70" y="30" w="90" h="26" font_size="150" type="scale" />
'''Time delay indicator'''<br />
 
The small indicator shows you the selected value for the time-delay.<br />
 
<br />
 
  
You can always switch between these to time-delays. Even while navigating.<br />
+
<osd osd_configuration="4" type="text" label="${navigation.item.destination_length[named]} " font_size="250" x="163" y="20"  w="77" h="16" align="8"/>
<br
+
<osd osd_configuration="4" type="text" label="${navigation.item.destination_time[remaining]}h" font_size="250" x="173" y="36" w="67" h="16" align="8"/>
 +
<osd osd_configuration="8" type="compass" font_size="150" x="206" y="52" w="34" h="43" />
  
You can '''clear the screen''' by tapping on the "next-action-arrow" in the bottom left corner.
+
<osd osd_configuration="8" type="text" label="${navigation.item.street_name}/${navigation.item.street_name_systematic}" font_size="250" x="25" y="260" w="215" h="18"/>
  
<br style="clear:both" />
+
<osd osd_configuration="4" type="speed_warner" w="25" h="18" x="0" y="260" font_size="248" speed_exceed_limit_offset="9" speed_exceed_limit_percent="10" announce_on="0" label="text_only"/>
 +
<osd osd_configuration="4" type="text" w="100" h="32" x="0" y="278" label="${vehicle.position_speed[named]}" font_size="350" />
  
[[image:Screen-Layout-navit-QVGA-240-240-driving.png|right|240px|text-top|navit GUI driving]]
+
<osd osd_configuration="8" type="text" label="${vehicle.position_height}m" x="100" y="278" w="56" h="12" font_size="200"/>
'''''While driving without routing:'''''<br />
+
<osd osd_configuration="8" type="text" label="${vehicle.position_direction}d" x="156" y="278" w="50" h="12" font_size="200"/>
You will only see in small letters the name and/or reference of the street you´re actually on.<br />
 
...and for sure: your actual speed and the maximum speed allowed.
 
<br style="clear:both" />
 
  
The required images-files are zipped to "navit-xpm-additional-QVGA-240x240.zip" and for download:<br />
+
<osd osd_configuration="8" type="text" label="${vehicle.position_time_iso8601[+01:00;%X]}" x="100" y="290" w="106" h="20" font_size="250"/>
http://rapidshare.com/files/451095464/navit-xpm-additional-QVGA-240x240.zip<br />
+
please unzip these files and copy them into the folder "xpm" in your navit-path.<br />
+
<osd osd_configuration="8" type="text" label="${vehicle.position_coord_geo}" x="0" y="310" w="240" h="10" font_size="200"/>
In the zip-file there are not only the "design"-files, but also the corrected "png"-files for "next direction".<br />
 
So, if you don´t have any problems with the graphic "next direction" (= arrows), leave them out and just use the "design"-files.<br />
 
<br />
 
An additional Menu-Configuration optimized for 240x240 Display will be found here:<br />
 
http://wiki.navit-project.org/index.php/Internal_GUI/Menu_configurations#QVGA_Square_.28240x240.29_Configuration_1_.28German.29<br />
 
  
{| width="100%" class="collapsible collapsed wikitable"
+
<osd osd_configuration="4" type="gps_status" x="206" y="278" w="34" h="32"/>
|-
+
<osd osd_configuration="4" type="text" font_size="140" label=" ${vehicle.position_sats_used}/${vehicle.position_qual}" x="208" y="310" w="28" h="10" font_size="150" background_color="#00000000"/>
! Layout XML for Treo 750 QVGA Square
+
|-
+
<osd osd_configuration="1" type="button" x="182" y="144" command="zoom_in()" src="zoom_in.png"/>
|
+
<osd osd_configuration="1" type="button" x="10" y="144" command="zoom_out()" src="zoom_out.png"/>  
<code>
 
<pre style="white-space: pre-wrap;">
 
  
<!--  =============== OSD ===========================  -->
+
<osd osd_configuration="8" type="toggle_announcer" x="208" y="228" w="32" h="32"/>
 +
 +
<osd osd_configuration="1048576" type="speed_cam" w="0" h="0" x="320" y="320" font_size="250" text_color="#00FF00" background_color="#00000000" label="${distance} | ${camera_type} | ${speed_limit}"/>
 +
 +
<!-- end vertical -->
  
 +
<!-- horizontal-->
 +
<osd osd_configuration="256" type="button" x="262" y="96" command="zoom_in()" src="zoom_in.png"/>
 +
<osd osd_configuration="256" type="button" x="10" y="96" command="zoom_out()" src="zoom_out.png"/>
  
<!-- background images oben, inklusive Menuaufruf "Auswahl des Wertes von timeout" = Konfiguration 2  -->
+
<osd osd_configuration="512" type="navigation_next_turn" x="0" y="0" w="34" h="34" icon_src="%s_wh_32_32.png" />  
<osd enabled="yes" type="button" x="0" y="0" w="240" h="30" src='JR-head-bg-x.png' command=""/>  
+
<osd osd_configuration="512" type="text" label="${navigation.item[1].street_name}/${navigation.item[1].street_name_systematic}" font_size="275" x="34" y="14" w="254" h="20" align="4"/>
<osd enabled="yes" type="button" x="194" y="20" w="10" h="10" src='JR-ecke-or.png' command=""/>
+
<osd osd_configuration="512" type="text" label="${navigation.item[1].length[named]}" x="34" y="0" w="65" h="14" font_size="275" align="4"/>
<osd enabled='yes' type="button" x="204" y="20" w="36" h="50" src="JR-knopf-unten-details.png" command="osd_configuration=2"/>
+
 +
<osd osd_configuration="1024" type="text" label="${navigation.item.destination_length[named]} ${navigation.item.destination_time[remaining]}h" x="99" y="0" w="189" h="14" font_size="250" align="8"/>
  
 +
<osd osd_configuration="2048" type="compass" font_size="150" x="288" y="34" w="32" h="43" />
 +
 +
<osd osd_configuration="1024" type="gps_status" x="288" y="0" w="32" h="34"/>
 +
<osd osd_configuration="1024" type="text" font_size="140" label="${vehicle.position_sats_used}/${vehicle.position_qual}" x="288" y="0" w="25" h="8" background_color="#00000000" align="4" font_size="75"/>
  
<!-- background images unten, inklusive Funktion "Ausblenden des Menus zur Wahl von timeout" = Konfiguration 1  -->
+
<osd osd_configuration="1024" type="text" w="98" h="28" x="0" y="212" label="${vehicle.position_speed[named]}" font_size="350" />
<osd enabled="yes" type="button" x="0" y="-70" w="65" h="70" src="JR-bottom-bg-x.png" command="osd_configuration=1"/>
+
<osd osd_configuration="1024" type="speed_warner" w="25" h="12"  x="0" y="200" font_size="248" speed_exceed_limit_offset="9" speed_exceed_limit_percent="10" announce_on="0" label="text_only"/>
  
<!--  Zoom in/out  -->
+
<osd osd_configuration="2048" type="text" label="${navigation.item.street_name}/${navigation.item.street_name_systematic}" font_size="248" x="98" y="212" w="222" h="18"/>
<osd enabled="yes" type="button" x="0" y="-200" command="zoom_in()" src="zoom_in.png" w="60" h="60" align='0'/>
 
<osd enabled="yes" type="button" x="0" y="-120" command="zoom_out()" src="zoom_out.png" w="60" h="60" align='0'/>
 
  
 +
<osd osd_configuration="2048" type="text" label="${vehicle.position_coord_geo} ${vehicle.position_height}m" x="98" y="230" w="222" h="10" font_size="150" align="4"/>
 +
<osd osd_configuration="2048" type="text" label="${vehicle.position_time_iso8601[+01:00;%X]}" x="265" y="230" w="60" h="10" font_size="200" background_color="#00000000" align="8"/>
  
  
<!-- Geschwindigkeit  aktuell -->
+
<osd osd_configuration="2048" type="toggle_announcer" x="288" y="180" w="32" h="32"/>
<osd enabled="yes" type="text" label="${vehicle.position_speed}" x="173" y="-89" w="117" h="25" background_color="#00000099" align="8" font_size="350"  command='zoom_to_route()'/>
+
<osd enabled="yes" type="button" x="170" y="-93" w="90" h="30" src="JR-geschw-klein.png" command=''/>  
+
<!-- end horizontal-->
  
<!-- Geschwindigkeit  erlaubt = Speedwarner  -->
 
<osd enabled="yes" type="speed_warner" w="67" h="25" x="173" y="-59" font_size="350" align="8" background_color="#00000099" speed_exceed_limit_offset="10" speed_exceed_limit_percent="50"  announce_on="1" label='text_only' />
 
<osd enabled="yes" type="button" x="170" y="-63" w="90" h="30" src="JR-geschw-klein.png" command=''/>
 
  
 +
</pre>
 +
</code>
 +
|}
  
<!--  Navigationshinweise oben -->
+
{| width="100%" class="collapsible collapsed wikitable"
<osd enabled="yes" type="text" x="0" y="0" w="80" h="19" label="${navigation.item.destination_length[value]} ${navigation.item.destination_length[unit]}" background_color="#000000FF" align="4" font_size='240'/>
+
|-
<osd enabled="yes" type="text" x="80" y="0" w="80" h="19" label="${navigation.item.destination_time[remaining]}" background_color="#000000FF" align="0" font_size='240'/>  
+
! Menu XML for Yakumo Delta 5 X
<osd enabled="yes" type="text" x="160" y="0" w="80" h="19" label="${navigation.item.destination_time[arrival]}" background_color="#000000FF" align="8" font_size='240'/>  
+
|-
 +
|
 +
<code>
 +
<pre style="white-space: pre-wrap;">
  
 +
<gui type="internal" fullscreen="1" enabled="yes"><![CDATA[
 +
<html>
 +
<a name='Main Menu'><text>Main menu</text>
 +
<img src='gui_town' onclick='town()'><text>Town</text></img>
 +
<img src='gui_bookmark' onclick='bookmarks()'><text>Eigene Ziele</text></img>
 +
<a href='#Actions'><img src='gui_actions'>Actions</img></a>
 +
<a href='#Settings'><img src='gui_settings'><text>Settings</text></img></a>
 +
<img src='gui_map' onclick='back_to_map()'><text>Karte zeigen</text></img>
 +
<a href='#Info'><img src='gui_about'><text>Info</text></img></a>
 +
<img cond='navit.route.route_status&amp;52' src='gui_stop' onclick='abort_navigation();back_to_map()'><text>Stop
 +
Navigation</text></img>
 +
<img src='gui_quit' onclick='quit()'><text>Quit</text></img>
 +
</a>
 +
<a name='Actions'><text>Actions</text>
 +
<img src='gui_bookmark' onclick='bookmarks()'><text>Bookmarks</text></img>
 +
<img cond='click_coord_geo' src='gui_map' onclick='position(click_coord_geo,_("Map Point"),8|16|32|64|256)'><script>write(click_coord_geo)</script></img>
 +
<img cond='position_coord_geo' src='gui_vehicle' onclick='position(position_coord_geo,_("Vehicle Position"),8|32|64|128|256)'><script>write(position_coord_geo)</script></img>
 +
<img src='gui_town' onclick='town()'><text>Town</text></img>
 +
<img src='gui_quit' onclick='quit()'><text>Quit</text></img>
 +
<img cond='navit.route.route_status&amp;52' src='gui_stop' onclick='abort_navigation();back_to_map()'><text>Stop
 +
Navigation</text></img>
 +
</a>
 +
<a name='Settings'><text>Settings</text>
 +
<img src='gui_maps' onclick='setting_maps()'><text>Maps</text></img>
 +
<img src='gui_rules' onclick='setting_rules()'><text>Rules</text></img>
 +
<img src='gui_vehicle' onclick='setting_vehicle()'><text>Vehicle</text></img>
 +
<a href='#Settings Display'><img src='gui_display'><text>Display</text></img></a>
 +
<img src='gui_sound' onclick='navit.announcer_toggle();back_to_map()'><text>Toggle announcer</text></img>
 +
</a>
 +
<a name='Settings Display'><text>Display</text>
 +
<img src='gui_display' onclick='setting_layout()'><text>Layout</text></img>
 +
<img cond='fullscreen==0' src='gui_fullscreen' onclick='fullscreen=1'><text>Fullscreen</text></img>
 +
<img cond='fullscreen==1' src='gui_leave_fullscreen' onclick='fullscreen=0'><text>Window Mode</text></img>
 +
<img cond='navit.pitch==0' src='gui_map' onclick='navit.pitch=pitch;redraw_map();back_to_map()'><text>3D</text></img>
 +
<img cond='navit.pitch!=0' src='gui_map' onclick='navit.pitch=0;redraw_map();back_to_map()'><text>2D</text></img>
 +
<img cond='navit.orientation==-1' src='cursor' onclick='navit.orientation=0;redraw_map();back_to_map()'><text>Karte ausnorden</text></img>
 +
<img cond='navit.orientation!=-1' src='cursor' onclick='navit.orientation=-1;redraw_map();back_to_map()'><text>in Fahrrichtung</text></img>
 +
<img cond='navit.autozoom_active==0' src='gui_zoom_in' onclick='navit.autozoom_active=1;redraw_map();back_to_map()'><text>Autozoom an</text></img>
 +
<img cond='navit.autozoom_active!=0' src='gui_zoom_in' onclick='navit.autozoom_active=0;redraw_map();back_to_map()'><text>Autozoom aus</text></img>
 +
<a href='#OSD'><img src='gui_display'><text>OSD</text></img></a>
 +
</a>
 +
<a name='OSD'><text>OSD</text>
 +
<img cond_off='!(navit.osd_configuration&257)' src='gui_display' onclick='navit.osd_configuration=(navit.osd_configuration&255?1:256)+(navit.osd_configuration&1048576);redraw_map();back_to_map()'><text>OSD off</text></img>
 +
<img cond_off='!(navit.osd_configuration&514)' src='gui_display' onclick='navit.osd_configuration=(navit.osd_configuration&255?3:768)+(navit.osd_configuration&1048576);redraw_map();back_to_map()'><text>OSD Min</text></img>
 +
<img cond_off='!(navit.osd_configuration&1028)' src='gui_display' onclick='navit.osd_configuration=(navit.osd_configuration&255?7:1792)+(navit.osd_configuration&1048576);redraw_map();back_to_map()'><text>OSD Min+</text></img>
 +
<img cond_off='!(navit.osd_configuration&2056)' src='gui_display' onclick='navit.osd_configuration=(navit.osd_configuration&255?15:3840)+(navit.osd_configuration&1048576);redraw_map();back_to_map()'><text>OSD Full</text></img>
 +
<img cond='!(navit.osd_configuration&1048576)' src='tec_common' onclick='navit.osd_configuration=navit.osd_configuration|1048576;redraw_map();back_to_map()'><text>show cam</text></img>
 +
<img cond='navit.osd_configuration&1048576' src='tec_common' onclick='navit.osd_configuration=navit.osd_configuration&1048575;redraw_map();back_to_map()'><text>hide cam</text></img>
 +
</a>
 +
<a name='Info'><text>Info</text>
 +
<img src='gui_log' onclick='route_description()'><text>Beschreibung
 +
Route</text></img>
 +
<img src='gui_town' onclick='route_height_profile()'><text>Height Profile</text></img>
 +
<img src='gui_maps' onclick='navit.zoom_to_route();redraw_map();back_to_map()'><text>zoom route</text></img>
 +
<img cond='position_coord_geo' src='gui_vehicle' onclick='position(position_coord_geo,_("Vehicle Position"),8|32|64|128|256)'><script>write(position_coord_geo)</script></img>
 +
<img src='attraction' onclick='navit.locale()'><text>local info</text></img>
 +
<img src='gui_actions' onclick='locale()'><text>Lokalisierung</text></img>
 +
<img src='gui_about'  onclick='about()'><text>About</text></img>
  
<!--  Navigationshinweise unten -->
+
</a>
<osd enabled="yes" type="text" label="${tracking.item.street_name} ${tracking.item.street_name_systematic}" x="65" y="-32" w="175" h="12" align="4" font_size="160" background_color="#000000FF"/>
+
</html>
<osd enabled="yes" type="text" label="${navigation.item[1].street_name} ${navigation.item[1].street_name_systematic}" x="65" y="-18" w="175" h="18" align="4" font_size="260" background_color="#000000FF"/>
+
]]></gui>
<osd enabled="yes" type="text" label="${navigation.item[1].length[value]}" x="0" y="-16" w="45" h="16" align="8" background_color="#000000FF" font_size="260"/>
+
 
<osd enabled="yes" type="text" label="${navigation.item[1].length[unit]}" x="45" y="-16" w="15" h="16" align="2" background_color="#000000FF" font_size="150"/>
+
 
<osd enabled="yes" type="navigation_next_turn" x="10" y="-54" w="32" h="32" align="0" icon_src="%s_JR.png" background_color="#FFFFFFFF"/>
+
 
 
+
</pre>
<!-- Menu zum Einblenden und Auswahl von "timeout"  = Konfiguration 4 mit 5 Sekunden und Konfiguration 8 mit 30 Sekunden  -->
 
<osd enabled="yes" type="text"  osd_configuration="2" label='5' x="100" y="23" w="40" h="30" background_color="#88888899" command="osd_configuration=4;timeout=8"/>
 
<osd enabled="yes" type="text"  osd_configuration="2" label='30' x="150" y="23" w="40" h="30" background_color="#88888899" command="osd_configuration=8;timeout=32"/>
 
 
 
<!-- eingeblendete Indikatoren fuer gewaehlten Wert von "timeout"  -->
 
<osd enabled="yes" type="text"  osd_configuration="8" label='30' x="210" y="70" w="20" h="20" background_color="#88888899" command=""/>
 
<osd enabled="yes" type="text"  osd_configuration="4" label='5' x="210" y="70" w="20" h="20" background_color="#88888899" command=""/>
 
 
 
</pre>
 
</code>
 
|}
 
 
 
<hr style="height: 4px; color:#AB4E3F; background-color:#AB4E3F;" />
 
 
 
===Yakumo Delta 5 X===
 
 
 
* fits for resolution 320x240 and 240x320
 
 
 
[[image:WM_YAKUMO_DELTAX5_screen2.png|320px|Yakumo Delta 5 X horizontal]]
 
 
 
[[image:WM_YAKUMO_DELTAX5_screen1.png|right|240px|Yakumo Delta 5 X vertical]]
 
 
 
 
 
This configuration contains 2 layouts. One for horizontal view and one for vertical view. In order to only show one of them, you have to set up osd_configuration within tag "navit":
 
* to 15 (vertical)
 
* or 3840 (horizontal)
 
 
 
<code>
 
<navit center="[your start location]" [other attribites] pitch="30" osd_configuration="3840">
 
 
</code>
 
</code>
 +
|}
  
To switch between horizontal and vertical view when running navit, you can modify internal gui like example in Menu XML. After this you can navigate to Menu/Settings/Display/OSD and switch between horizontal and vertical mode. You can choose between 4 different OSD modes (OSD off, OSD Min, OSD Min+ and OSD full).
+
<hr style="height: 10px; color:#AB4E3F; background-color:#AB4E3F;" />
* this example menu doesn't need any additional pictures
+
<br />
* disabling "speeed_cam" and "scale" will not work by now
 
  
Of course you can delete one layout if you only need one. Changing of menu and to init osd_configuration is not necessary in this case.
+
=== Layout for Sony nav-u92T ===
  
Note when editing: negatives (such as x="-10", y=-10") seems not to work well on this device. I only use absolute coordinates.
+
This layout follows the general example of a TomTom ONE (3rd edition), but it can probably be used for any device with a resolution of 480x272.
 +
Radar warnings appear at the middle top. This design does not use any pixmaps, so should be easy to install
  
 +
[[File:Sony-nav-u92t.png]]
  
 
{| width="100%" class="collapsible collapsed wikitable"
 
{| width="100%" class="collapsible collapsed wikitable"
|-
+
|-  
! Layout XML for Yakumo Delta 5 X
+
! Layout XML
 
|-
 
|-
 
|
 
|
 
<code>
 
<code>
 
<pre style="white-space: pre-wrap;">
 
<pre style="white-space: pre-wrap;">
<!-- vertical -->
 
<osd osd_configuration="2" type="text" label="${navigation.item[1].street_name}/${navigation.item[1].street_name_systematic}" font_size="275" x="0" y="0" w="240" h="20"/>
 
  
<osd osd_configuration="2" type="navigation_next_turn" x="0" y="20" w="65" h="34" icon_src="%s_wh_32_32.png" />  
+
<!-- Top center: speed cam warnings -->
<osd osd_configuration="2" type="text" label="${navigation.item[1].length[named]}" font_size="300" x="0" y="54" w="65" h="22"/>
+
<osd enabled="yes" type="speed_cam" w="100" h="50" x="190" y="0" font_size="400" background_color="#000000FF" text_color="#00FF00" label="Radar ${distance}" align=""/>
 +
<!-- Bottom right area: speed warnings, vehicle speed display, arrival time, remaining time and gps signal strength -->
 +
<osd enabled="yes" type="speed_warner" w="30" h="25"  x="315" y="-45" background_color="#000000FF" font_size="300" speed_exceed_limit_offset="5" speed_exceed_limit_percent="10" announce_on="1" label="text_only" />
 +
<osd enabled="yes" type="text" font_size="300" background_color="#000000FF" label="${vehicle.position_speed}" w="76" h="25" x="239" y="-45" align="4"/>
 +
<osd enabled="yes" type="text" font_size="300" background_color="#000000FF" label="${navigation.item.destination_time[arrival]}" w="95" h="25" x="345" y="-70" align="4"/>
 +
<osd enabled="yes" type="text" label="${navigation.item.destination_length[named]}" background_color="#000000FF" font_size="300" w="95" h="25" x="345" y="227" align="4" />
 +
<osd enabled="yes" type="gps_status" background_color="#000000FF" w="40" h="50" x="-40" y="-70"/>
 +
<osd enabled="yes" type="text" label="${navigation.item.destination_time[remaining]}" background_color="#000000FF" font_size="300" w="106" h="25" x="239" y="202" align="4" />
 +
 
 +
<!-- Bottom left area: Navigation next turn, and distance to next turn is displayed -->
 +
<osd enabled="yes" type="navigation_next_turn" background_color="#000000FF" w="50" h="50" x="0" y="202" icon_src="%s_wh_32_32.png" />
 +
<osd enabled="yes" type="text" font_size="500" label="${navigation.item[1].length[named]}" background_color="#000000FF" font_size="300" w="191" h="50" x="50" y="202" />
  
<osd osd_configuration="8" x="70" y="30" w="90" h="26" font_size="150" type="scale" />
+
<!-- Bottom Center: name of next road -->
 +
<osd enabled="yes" type="text" label="${navigation.item[1].street_name}" w="480" h="22" x="0" y="250" background_color="#000000FF" font_size="300" align="0" />
  
<osd osd_configuration="4" type="text" label="${navigation.item.destination_length[named]} " font_size="250" x="163" y="20" w="77" h="16" align="8"/>
+
<osd enabled="no" type="text" label="${vehicle.position_time_iso8601[local;%X]}" background_color="#000000FF" w="100" h="50" x="-100" y="150" font_size="300" />
<osd osd_configuration="4" type="text" label="${navigation.item.destination_time[remaining]}h" font_size="250" x="173" y="36" w="67" h="16" align="8"/>
+
 
<osd osd_configuration="8" type="compass" font_size="150" x="206" y="52" w="34" h="43" />
+
<!-- Top right and left corners: zoom in & out buttons -->
 +
<osd enabled="yes" type="button" x="10" y="20" command="zoom_in()" src="zoom_in.png"/>
 +
<osd enabled="yes" type="button" x="450" y="20" command="zoom_out()" src="zoom_out.png"/>  
  
<osd osd_configuration="8" type="text" label="${navigation.item.street_name}/${navigation.item.street_name_systematic}" font_size="250" x="25" y="260" w="215" h="18"/>
+
</pre>
 +
</code>
 +
|}
  
<osd osd_configuration="4" type="speed_warner" w="25" h="18" x="0" y="260" font_size="248" speed_exceed_limit_offset="9" speed_exceed_limit_percent="10" announce_on="0" label="text_only"/>
+
==Palm Pre Layout==
<osd osd_configuration="4" type="text" w="100" h="32" x="0" y="278" label="${vehicle.position_speed[named]}" font_size="350" />
 
  
<osd osd_configuration="8" type="text" label="${vehicle.position_height}m" x="100" y="278" w="56" h="12" font_size="200"/>
+
This is the current layout as it is used on the Palm Pre
<osd osd_configuration="8" type="text" label="${vehicle.position_direction}d" x="156" y="278" w="50" h="12" font_size="200"/>
 
  
<osd osd_configuration="8" type="text" label="${vehicle.position_time_iso8601[+01:00;%X]}" x="100" y="290" w="106" h="20" font_size="250"/>
+
[[Image:NavitScreenshot.jpg|300px]]
 
<osd osd_configuration="8" type="text" label="${vehicle.position_coord_geo}" x="0" y="310" w="240" h="10" font_size="200"/>
 
  
<osd osd_configuration="4" type="gps_status" x="206" y="278" w="34" h="32"/>
+
You can always find the current version of the skin files here: http://git.webos-internals.org/?p=preware/cross-compile.git;a=tree;f=packages/apps/navit/files/PreNav
<osd osd_configuration="4" type="text" font_size="140" label=" ${vehicle.position_sats_used}/${vehicle.position_qual}" x="208" y="310" w="28" h="10" font_size="150" background_color="#00000000"/>
 
 
<osd osd_configuration="1" type="button" x="182" y="144" command="zoom_in()" src="zoom_in.png"/>
 
<osd osd_configuration="1" type="button" x="10" y="144" command="zoom_out()" src="zoom_out.png"/>
 
  
<osd osd_configuration="8" type="toggle_announcer" x="208" y="228" w="32" h="32"/>
+
To get the car cursor you need to replace the existing cursor definition in all layouts in your navit.xml with the [[Layout#2D_Car|2D car alternate cursor]].
 
<osd osd_configuration="1048576" type="speed_cam" w="0" h="0" x="320" y="320" font_size="250" text_color="#00FF00" background_color="#00000000" label="${distance} | ${camera_type} | ${speed_limit}"/>
 
 
<!-- end vertical -->
 
  
<!-- horizontal-->
+
<hr style="height: 10px; color:#AB4E3F; background-color:#AB4E3F;" />
<osd osd_configuration="256" type="button" x="262" y="96" command="zoom_in()" src="zoom_in.png"/>
+
<br />
<osd osd_configuration="256" type="button" x="10" y="96" command="zoom_out()" src="zoom_out.png"/>  
 
  
<osd osd_configuration="512" type="navigation_next_turn" x="0" y="0" w="34" h="34" icon_src="%s_wh_32_32.png" />
+
==480x800 Portrait==
<osd osd_configuration="512" type="text" label="${navigation.item[1].street_name}/${navigation.item[1].street_name_systematic}" font_size="275" x="34" y="14" w="254" h="20" align="4"/>
+
My OSD layout was originally created on my Neo Freerunner but it works just as good on my Samsung Galaxy S running Android:
<osd osd_configuration="512" type="text" label="${navigation.item[1].length[named]}" x="34" y="0" w="65" h="14" font_size="275" align="4"/>
 
 
<osd osd_configuration="1024" type="text" label="${navigation.item.destination_length[named]} ${navigation.item.destination_time[remaining]}h" x="99" y="0" w="189" h="14" font_size="250" align="8"/>
 
  
<osd osd_configuration="2048" type="compass" font_size="150" x="288" y="34" w="32" h="43" />
+
Tapping on the header switches between routing an information display. Use osd_configuration="4" in the main navit tag for the initial display.
 
<osd osd_configuration="1024" type="gps_status" x="288" y="0" w="32" h="34"/>
 
<osd osd_configuration="1024" type="text" font_size="140" label="${vehicle.position_sats_used}/${vehicle.position_qual}" x="288" y="0" w="25" h="8" background_color="#00000000" align="4" font_size="75"/>
 
  
<osd osd_configuration="1024" type="text" w="98" h="28" x="0" y="212" label="${vehicle.position_speed[named]}" font_size="350" />
+
[[File:OSD_480x800_portrait.png|250px]]
<osd osd_configuration="1024" type="speed_warner" w="25" h="12"  x="0" y="200"  font_size="248" speed_exceed_limit_offset="9" speed_exceed_limit_percent="10" announce_on="0" label="text_only"/>
 
  
<osd osd_configuration="2048" type="text" label="${navigation.item.street_name}/${navigation.item.street_name_systematic}" font_size="248" x="98" y="212" w="222" h="18"/>
+
{| width="100%" class="collapsible collapsed wikitable"
 
+
|-  
<osd osd_configuration="2048" type="text" label="${vehicle.position_coord_geo} ${vehicle.position_height}m" x="98" y="230" w="222" h="10" font_size="150" align="4"/>
+
! Layout XML
<osd osd_configuration="2048" type="text" label="${vehicle.position_time_iso8601[+01:00;%X]}" x="265" y="230" w="60" h="10" font_size="200" background_color="#00000000" align="8"/>
 
 
 
 
 
<osd osd_configuration="2048" type="toggle_announcer" x="288" y="180" w="32" h="32"/>
 
 
<!-- end horizontal-->
 
 
 
 
 
</pre>
 
</code>
 
|}
 
 
 
{| width="100%" class="collapsible collapsed wikitable"
 
|-
 
! Menu XML for Yakumo Delta 5 X
 
 
|-
 
|-
 
|
 
|
 
<code>
 
<code>
 
<pre style="white-space: pre-wrap;">
 
<pre style="white-space: pre-wrap;">
 +
<!-- Rechts oben :Navigationsanweisungen -->
 +
<osd enabled="yes" type="navigation_next_turn" x="0" y="0"  w="100" h="90" align="0" icon_src="%s_wh_59_59.png" />
 +
<!-- Links oben: GPS-Informationen -->
 +
<osd enabled="yes" type="gps_status" x="-60" y="0" w="60" h="30" align="0" />
 +
<osd enabled="yes" type="text" label="${vehicle.position_sats_used}/${vehicle.position_qual}" x="-60" y="30" w="60" h="30" align="8" font_size="300" />
 +
<osd enabled="yes" type="text" label="${vehicle.position_direction}" x="-60" y="60" w="60" h="30" align="8" font_size="450" />
  
<gui type="internal" fullscreen="1" enabled="yes"><![CDATA[
+
<!-- Oben Mitte: 2 Zeilen: (2) ETA und Zeit und (4) Hoehe und Entfernung -->
<html>
+
<!-- Configuration 2 -->
<a name='Main Menu'><text>Main menu</text>
+
<osd type="text" osd_configuration="2" label="ETA: ${navigation.item.destination_time[arrival]}" x="100" y="0" w="320" h="45" align="4" font_size="450" command="osd_configuration=4"/>
<img src='gui_town' onclick='town()'><text>Town</text></img>
+
<osd type="text" osd_configuration="2" label="TL: ${navigation.item.destination_time[remaining]}" x="100" y="45" w="320" h="45" align="4" font_size="450" command="osd_configuration=4"/>
<img src='gui_bookmark' onclick='bookmarks()'><text>Eigene Ziele</text></img>
+
<osd type="text" osd_configuration="2" label="in ${navigation.item[1].length[named]}" x="0" y="90" w="360" h="40" align="4" font_size="600"/>
<a href='#Actions'><img src='gui_actions'>Actions</img></a>
+
<osd type="text" osd_configuration="2" label=" auf" x="360" y="90" w="120" h="40" align="4" font_size="500"/>
<a href='#Settings'><img src='gui_settings'><text>Settings</text></img></a>
+
<osd type="text" osd_configuration="2" label="${navigation.item[1].street_name}" x="0" y="130" w="480" h="40" align="4" font_size="500"/>
<img src='gui_map' onclick='back_to_map()'><text>Karte zeigen</text></img>
+
 
<a href='#Info'><img src='gui_about'><text>Info</text></img></a>
+
<!-- Configuration 4 -->
<img cond='navit.route.route_status&amp;52' src='gui_stop' onclick='abort_navigation();back_to_map()'><text>Stop
+
<osd type="text" osd_configuration="4" label="Alt: ${vehicle.position_height}" x="100" y="0" w="320" h="45" align="4" font_size="450" command="osd_configuration=2"/>
Navigation</text></img>
+
<osd type="text" osd_configuration="4" label="Dist: ${navigation.item.destination_length[named]}" x="100" y="45" w="320" h="45" align="4" font_size="450" command="osd_configuration=2"/>
<img src='gui_quit' onclick='quit()'><text>Quit</text></img>
+
 
</a>
+
<osd enabled="yes" type="text" label="${tracking.item.street_name}" x="0" y="-90" w="390" h="60" align="4" font_size="600" />
<a name='Actions'><text>Actions</text>
+
<osd enabled="yes" type="text" label="${vehicle.position_speed}" x="0" y="-30" w="390" h="30" align="8" font_size="450" />
<img src='gui_bookmark' onclick='bookmarks()'><text>Bookmarks</text></img>
+
<osd enabled="yes" type="speed_warner" w="90" h="90" x="-90" y="-90" font_size="600" speed_exceed_limit_offset="10" announce_on="0" />
<img cond='click_coord_geo' src='gui_map' onclick='position(click_coord_geo,_("Map Point"),8|16|32|64|256)'><script>write(click_coord_geo)</script></img>
+
<!-- <osd enabled="yes" type="speed_warner" w="80" h="80" x="-80" y="-80" font_size="450" speed_exceed_limit_offset="5" speed_exceed_limit_percent="10" announce_on="0" label="text_only" /> -->
<img cond='position_coord_geo' src='gui_vehicle' onclick='position(position_coord_geo,_("Vehicle Position"),8|32|64|128|256)'><script>write(position_coord_geo)</script></img>
+
<!-- <osd enabled="yes" type="text" label="Max: ${tracking.item.route_speed}" x="240" y="-40" w="240" h="40" align="4" font_size="450" /> -->
<img src='gui_town' onclick='town()'><text>Town</text></img>
+
 
<img src='gui_quit' onclick='quit()'><text>Quit</text></img>
+
<!-- <osd enabled="yes" type="toggle_announcer" x="0" y="170" w="96" h="96" /> -->
<img cond='navit.route.route_status&amp;52' src='gui_stop' onclick='abort_navigation();back_to_map()'><text>Stop
+
<!-- <osd enabled="yes" type="button" x="0" y="266" command="gui.fullscreen=!gui.fullscreen" src="toggle_fullscreen.png"/> -->
Navigation</text></img>
+
 
</a>
+
<osd enabled="yes" type="button" x="0" y="-300" command="zoom_to_route()" src="mark_64_64.png"/>
<a name='Settings'><text>Settings</text>
+
<osd enabled="yes" type="button" x="-96" y="-300" command="set_center_cursor()" src="gui_vehicle_64_64.png"/>
<img src='gui_maps' onclick='setting_maps()'><text>Maps</text></img>
+
<osd enabled="yes" type="button" x="-96" y="-180" command="zoom_in()" src="zoom_in_64_64.png"/>
<img src='gui_rules' onclick='setting_rules()'><text>Rules</text></img>
+
<osd enabled="yes" type="button" x="0" y="-180" command="zoom_out()" src="zoom_out_64_64.png"/>
<img src='gui_vehicle' onclick='setting_vehicle()'><text>Vehicle</text></img>
+
 
<a href='#Settings Display'><img src='gui_display'><text>Display</text></img></a>
+
<osd enabled="yes" x="130" y="170" w="240" h="26" align="0" font_size="200" type="scale"/>
<img src='gui_sound' onclick='navit.announcer_toggle();back_to_map()'><text>Toggle announcer</text></img>
+
</pre>
</a>
+
</code>
<a name='Settings Display'><text>Display</text>
+
|}
<img src='gui_display' onclick='setting_layout()'><text>Layout</text></img>
+
 
<img cond='fullscreen==0' src='gui_fullscreen' onclick='fullscreen=1'><text>Fullscreen</text></img>
+
<hr style="height: 10px; color:#AB4E3F; background-color:#AB4E3F;" />
<img cond='fullscreen==1' src='gui_leave_fullscreen' onclick='fullscreen=0'><text>Window Mode</text></img>
+
<br />
<img cond='navit.pitch==0' src='gui_map' onclick='navit.pitch=pitch;redraw_map();back_to_map()'><text>3D</text></img>
+
 
<img cond='navit.pitch!=0' src='gui_map' onclick='navit.pitch=0;redraw_map();back_to_map()'><text>2D</text></img>
+
== 854x480 (FWVGA) ==
<img cond='navit.orientation==-1' src='cursor' onclick='navit.orientation=0;redraw_map();back_to_map()'><text>Karte ausnorden</text></img>
+
My Layout is based on one 800x480 layout, which was posted on this page some years ago. I changed it to fit for my FWVGA (854x480px) Android device (Motorola Milestone 2 (Droid 2)).
<img cond='navit.orientation!=-1' src='cursor' onclick='navit.orientation=-1;redraw_map();back_to_map()'><text>in Fahrrichtung</text></img>
+
It should work both horizontally and vertically and differs if a route is set or not.
<img cond='navit.autozoom_active==0' src='gui_zoom_in' onclick='navit.autozoom_active=1;redraw_map();back_to_map()'><text>Autozoom an</text></img>
+
 
<img cond='navit.autozoom_active!=0' src='gui_zoom_in' onclick='navit.autozoom_active=0;redraw_map();back_to_map()'><text>Autozoom aus</text></img>
+
[https://www.thomas-fotos.de/osd_graphics_tauso.zip Download the graphic files here] and put it in an subfolder osd_graphics of your navit dir. (Or just change the /sdcard/navit/osd_graphics/ location in the XML to your needs)
<a href='#OSD'><img src='gui_display'><text>OSD</text></img></a>
+
 
</a>
+
Most of the elements should be self explaining, but for the sake of completeness:
<a name='OSD'><text>OSD</text>
+
 
<img cond_off='!(navit.osd_configuration&257)' src='gui_display' onclick='navit.osd_configuration=(navit.osd_configuration&255?1:256)+(navit.osd_configuration&1048576);redraw_map();back_to_map()'><text>OSD off</text></img>
+
[[File:854_480_horizontal_route.png|360px|right]]
<img cond_off='!(navit.osd_configuration&514)' src='gui_display' onclick='navit.osd_configuration=(navit.osd_configuration&255?3:768)+(navit.osd_configuration&1048576);redraw_map();back_to_map()'><text>OSD Min</text></img>
+
==== With route: ====
<img cond_off='!(navit.osd_configuration&1028)' src='gui_display' onclick='navit.osd_configuration=(navit.osd_configuration&255?7:1792)+(navit.osd_configuration&1048576);redraw_map();back_to_map()'><text>OSD Min+</text></img>
+
 
<img cond_off='!(navit.osd_configuration&2056)' src='gui_display' onclick='navit.osd_configuration=(navit.osd_configuration&255?15:3840)+(navit.osd_configuration&1048576);redraw_map();back_to_map()'><text>OSD Full</text></img>
+
'''Top'''
<img cond='!(navit.osd_configuration&1048576)' src='tec_common' onclick='navit.osd_configuration=navit.osd_configuration|1048576;redraw_map();back_to_map()'><text>show cam</text></img>
+
* left: Streetname of the street driving
<img cond='navit.osd_configuration&1048576' src='tec_common' onclick='navit.osd_configuration=navit.osd_configuration&1048575;redraw_map();back_to_map()'><text>hide cam</text></img>
+
* beneath: GPS Status (actually it is "vehicle.position_radius", because the "real" gps status wasn't working on my Android device) and Route_Status
</a>
+
* right: remaining length of route (km or meter)
<a name='Info'><text>Info</text>
+
* beneath: time of arrival / remaining time
<img src='gui_log' onclick='route_description()'><text>Beschreibung
+
 
Route</text></img>
+
'''Middle'''
<img src='gui_town' onclick='route_height_profile()'><text>Height Profile</text></img>
+
* left: zoom in and back to position (if you dragged the map somewhere else)
<img src='gui_maps' onclick='navit.zoom_to_route();redraw_map();back_to_map()'><text>zoom route</text></img>
+
* right: zoom out and abort routing
<img cond='position_coord_geo' src='gui_vehicle' onclick='position(position_coord_geo,_("Vehicle Position"),8|32|64|128|256)'><script>write(position_coord_geo)</script></img>
+
 
<img src='attraction' onclick='navit.locale()'><text>local info</text></img>
+
'''Bottom'''
<img src='gui_actions' onclick='locale()'><text>Lokalisierung</text></img>
+
* left: next turn with remaining lenght to it
<img src='gui_about' onclick='about()'><text>About</text></img>
+
* middle: on which street to turn
 +
* right: driving speed and speed restriction of street with speed warner (turns red if driving to fast)
  
</a>
+
[[File:vertical_no_route.png|200px|right]]
</html>
 
]]></gui>
 
  
 +
==== Without route ====
  
  
</pre>
+
'''Top'''
</code>
+
* left: Streetname of the street driving
|}
+
* beneath: GPS Status (actually it is "vehicle.position_radius", because the "real" gps status wasn't working on my Android device)
 +
* right: Height (meter)
  
<hr style="height: 10px; color:#AB4E3F; background-color:#AB4E3F;" />
 
<br />
 
  
==Palm Pre Layout==
+
'''Middle'''
 
+
* left: zoom in and back to position (if you dragged the map somewhere else)
This is the current layout as it is used on the Palm Pre
+
* right: zoom out
  
[[Image:NavitScreenshot.jpg|300px]]
+
'''Bottom'''
 +
* right: driving speed and speed restriction of street with speed warner (turns red if driving to fast)
  
You can always find the current version of the skin files here: http://git.webos-internals.org/?p=preware/cross-compile.git;a=tree;f=packages/apps/navit/files/PreNav
 
 
To get the car cursor you need to replace the existing cursor definition in all layouts in your navit.xml with the [[Layout#2D_Car|2D car alternate cursor]].
 
 
<hr style="height: 10px; color:#AB4E3F; background-color:#AB4E3F;" />
 
<br />
 
 
==480x800 Portrait==
 
My OSD layout was originally created on my Neo Freerunner but it works just as good on my Samsung Galaxy S running Android:
 
  
Tapping on the header switches between routing an information display. Use osd_configuration="4" in the main navit tag for the initial display.
+
If you find any error or have a question regarding this layout, feel free to contact me here.
  
[[File:OSD_480x800_portrait.png|250px]]
 
  
 
{| width="100%" class="collapsible collapsed wikitable"
 
{| width="100%" class="collapsible collapsed wikitable"
Line 1,710: Line 1,769:
 
<code>
 
<code>
 
<pre style="white-space: pre-wrap;">
 
<pre style="white-space: pre-wrap;">
<!-- Rechts oben :Navigationsanweisungen -->
+
<!-- Change osd_configuration depending on route_status -->
<osd enabled="yes" type="navigation_next_turn" x="0" y="0"  w="100" h="90" align="0" icon_src="%s_wh_59_59.png" />
+
<osd name="ifroute" update_period="2" type="cmd_interface" h="1" w="1" x="-1" y="-1" command='osd_configuration=  
<!-- Links oben: GPS-Informationen -->
+
route.route_status==0 ? 3 : 5
<osd enabled="yes" type="gps_status" x="-60" y="0" w="60" h="30" align="0" />
+
' />
<osd enabled="yes" type="text" label="${vehicle.position_sats_used}/${vehicle.position_qual}" x="-60" y="30" w="60" h="30" align="8" font_size="300" />
 
<osd enabled="yes" type="text" label="${vehicle.position_direction}" x="-60" y="60" w="60" h="30" align="8" font_size="450" />
 
 
 
<!-- Oben Mitte: 2 Zeilen: (2) ETA und Zeit und (4) Hoehe und Entfernung -->
 
<!-- Configuration 2 -->
 
<osd type="text" osd_configuration="2" label="ETA: ${navigation.item.destination_time[arrival]}" x="100" y="0" w="320" h="45" align="4" font_size="450" command="osd_configuration=4"/>
 
<osd type="text" osd_configuration="2" label="TL: ${navigation.item.destination_time[remaining]}" x="100" y="45" w="320" h="45" align="4" font_size="450" command="osd_configuration=4"/>
 
<osd type="text" osd_configuration="2" label="in ${navigation.item[1].length[named]}" x="0" y="90" w="360" h="40" align="4" font_size="600"/>
 
<osd type="text" osd_configuration="2" label=" auf" x="360" y="90" w="120" h="40" align="4" font_size="500"/>
 
<osd type="text" osd_configuration="2" label="${navigation.item[1].street_name}" x="0" y="130" w="480" h="40" align="4" font_size="500"/>
 
 
 
<!-- Configuration 4 -->
 
<osd type="text" osd_configuration="4" label="Alt: ${vehicle.position_height}" x="100" y="0" w="320" h="45" align="4" font_size="450" command="osd_configuration=2"/>
 
<osd type="text" osd_configuration="4" label="Dist: ${navigation.item.destination_length[named]}" x="100" y="45" w="320" h="45" align="4" font_size="450" command="osd_configuration=2"/>
 
 
 
<osd enabled="yes" type="text" label="${tracking.item.street_name}" x="0" y="-90" w="390" h="60" align="4" font_size="600" />
 
<osd enabled="yes" type="text" label="${vehicle.position_speed}" x="0" y="-30" w="390" h="30" align="8" font_size="450" />
 
<osd enabled="yes" type="speed_warner" w="90" h="90" x="-90" y="-90" font_size="600" speed_exceed_limit_offset="10" announce_on="0" />
 
<!-- <osd enabled="yes" type="speed_warner" w="80" h="80" x="-80" y="-80" font_size="450" speed_exceed_limit_offset="5" speed_exceed_limit_percent="10" announce_on="0" label="text_only" />  -->
 
<!-- <osd enabled="yes" type="text" label="Max: ${tracking.item.route_speed}" x="240" y="-40" w="240" h="40" align="4" font_size="450" /> -->
 
 
 
<!-- <osd enabled="yes" type="toggle_announcer" x="0" y="170" w="96" h="96" /> -->
 
<!-- <osd enabled="yes" type="button" x="0" y="266" command="gui.fullscreen=!gui.fullscreen" src="toggle_fullscreen.png"/> -->
 
 
 
<osd enabled="yes" type="button" x="0" y="-300" command="zoom_to_route()" src="mark_64_64.png"/>
 
<osd enabled="yes" type="button" x="-96" y="-300" command="set_center_cursor()" src="gui_vehicle_64_64.png"/>
 
<osd enabled="yes" type="button" x="-96" y="-180" command="zoom_in()" src="zoom_in_64_64.png"/>
 
<osd enabled="yes" type="button" x="0" y="-180" command="zoom_out()" src="zoom_out_64_64.png"/>
 
 
 
<osd enabled="yes" x="130" y="170" w="240" h="26" align="0" font_size="200" type="scale"/>
 
</pre>
 
</code>
 
|}
 
 
 
<hr style="height: 10px; color:#AB4E3F; background-color:#AB4E3F;" />
 
<br />
 
 
 
== Android ==
 
 
 
=== Android layout 800x480 ===
 
[[File:navitArch1.png]]
 
 
 
[[File:navitArch2.png]] [[File:navitArch3.png]]
 
  
Android layout designed for Archos 5 IT. It can be used in portrait and landscape mode.
+
<!-- Change route status images depending on route_status -->
Files for layout are available here http://depositfiles.com/files/6y0mpbv2p  [http://depositfiles.com/files/6y0mpbv2p]
+
<osd name="routestat" update_period="2" type="cmd_interface" h="1" w="1" x="-1" y="-1" osd_configuration="4" command='
Place all files in /navit folder on your internal /sdcard
+
osd[@name=="show_route_status"].src =
 +
route.route_status==1 ? "/sdcard/navit/osd_graphics/route_status_dest_89_40.png" :
 +
(route.route_status==0 ? "" :
 +
(route.route_status==3 ? "/sdcard/navit/osd_graphics/route_status_no_89_40.png" :
 +
(route.route_status==5 ? "/sdcard/navit/osd_graphics/route_status_path_89_40.png" :  
 +
(route.route_status==13 ? "/sdcard/navit/osd_graphics/route_status_graph_89_40.png" :
 +
(route.route_status==17 ? "/sdcard/navit/osd_graphics/route_status_done_89_40.png" :
 +
(route.route_status==33 ? "/sdcard/navit/osd_graphics/route_status_done_89_40.png" : "/sdcard/navit/osd_graphics/route_status_no_89_40.png"
 +
))))))
 +
' />
  
The item showing current speed (left-bottom) is clickable. It changes osd configuration.  
+
<!-- Change position accuracy images depending on position_radius -->
 +
<osd name="accuracy" enabled="yes" update_period="5" type="cmd_interface" h="1" w="1" x="-1" y="-1" osd_configuration="1" command='
 +
osd[@name=="position_accuracy"].src =
 +
vehicle.position_radius==0 ? "/sdcard/navit/osd_graphics/gps_accuracy_1_80_40.png" :
 +
(vehicle.position_radius<=2 ? "/sdcard/navit/osd_graphics/gps_accuracy_9_80_40.png" :
 +
(vehicle.position_radius<=5 ? "/sdcard/navit/osd_graphics/gps_accuracy_8_80_40.png" :
 +
(vehicle.position_radius<=10 ? "/sdcard/navit/osd_graphics/gps_accuracy_7_80_40.png" :
 +
(vehicle.position_radius<=15 ? "/sdcard/navit/osd_graphics/gps_accuracy_6_80_40.png" :
 +
(vehicle.position_radius<=20 ? "/sdcard/navit/osd_graphics/gps_accuracy_5_80_40.png" :
 +
(vehicle.position_radius<=30 ? "/sdcard/navit/osd_graphics/gps_accuracy_4_80_40.png" :
 +
(vehicle.position_radius<=50 ? "/sdcard/navit/osd_graphics/gps_accuracy_3_80_40.png" :
 +
(vehicle.position_radius<=100 ? "/sdcard/navit/osd_graphics/gps_accuracy_2_80_40.png" : "/sdcard/navit/osd_graphics/gps_accuracy_1_80_40.png"
 +
))))))))
 +
' />
  
[[File:Carspeed.png]] [[File:Compas.png]] [[File:Down.png]] [[File:Minus2.png]] [[File:Next.png]]
+
<!-- OSD Elements -->
[[File:Odom.png]] [[File:Plus2.png]] [[File:Poioff.png]] [[File:Trid.png]] [[File:Upp.png]]
 
  
{| width="100%" class="collapsible collapsed wikitable"
+
<!-- Buttons -->
|-
+
<osd type="button" src="/sdcard/navit/osd_graphics/zoom_in_64_64.png" command="zoom_in()" x="1" y="95" osd_configuration="1"/>
! Layout XML
+
<osd type="button" src="/sdcard/navit/osd_graphics/zoom_out_64_64.png" command="zoom_out()" x="-66" y="95" osd_configuration="1"/>
|-
+
<osd type="button" src="/sdcard/navit/osd_graphics/back_start_64_64.png" command="follow=0;set_center_cursor()" x="1" y="165" enable_expression="follow&gt;1" osd_configuration="1"/>
|
+
<osd type="button" src="/sdcard/navit/osd_graphics/abort_64_64.png" command="gui.abort_navigation()" x="-66" y="165" osd_configuration="4"/>
<code>
 
<pre style="white-space: pre-wrap;">
 
<xml>
 
<!--Common -->
 
<osd enabled="yes" type="text" label="${vehicle.position_speed[value]}" x="0" y="-49" w="112" h="50" background_color="#00000000" align="0" font_size="800" text_color="#ffffff" command="osd_configuration=osd_configuration==2?1:2" />      
 
        <osd enabled="yes" type="button" x="0" y="-50" w="114" h="54"   src="/sdcard/navit/Carspeed.png" command="osd_configuration=osd_configuration==2?1:2" />
 
  
<!-- Layout 2 -->
+
<!-- head -->
<osd type="button" src="/sdcard/navit/Plus2.png"   x="-106" y="54"  command="zoom_in()" osd_configuration="1" />
+
<osd type="text" label="${tracking.item.street_name} ${tracking.item.street_name_systematic}" x="0" y="0" w="854" h="40" font_size="400" text_color="#ffffffff" background_color="#00000000" align="4" osd_configuration="6"/>
        <osd type="button" src="/sdcard/navit/Trid.png"   x="-106" y="54" command="pitch=pitch==0?25:0;autozoom_active=pitch==0?0:1;osd_configuration=1" osd_configuration="2" />
+
<osd type="button" command="" src="/sdcard/navit/osd_graphics/upper_854_45.png" x="0" y="0" w="854" h="45" osd_configuration="1"/>
        <osd type="button" src="/sdcard/navit/Minus2.png"  x="-106" y="170" command="zoom_out()" osd_configuration="1"  />
 
        <osd type="button" src="/sdcard/navit/Poioff.png" x="-106" y="286" command="toggle_layer(&quot;polygons&quot;);toggle_layer(&quot;POI Symbols&quot;);toggle_layer(&quot;POI Labels&quot;);osd_configuration=1" osd_configuration="2" />
 
        <osd type="button" src="/sdcard/navit/Compas.png"  x="-106" y="170" command="radius=orientation==-1?1:30;tracking=orientation==-1?0:1;orientation=orientation==-1?0:-1;osd_configuration=1" osd_configuration="2" />
 
  
 +
<!-- head left -->
 +
<osd name="position_accuracy" type="button" command="" src="/sdcard/navit/osd_graphics/gps_accuracy_1_80_40.png" x="0" y="45" w="80" h="40" osd_configuration="1"/>
 +
<osd name="show_route_status" command="" enabled="yes" type="button" x="71" y="45" w="89" h="40" src="/sdcard/navit/osd_graphics/route_status_dest_89_40.png" osd_configuration="4"/>
  
<!--Layout 1      -->      
+
<!-- head right -->
        <osd type="navigation_next_turn" x="15" y="56" w="96" h="96" icon_src="/sdcard/navit/xpm/%s_wh_96_96.png" background_color="#00000000" osd_configuration="1" />
+
<osd type="text" label="${navigation.item.destination_length[named]}" x="-120" y="0" w="120" h="40" font_size="400" align="0" background_color="#00000000" osd_configuration="4"/>
        <osd type="text" label="${navigation.item[1].length[value]}" x="7" y="162" w="109" h="60" font_size="800" text_color="#f87228" align="0" background_color="#00000000" osd_configuration="1" />
+
<osd type="text" label="H:${vehicle.position_height}m " x="-120" y="0" w="120" h="40" font_size="375" align="8" text_color="#ffffffff" background_color="#00000000" osd_configuration="2"/>
        <osd type="text" label="${navigation.item[1].length[unit]}" x="108" y="175" w="30" h="40" font_size="230" align="6" background_color="#00000000" osd_configuration="1" />
+
<osd type="text" label="${navigation.item.destination_time[arrival]} / ${navigation.item.destination_time[remaining]}" x="-170" y="45" w="180" h="40" align="4" font_size="400" background_color="#00000000" osd_configuration="4"/>
        <osd enabled="yes" type="navigation_next_turn" x="0" y="48" w="135" h="170"  icon_src="/sdcard/navit/Next.png" background_color="#00000000" osd_configuration="1" />
+
<osd type="button" command="follow=80000;zoom_to_route();" src="/sdcard/navit/osd_graphics/upper_right_190_45.png" x="-190" y="45" w="190" h="45" osd_configuration="4" />
  
        <osd enabled="yes" type="navigation_next_turn" x="1" y="-130" w="32" h="40"  icon_src="/sdcard/navit/nav_destination_wh_32_32.png"  background_color="#00000000" osd_configuration="1"/>
+
<!-- foot -->
        <osd type="text" label="${navigation.item.destination_length[value]}" x="32" y="-130" w="56" h="40" font_size="370" align="2"  background_color="#00000000" osd_configuration="1"/>
+
<osd type="text" label="auf ${navigation.item[1].street_name} ${navigation.item[1].street_name_systematic}" x="128" y="-40" w="726" h="40" font_size="400" align="4" background_color="#00000000" osd_configuration="4"/>
        <osd type="text" label="${navigation.item.destination_length[unit]}" x="88" y="-130" w="22" h="40" font_size="230" align="6"  background_color="#00000000" osd_configuration="1"/>
+
<osd type="button" command="" src="/sdcard/navit/osd_graphics/lower_route_854_140.png" x="0" y="-140" w="854" h="140" osd_configuration="4" />
        <osd enabled="yes" type="navigation_next_turn" x="1" y="-90" w="34" h="40"  icon_src="/sdcard/navit/clock.png"  background_color="#00000000" osd_configuration="1"/>
 
        <osd type="text" label="${navigation.item.destination_time[remaining]}" x="34" y="-90" w="76" h="40" font_size="370" align="4" background_color="#00000000" osd_configuration="1"/>
 
        <osd enabled="yes" type="navigation_next_turn" x="0" y="-130" w="114" h="84"  icon_src="/sdcard/navit/Odom.png"  background_color="#00000000" osd_configuration="1" />
 
       
 
<osd enabled="yes" type="speed_warner" w="98" h="98" x="-104" y="-150" background_color="#00000000" font_size="600" speed_exceed_limit_offset="15" speed_exceed_limit_percent="15" announce_on="1" osd_configuration="1" />       
 
<osd enabled="yes" type="button" x="-103" y="-149" w="96" h="96" src="/sdcard/navit/speed_white.png" command="" background_color="#00000000" osd_configuration="1" />
 
  
        <osd enabled="yes" type="text" label="${navigation.item[1].street_name} ${navigation.item[1].street_name_systematic}" x="0" y="0" w="480" h="50" font_size="420" align="8" background_color="#00000000" osd_configuration="1"  />
+
<!-- foot left -->
        <osd enabled="yes" type="navigation_next_turn" x="0" y="0" w="480" h="50"   icon_src="/sdcard/navit/Upp.png" background_color="#00000000" osd_configuration="1" />
+
<osd type="navigation_next_turn" x="0" y="-135" w="128" h="90" icon_src="%s_wh_64_64.png" background_color="#00000000" osd_configuration="4"/>
       
+
<osd type="text" label="in ${navigation.item[1].length[named]}" x="0" y="-40" w="128" h="40" font_size="400" align="4" background_color="#00000000" osd_configuration="4"/>
        <osd enabled="yes" type="text" label="${navigation.item.street_name} ${navigation.item.street_name_systematic}" x="112" y="-30" w="372" h="35" font_size="315" align="0" background_color="#00000000" osd_configuration="1" />
 
        <osd enabled="yes" type="navigation_next_turn" x="112" y="-30" w="372" h="35"  icon_src="/sdcard/navit/Down.png"  background_color="#00000000" osd_configuration="1" />
 
 
 
<!--Unsorted -->
 
        <osd enabled="no" type="compass" x="25" y="0"  w="430" h="430" background_color="#00000000" />
 
<xml/>
 
  
 +
<!-- foot right -->
 +
<osd type="text" label="${vehicle.position_speed[value]}" x="-160" y="-105" w="90" h="60" font_size="600" background_color="#00000000" osd_configuration="1"/>
 +
<osd type="text" label="${tracking.item.route_speed[value]}" x="-70" y="-105" w="70" h="60" font_size="500" background_color="#00000000" osd_configuration="1"/>
 +
<osd type="speed_warner" x="-69" y="-105" w="70"  h="60" font_size="500" text_color="#FF000000" background_color="#00000000" osd_configuration="1"/>
 +
<osd type="button" command="" src="/sdcard/navit/osd_graphics/lower_right_190_65.png" x="-190" y="-108" w="190" h="65" osd_configuration="2"/>
 +
<osd type="button" command="" src="/sdcard/navit/osd_graphics/lower_right_route_190_65.png" x="-190" y="-110" w="190" h="65" osd_configuration="4" />
 
</pre>
 
</pre>
 
</code>
 
</code>
 
|}
 
|}
 
=== An other android layout 800x480 ===
 
 
[[File:androidLayout800x480_H.png|360px]]
 
[[File:androidLayout800x480_V.png|140px]]
 
 
An android layout for 800x480 device. It can be used in portrait and landscape mode
 
 
Description :
 
* On top, distance to destination and arrival time
 
* On left bottom, next direction
 
* On bottom : next street
 
* On right bottom : speed en speed limit (with speed warning)
 
* The radar warning appears on the left of speed (!!! UNTESTED !!!)
 
 
Download :
 
* http://download.tuxfamily.org/jopen/navit/androidOSD.zip (content xml layout, png images and svg image (inskcape file).
 
 
{| width="100%" class="collapsible collapsed wikitable"
 
|-
 
! Layout XML
 
|-
 
|
 
<code>
 
<pre style="white-space: pre-wrap;">
 
        <!--- TOP -->
 
        <osd x="0"  y="O"  w="180" h="40" enabled="yes" type="image" src="/sdcard/navit/top.png" osd_configuration="1" />
 
        <!-- FIXME afficher calcul en cours ... -->
 
        <!-- FIXME ne s'affiche pas --><osd x="0" y="0" w="38" h="38" enabled="yes" type="gps_status" background_color="#00000000" osd_configuration="1" />
 
        <osd x="-50" y="0" w="350" h="40" type="text" font_size="600" align="8" label="${navit.messages}" osd_configuration="1" background_color="#00000000" osd_configuration="1" />
 
        <!-- FIXME ouverture de la recherche, si possible android --><osd x="-370" y="2" w="40" h="40" type="button" command="gui.town()" src="/sdcard/navit/arrival.png" font_size="400" align="4" background_color="#00000000" osd_configuration="1" />
 
        <osd x="-400" y="0" w="400" h="40" type="text" font_size="600" align="8" label="${navigation.item.destination_length[named]} / ${navigation.item.destination_time[arrival]}" osd_configuration="1" background_color="#00000000" osd_configuration="1" />
 
 
        <!--- LEFT BOTTOM -->
 
        <osd x="0"  y="-155"  w="800" h="155" enabled="yes" type="image" src="/sdcard/navit/left_bottom.png" osd_configuration="1" />
 
        <osd x="0" y="-155" w="160" h="115" type="navigation_next_turn" icon_src="%s_wh_59_59.png" osd_configuration="1" background_color="#00000000"  osd_configuration="1" />
 
        <osd x="0" y="-40" w="160" h="40" type="text" label="${navigation.item[1].length[named]}" font_size="600" background_color="#00000000" osd_configuration="1"/>
 
        <osd x="160" y="-40" w="640" h="40" align="4" type="text" label="${navigation.item[1].street_name_systematic} ${navigation.item[1].street_name}" font_size="400" background_color="#00000000" osd_configuration="1"/>
 
 
        <!-- RIGHT BOTTOM -->
 
        <osd x="-160"  y="-155" w="160" h="112" enabled="yes" type="image" src="/sdcard/navit/right_bottom.png"  osd_configuration="1" />
 
        <osd x="-160"  y="-120" w="90"  h="77" enabled="yes" type="text" font_size="600" align="8" label="${vehicle.position_speed[value]}" background_color="#00000000" osd_configuration="1" />
 
        <osd x="-70"  y="-120" w="70"  h="77" enabled="yes" type="text" label="${tracking.item.route_speed[value]}" font_size="500" background_color="#00000000" osd_configuration="1" />
 
        <osd x="-70"  y="-117" w="70"  h="70" enabled="yes" type="speed_warner" font_size="500" text-color="#FF0000" background_color="#00000000" osd_configuration="1" />
 
        <!-- FIXME --><osd x="-317"  y="-155" w="157" h="112" enabled="yes" type="speed_cam" label="${camera_type}\n${distance}" announce_on="1" font_size="600" text_color="#FFFFFF" background_color="#FF0000FF" align="8"/>
 
 
        <!--- ZOOM -->
 
        <osd x="-85" y="43" w="85"  h="85" type="button" src="/sdcard/navit/zoom_up.png" command="zoom_in()" osd_configuration="1"/>
 
        <osd x="0" y="43" w="85"  h="85" type="button" src="/sdcard/navit/zoom_down.png" command="zoom_out()" osd_configuration="1"/>
 
</pre>
 
</code>
 

Latest revision as of 16:36, 13 April 2017

This page is intended for users to display the OSD layouts that they have designed and provide a way to share those layouts to other users. Feel free to add your own completed layout to this page. As the number of layouts expands this page will be broken into several sub sections for each device.

Note: For an explanation of how to modify the OSD layouts reference OSD section. Many of the layouts on this page were borrowed from the examples on that page.

Notes[edit]

  • If you would like instructions on how to modify OSD layouts you can refer to the OSD page .
  • If you would like to share your own layout please contact us on the IRC Freenode Channel #navit and let us know. You can also try the web-based chat

Tip[edit]

To make configuring Navit simpler it is recommended that you copy the navit.xml from "/usr/share/navit" to your home directory "/home/user/.navit" where "user" is the username you log into your computer with. Then to make changing OSD layouts, you can replace the OSD entries in navit.xml with:

<xi:include href="/home/user/.navit/navitOSD.xml"/>

Then create a new file navitOSD.xml in which you place all the OSD items. This means you can create and share layouts by providing just the navitOSD.xml file and people can drop them into place without having to hand edit their navit.xml files. The same trick will work for any subset part of the navit.xml file. Remember to begin your file with <xml> and end it with </xml>, otherwise Navit won't be able to parse it properly.

This trick was contributed by Daniel Would on the NSeries wiki page.

Layout scaler for different screen sizes[edit]

This is a small perl script scale.pl that makes use of imagemagick (convert) to quickly convert any OSD layout for a different screen resolution. It is tested for nibbler01 and Mineque003 and assumes to be run against a specific skin and not against the navit.xml (might work too...)

Known issues:

  • svg images are displayed in fixed size by navit (might be fixed soon)
  • some elements don't scale that nicely, you might want to edit the resulting xml for one or two fontsizes.
  • no proper xml parsing, just regexp stuff

Features:

  • converts xml and png in one go
  • does not touch original files

Usage: Create scaled layout with:

./scale.pl <desired scale in percent> <path>
./scale.pl 50 ~/.navit/nibbler01/

then include the -scaled-XX xml file instead of the original.

get it here



Nokia NSeries Tablets[edit]

For tips and advice on Nokia layouts please reference the NSeries specific page.

NSeries Layout 1[edit]

Screenshot-2009-02-06-21-59-28.png


NSeries Layout 2[edit]

Osd2.png


NSeries Layout 3[edit]

OSDSimple.png



NSeries Layout 4[edit]

Tested on N900 but should work on any display, as it works nicely on my laptop as well. See the Nokia specific page for further configuration.

N900-OSD.png



Neo FreeRunner[edit]

FreeRunner Layout 1[edit]

FR-3D-OSD2.png


FreeRunner Layout 2[edit]

Navit-FR-OSD-POI-Firenze.png


FreeRunner Layout 3[edit]

Navit-FR-OSD-POI-Firenze2.png


FreeRunner Layout 4[edit]


neo-cs[edit]

About the skin[edit]

This skin was developed for the relatvely small screen (in comparison to todays smartphones) of the neo freerunner featuring a resolution of 480 x 640 pixel. I haven't tested the more recent version only on the gta04 hardware regarding the performance. The skin should work in portrait and landscape mode as well. Since the svg files are included, the skin is fairly easy to adjust to larger screens. Please put modified versions of the skin back on this page.

Features[edit]

  • Automatic activation of osd icons only needed if there is a gps fix.
  • Automatic switching between tracking and routing mode.
  • Display of the routing status with five icons.
  • Important options are accessible directly from the osd (see skin description)

Screenshots[edit]

Neo-cs 1.0 sceenshot1.png Neo-cs 1.0 sceenshot4.png
without gps fix with gps fix in tracking mode
Neo-cs 1.0 sceenshot2.png Neo-cs 1.0 sceenshot3.png
in routing mode in routing mode with active odometer in the second line of the bottom bar

Skin description[edit]

The osd provides a top bar, a bottom bar and several icons within the map area:

  • The top bar
    where routing maneuvers are displayed.
    Tapping on the top bar toggles between fullscreen and windowed mode
  • The in screen buttons and displays:
    • Current speed (1)
      tapping on the speed display toggles between some routing or tracking informations and the odometer in the bottom bar (see below).
    • Current altitude (1)
    • Autozoom (1)
      a toggle between manual zooming and speed dependant automatic zoom.
    • Follow mode (1)
      the map is either dragged by the vehcle cursor or can be moved around manually.
    • Map orientation (1)
      toggle between a north oriented map and a map oriented by the travel direction.
    • Zoom in / out buttons.
    • Routing status icon
      tapping on the icon zooms to full route view, or to the entered destination.
    • 2D / 3D toggle.
    • A small scale to estimate distances.
  • The bottom bar
    where the current road (if any) is displayed, a little compass (1) and the gps quality
    Furthermore there is a second line in the bottom bar which depends on the mode we're in:
    • Tracking mode
      shows the position on the second line.
    • Routing mode
      shows the estimated time of arrival, the distance to destination and the estimated remaining travel duration on the second line.
    • Odometer
      when the odometer is active (see above), the second line is used for travel distance, travel time and average speed. Tapping on the odometer line will stop / resume the odometer, double tapping resets the odometer

1). Only visible if there is a gps fix

Download[edit]

You can find the latest skin im my debian repository at:
http://ftp.architektur.tu-darmstadt.de
Non debian user can simply browse the repository, and download the tarball.
Additionally you can find my latest navit built for debian squeeze/wheezy there.

Installation and configuration[edit]

For Debian users I can provide a Debian package, other distributions or platforms have to unpack the tarball and put the skinfiles in the right place. There are some things to be mentioned:

  • The skin is designed to be placed in the navit share path $NAVIT_SHAREDIR (usually /usr/share/navit) under ./skins/neo-cs/. If this isn't the case, all the icon paths has to be adjusted to your needs (i.e. $HOME/.navit/skins/neo-cs/icons/).
  • If you have to or want to install the skin manually from the tarball, simply place neo-cs.xml in /usr/share/navit/skins/neo-cs/ and the icons (you need only the png's) in /usr/share/navit/skins/neo-cs/icons/, or to any other place you like if you modify the icon path in neo-cs.xml.
  • Include the skin somewhere in your navit.xml and make sure there are no other osd definitions:
<xi:include href="$NAVIT_SHAREDIR/skins/neo-cs/neo-cs.xml"/>
  • Some attribute under the navit tag in navit.xml should be set:
osd_configuration="1"
tracking="1"
timeout="1"
radius="27"
otherwise osd elements that should be not visibe by default are shown.
to snap on to roads.
to immediately resume the map draging by the vehicle, since we have a button if we really want to look something on the map.
a slightly increased distance between the vehicle cursor and the display edges.
  • Some attribute under the vehicle tag in navit.xml my also be set by default:
follow="1"
lag="15"
follow_cursor="1"
how often the map is updated, should be on a lower level for gta02 i.e. "8"
a practical value I tested for the gps lag (in 1/10 sec.)
to enable the map following the vehicle by default

I've put my configuration files in the tarball as they might be usefull as a starting point. The included navit.xml isn't a complete configuration, just a skeleton in which all the stuff from the original config file is included. I find it more convenient to have just a small file to modify rather than to edit everywhere in the complete configuration file. That way I have only to look for new layouts or vehicleprofiles to include in case of a navit update.

Known issues, bugs and TODO[edit]

  • In older navit versions the routing status icon will appear in the internal gui. This isn't a skin bug as it is fixed in the recent svn versions of navit.
  • There is a slight refresh delay of the seperator png's when toggling between odometer and the other display modes.
  • The scale should be not visible in 3D view, but it allways shows up.
  • I haven't found a better way to decide if there's a gps fix than to watch if there are at least three satelites in use. Therefore it's possible that, for a period of time, the gui decides there's a fix when the gps actually hasn't one. If someone knows a better (available) way, please let me know.
  • The positioning of the odometer isn't that nice, since all the values (distance, time and avg. speed) can only be placed as one object.




PC Layouts[edit]

Mineque's PC layouts[edit]

Thoose skins fits only screens with 800px width.

Create dir ".navit/skins/" in your home dir and unpack there skin.
For enabling it you have to edit xml file from the archive in two places:

      <osd enabled="yes" type="button" x="0" y="-120" w="800" h="120" command="" 
src="/home/mineque/.navit/skins/Mineque_003/M_003_01.png" />
      <osd enabled="yes" type="button" x="0" y="0" w="800" h="35" command="" 
src="/home/mineque/.navit/skins/Mineque_003/M_003_02.png" />  

You have to change path after src="..." to one will fits your user dirname.
And last thing edit navit.xml. You have to comment everything between:

   <gui type="internal" />

and

   <vehicle ...

After that paste:

   <xi:include href="/home/mineque/.navit/skins/Mineque_001/Mineque_001.xml" />

under

   <gui type="internal" />

with corrected path of your user dirname and choosen skin.


Mineque's OSD 001 Layout[edit]

Mineque OSD Layout 02.jpg

Note! The following package contains two images required for this layout:


Mineque's OSD 003 Layout[edit]

Mineque 003.jpg

Note! The following package contains two images required for this layout:



Nibblers OSD Layouts[edit]

All these OSDs are developed for and tested with navit 0.2.0

nibbler01 v0.2 for Netbook & widescreen[edit]

This OSD fits well for my netbook @1024x576. It is optimized for widescreen Displays, so putting all Info on the sides, and should scale well with any resolution bigger than 500x500 or something. The screenshot was taken with ubuntu netbook remix which saves a lot of precious screen space. The sound mute/unmute is untested and the fullscreen does not work, at least for me, no clue why. I'm using gtk interface, no idea how this might or might not interfere with OSDs... I, <chr>, had the same experience with the internal gui on an N810 handheld. Changing 'command="gui.fullscreen=()"' to 'command="gui.fullscreen=1"' solved the problem. Actually I do use now 'command="gui.fullscreen=!gui.fullscreen"' which toggles the screen.

Nibbler01-0.2.png

To install just add

<xi:include href="/home/sven/.navit/skins/nibbler01/nibbler01.xml" />

to your navit.xml (just where all the default/deactivated osd elements are) and fix the paths to the pics within nibbler01.xml and your navit.xml.

From version 0.2 on: For the buttons to work, you need to copy the empty.svg to your image directory (/usr/share/navit/xpm/ in my case) or fix the path to them in the nibbler01.xml.

The .cxf files are now included in the download, so feel free to alter them under the terms of CC-SA.


LCARS v0.1 (Startrek TNG)[edit]

This OSD does not scale so well, so use the resizer if you need to. It also makes use of empty.svg which it expects in the default image location of navit (included in lcars directory of the tar)

Version 0.2 makes use of the newly introduced <osd type="image">, as the huge transparent button was avoiding users to actually click/drag the map.

Lcars-0.1.png

To install just add

<xi:include href="/home/sven/.navit/skins/lcars/lcars.xml" />

to your navit.xml (just where all the default/deactivated osd elements are) and fix the paths to the pics within lcars.xml and your navit.xml.

For an appropriate vehicle include the cursor:

<xi:include href="/home/sven/.navit/skins/lcars/ussnavit.xml" />


Netbook Layout 1[edit]

The following OSD layout has been optimised for netbooks with screen resolutions of 1024x600 pixels. It uses some features which are only available when using the latest SVN snapshot of Navit. Of course, this skin can still be used without these features. There are specific icons used in this layout which I did not make so I won't upload here for licensing issues - I'm going to presume that you can type the correct words into Google Images to find the icons you want. The extra icons are:

  • Navit icon - guess where you can find that one...!
  • Information icon.
  • 1px x 1px transparent rectangle, used so that a keybinding can be applied to a command without having an icon clutter up the OSD. That rectangle was actually made by me, so here it is: Transparent rectangle.png.


The first screenshot shows Navit in tracking mode - i.e. there is no route defined, so Navit just follows the driver around, displaying current road names, speeds and distances to speed cameras. The second screenshot shows Navit in the more familiar routing or navigating mode, with a destination set, and the current and next road names displayed, and navigations manoeuvres and distances shown. The map is rendered using the OSM Mapnik layout style.

Korrosa osd tracking.png   Korrosa osd navigating.png

Tracking Mode[edit]

Tracking mode is the default mode when Navit opens. It has the following features:

  • Top right:
  • Bottom left:
    • Compass OSD, displaying bearing and Northing arrow relative to current direction of travel (OSD#compass)
    • Current altitude of the vehicle, using OSD#text's vehicle.position_height
  • Bottom centre:
    • Current road name and/or reference number (if available) using OSD#text's tracking.item.street_name and tracking.item.street_name_systematic
    • Maximum allowable speed on the road using OSD#speed_warner
  • Bottom righxi:include href="/home/sven/.navit/skins/nibbler01/nibbler01.xml" />

to your navit.xml (just where all the default/deactivated osd elements are) and fix the paths to the pics within nibbler01.xml and your navit.xml.

From version 0.2 on: For the buttons to work, you need to copy the empty.svg to your image directory (/usr/share/navit/xpm/ in my case) or fix the path to them in the nibbler01.xml.

The .cxf files are now included in the download, so feel free to alter them under the terms of CC-SA.

t:

    • Current vehicle speed using OSD#text's vehicle.position_speed
  • Right (icons, top to bottom):
    • Fullscreen
    • Zoom in
    • Zoom out
    • View full route
    • Navit icon - toggle between:
      • Bird's eye, north oriented view at 200 zoom
      • 3D view pitched at 20 degrees, zoomed in at level 15 and oriented in the direction of vehicle travel
    • Information icon - toggle between:
      • Tracking mode
      • Navigating mode

Navigating Mode[edit]

Navigating mode has all the same OSD elements as tracking mode, plus the following:

  • Top right:
    • Total distance remaining to destination using OSD#text's navigation.item.destination_length[named]
  • Top left:
  • Top centre:
    • Next road name and/or number (if available) to turn onto during the next maneouvre. Uses OSD#text's navigation.item[1].street_name and navigation.item[1].street_name_systematic

Keybindings[edit]

This layout uses OSD#Keybindings to bind keys to specific OSD elements. This is currently only available using the latest SVN builds of Navit. The following are defined:

  • Key: =
    • Bound to the zoom in OSD element. Press this key to zoom in.
  • Key: -
    • Bound to the zoom out OSD element. Press this key to zoom out.
  • Key: f
    • Bound to the fullscreen OSD element. Press this key to toggle between fullscreen and windowed mode.
  • Key: SPACEBAR
    • Bound to the Navit icon. Press this key to toggle between birds-eye and 3D view (as explained above)
  • Key: i
    • Bound to the Information icon. Press this key to toggle between tracking and navigating modes.
  • Key: s
    • Bound to an invisible 1px x 1px rectangle. Press this key to toggle speech on/off.

XML[edit]

To use, copy and paste the following markup to Navit.xml. Don't forget to disable any other OSD items which may have been there before! NOTE: There are some hard-coded paths in the markup, especially to the 'special icons'. These will obviously have to be changed.



Netbook Layout 2[edit]

The following OSD layout has been optimised for netbooks with screen resolutions of 1024x600 pixels. It uses some features which are only available when using the latest SVN snapshot of Navit. Of course, this skin can still be used without these features. The map layout in the following screenshots can be found at OSM Mapnik layout style.

The following screenshots show the two main OSD modes. The left layout is during tracking mode (i.e. no destination set), whilst the right layout shows the OSD layout during routing. The OSD items are almost exactly the same as Netbook Layout 1, with the exception of the removal of the speed_cam OSD and the compass OSD.

Netbook Layout 2 tracking.png   Netbook Layout 2 routing.png

Special Features[edit]

  • The layouts swap between tracking and routing mode automatically, depending upon whether a route has been calculated or not.
  • The three icons in the lower right:
    • 2D/3D Button: Toggles to 2D when 3D mode is active, and vice-versa. Toggle between the two modes by clicking this button, or using the SPACEBAR keybinding.
    • Speaker button: Toggles to show the state of speech in Navit. Toggle between speech on/off by clicking this button or using the 's' keybinding.
    • Car icon: this icon is not a button, but shows the state of routing.

To use the icons, download the following. Note that on my setup (Ubuntu) I first have to convert these png's to xpm files, otherwise the icons have a blue border around them (see On_Screen_Display#Transparent_Icons_and_Overlays for more information).
2D.png 3D.png Speech on.png Speech off.png No destination.png Destination set.png Calculating route.png Routing.pngNo route.png

Keybindings[edit]

This layout uses OSD#Keybindings to bind keys to specific OSD elements. This is currently only available using the latest SVN builds of Navit. The following are defined:

  • Key: =
    • Bound to the zoom in OSD element. Press this key to zoom in.
  • Key: -
    • Bound to the zoom out OSD element. Press this key to zoom out.
  • Key: f
    • Bound to the fullscreen OSD element. Press this key to toggle between fullscreen and windowed mode.
  • Key: SPACEBAR
    • Bound to the 3D/2D icon. Press this key to toggle between birds-eye and 3D view
  • Key: s
    • Bound to the speaker icon. Press this key to toggle speech on/off.

XML[edit]

To use, copy and paste the following markup to Navit.xml. Don't forget to disable any other OSD items which may have been there before! The special icons in this xml point to the xpm versions. If you keep using the png versions, make sure you change the path.




10.2" glossy netbook layout[edit]

Glossy.png   Glossy2.png



KEYS

x = zoom in
y = zoom out
n = northing on/off
space = show whole route ( only in navigation mode, else move to the current position) and turn follow on/off
a = autozoom on/off
s = sound on/off
f = fullscreen on/off
tab = 3d mode ( 20 degree pitch, autozoom on ) and 2d mode ( autoozoom off, no pitch and static zoom level)


SCREEN

  • TOP:

- arrow above the distance until turn
- middle: the street following, so you can look for street signs if navigation is not comprehensible
- right: GPS time, time, signal strengh and altitude above sea level



  • BOTTOM

- routing status, distance left and travel time left
- speedwarner, current and average speed


Up2.pngSet1.pngCalculate3.pngNo destination1.pngDef.pngRoute2.pngDesign2.png
Speedcam mobile.png Speedcam.pngRedlight.png3d.png2d.pngRoute.pngNorth.pngNorth2.pngAutozoom.pngAutozoom2.pngUp.pngZoom in.pngZoom out.pngSet.pngCalculate.pngCalculate2.pngNo destination2.png




Windows Mobile OSD Layouts[edit]

All these OSDs are developed for and tested with navit 0.2.0

Windows Mobile VGA 1[edit]

This OSD fits well for @480x640. The are still some minor issues beeing corrected soon.

WM VGA1 screen.png

To install just add include the xml content into your navit.xml (just where all the default/deactivated osd elements are) and fix the paths to the pics. On HTC Touch Pro with WM 6.5 the screen resolution with daily build 3540, the resolution is 240x320. You have to apply the patch mentioned in http://trac.navit-project.org/ticket/554 or can download a svn build (2010-09-05) with patch included to run Navit with 480x640 pixels.


Dirk205's layout for landscape WVGA[edit]

This skin looks good on WVGA (800x480) devices (i.e. HTC HD2) in landscape mode. Portrait mode is not supported!


3D Skin Dirk205.png


My settings: 3D and full screen are active. Moreover, I added <vehicle name= ... follow="1"> to fix the car position on the screen. To install just add include the xml fragment into your navit.xml (replace all the default osd elements there) and extract the skin bitmaps with folder into folder $NAVIT_SHAREDIR/xpm/skins .

The shown 3D view has a view angle of 24 degrees, i.e. you need to patch your navit.xml at a appropriate menu position:

<img cond='navit.pitch==0' src='gui_map' onclick='navit.pitch=24; redraw_map();back_to_map()'> <text>3D</text> </img>

<img cond='navit.pitch!=0' src='gui_map' onclick='navit.pitch=0; redraw_map();back_to_map()'> <text>2D</text> </img>


3 remarks:

a) To enable landscape mode on a HTC HD2 you need a tool, can be done with the "BsB Tweaks"!

b) You need to have 64x64 sized navigation bitmaps (*wh_64_64.png) present in your xpm folder.

c) Scaler can work for 2D view only.


Asus Mypal A696 - QVGA 240x320[edit]


Windows Mobile 6.0 Classic, Display 3.5 inch QVGA 240x320. Layout is design for Landscape (horizontal) display orientation. This layout working well with 2D and 3D mode.

Navit0.2.0.png

Navit0.2.0-2.png

Navit0.2.0 6.1.png

explanatory

Glossary:

In - distance to next turn, onto - next street name/number of road, eta - estimated time of arrival, tr - time remaining until destination is reached, t - vehicle position time, d - direction angle, on - currently on road name/number of road, alt - altitude, dr - route distance remaining, top left - scaller, bottom right - compass (direction, distance), bottom right corner - number of satellites used / number of satellites available, bottom left corner - actual speed, bottom left corner (top) - speed warning, bottom in the middle (top) - gps status, longitude latitude,

add this to your navit.xml file:



Treo 750 QVGA Square (240x240) (German)[edit]

This Layout I use on a Treo 750 with Windows Mobile 6 and a resolution of 240x240 pixel. The design is inspired from the Palm Pre Layout by Nexave user AndrejDelany. http://www.nexave.de/forum/p395877-navit-fuer-den-pre/.html#post395877
I adapted this Layout to my lower resolution and did some own graphics. Thanks for the great work, Andrej  :)

(This Layout also fits 240x320 portrait, but not 320x240 landscape mode)

The following XML-Code (click "show" for "Layout XML for Treo 750 QVGA Square" at the bottom) is part of my file "navit.xml". I did some comments (in German) to seperate the file into logical parts.

If you want to try, use or modify this layout, you have to insert this code in your file "navit.xml".

This design provides a clear display with great functionality.


navit GUI routing

While routing:
In the top part of the display you will see (from left to right):
Distance to target - time to target - estimated time of arrival

At the right side you can see:

  • The actual speed (above)
  • and below the maximum allowed speed at the street you are actually on.

If you are driving "slow enough" it will be colored green.
If you are driving too fast, it will be colored red.


navit GUI routing too fast


When there is an explizit tag "max_speed", navit will display this allowed speed.
When there is no explizit tag, navit will "guess" the maximum allowed speed from the Highway type. In this case you will see a "~" in front of the speed..
(Don´t wonder: Sometimes it will be a little bit funny e.g. to be allowed to drive 100 km/h inside a village.)

In the bottom of the display you will see:
Next action (as an arrow) with distance to next action below and the name of the street, you have to go to.
In small letters there is the name and/or reference of the street you´re actually on.


navit GUI routing Menu

Selecting "time delay"
Sometimes when scrolling on the map, the focus jumps back to GPS-position too fast.
Therefor I put in a small menu, where you can select the time, after which the focus jumps back.

Please tap on the "arrow-icon" in the upper right corner to bring up the menu.

  • tap on "5" to select a time-delay of about 5 seconds. => thats the default value, good for driving
  • tap on "30" to select a time-delay of about 30 seconds => thats good for scrolling on the map while navigating and looking e.g. for some adresses.


The time-delay starts after your osd enabled="yes" type="text" label="ETA: ${navigation.item.destination_time[arrival]}" x="300"

        y="390"  w="180" h="70" align="4"  background_color="#00000000" font_size="250" />
       osd enabled="yes" type="eta" /> 

last scrolling-action on the map.


navit GUI routing Indicator

Time delay indicator
The small indicator shows you the selected value for the time-delay.

You can always switch between these to time-delays. Even while navigating.
<br

You can clear the screen by tapping on the "next-action-arrow" in the bottom left corner.


navit GUI driving

While driving without routing:
You will only see in small letters the name and/or reference of the street you´re actually on.
...and for sure: your actual speed and the maximum speed allowed.

The required images-files are zipped to "navit-xpm-additional-QVGA-240x240.zip" and for download:
http://rapidshare.com/files/451095464/navit-xpm-additional-QVGA-240x240.zip
please unzip these files and copy them into the folder "xpm" in your navit-path.
In the zip-file there are not only the "design"-files, but also the corrected "png"-files for "next direction".
So, if you don´t have any problems with the graphic "next direction" (= arrows), leave them out and just use the "design"-files.

An additional Menu-Configuration optimized for 240x240 Display will be found here:
http://wiki.navit-project.org/index.php/Internal_GUI/Menu_configurations#QVGA_Square_.28240x240.29_Configuration_1_.28German.29


Yakumo Delta 5 X[edit]

  • fits for resolution 320x240 and 240x320

Yakumo Delta 5 X horizontal

Yakumo Delta 5 X vertical


This configuration contains 2 layouts. One for horizontal view and one for vertical view. In order to only show one of them, you have to set up osd_configuration within tag "navit":

  • to 15 (vertical)
  • or 3840 (horizontal)

<navit center="[your start location]" [other attribites] pitch="30" osd_configuration="3840">

To switch between horizontal and vertical view when running navit, you can modify internal gui like example in Menu XML. After this you can navigate to Menu/Settings/Display/OSD and switch between horizontal and vertical mode. You can choose between 4 different OSD modes (OSD off, OSD Min, OSD Min+ and OSD full).

  • this example menu doesn't need any additional pictures
  • disabling "speeed_cam" and "scale" will not work by now

Of course you can delete one layout if you only need one. Changing of menu and to init osd_configuration is not necessary in this case.


Note when editing: negatives (such as x="-10", y=-10") seems not to work well on this device. I only use absolute coordinates.

Vertical layout fits also at a bluemedia BM 6280 PocketPC and should do also at similar devices (not tested). --Bogo10 20:08, 11 November 2011 (CET)




Layout for Sony nav-u92T[edit]

This layout follows the general example of a TomTom ONE (3rd edition), but it can probably be used for any device with a resolution of 480x272. Radar warnings appear at the middle top. This design does not use any pixmaps, so should be easy to install

Sony-nav-u92t.png

Palm Pre Layout[edit]

This is the current layout as it is used on the Palm Pre

NavitScreenshot.jpg

You can always find the current version of the skin files here: http://git.webos-internals.org/?p=preware/cross-compile.git;a=tree;f=packages/apps/navit/files/PreNav

To get the car cursor you need to replace the existing cursor definition in all layouts in your navit.xml with the 2D car alternate cursor.



480x800 Portrait[edit]

My OSD layout was originally created on my Neo Freerunner but it works just as good on my Samsung Galaxy S running Android:

Tapping on the header switches between routing an information display. Use osd_configuration="4" in the main navit tag for the initial display.

OSD 480x800 portrait.png



854x480 (FWVGA)[edit]

My Layout is based on one 800x480 layout, which was posted on this page some years ago. I changed it to fit for my FWVGA (854x480px) Android device (Motorola Milestone 2 (Droid 2)). It should work both horizontally and vertically and differs if a route is set or not.

Download the graphic files here and put it in an subfolder osd_graphics of your navit dir. (Or just change the /sdcard/navit/osd_graphics/ location in the XML to your needs)

Most of the elements should be self explaining, but for the sake of completeness:

854 480 horizontal route.png

With route:[edit]

Top

  • left: Streetname of the street driving
  • beneath: GPS Status (actually it is "vehicle.position_radius", because the "real" gps status wasn't working on my Android device) and Route_Status
  • right: remaining length of route (km or meter)
  • beneath: time of arrival / remaining time

Middle

  • left: zoom in and back to position (if you dragged the map somewhere else)
  • right: zoom out and abort routing

Bottom

  • left: next turn with remaining lenght to it
  • middle: on which street to turn
  • right: driving speed and speed restriction of street with speed warner (turns red if driving to fast)
Vertical no route.png

Without route[edit]

Top

  • left: Streetname of the street driving
  • beneath: GPS Status (actually it is "vehicle.position_radius", because the "real" gps status wasn't working on my Android device)
  • right: Height (meter)


Middle

  • left: zoom in and back to position (if you dragged the map somewhere else)
  • right: zoom out

Bottom

  • right: driving speed and speed restriction of street with speed warner (turns red if driving to fast)


If you find any error or have a question regarding this layout, feel free to contact me here.