OSD Layouts

From Navit's Wiki
Revision as of 21:51, 14 June 2009 by SLAM-ER (talk | contribs)
Jump to: navigation, search

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.

Tip

To make changing OSD layouts easier, you can replace the OSD entries in navit.xml with:

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

Then you can 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.

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

Nokia NSeries Tablets

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

NSeries Layout 1

Screenshot-2009-02-06-21-59-28.png
<osd enabled="yes" type="text" label="${vehicle.position_speed}" x="5" y="46" font_size="800"
   w="200" h="55" align="4" background_color="#1b0877cc"/>
<osd enabled="yes" type="text" label="ETA: ${navigation.item.destination_time[arrival]}" x="-220"
   y="46" font_size="500" w="215" h="40" align="4" background_color="#1b0877cc"/> 
<osd enabled="yes" type="text" label="Left to Go" x="-175" y="87" font_size="400" w="170" h="40"
   align="4" background_color="#1b0877cc"/>
<osd enabled="yes" type="text" label="${navigation.item.destination_length[named]}" x="-200" y="128"
   font_size="550" w="195" h="40" align="4" background_color="#1b0877cc"/>
<osd enabled="yes" type="text" label="${navigation.item.destination_time[remaining]}" x="-200"
   y="169" font_size="550" w="195" h="40" align="4" background_color="#1b0877cc"/>
<osd enabled="yes" type="text" label="In ${navigation.item[1].length[named]} " x="-320" y="-86"
   font_size="650" w="235" h="45" align="4" background_color="#1b0877cc"/> 
<osd enabled="yes" type="navigation_next_turn" x="-85" y="-106" font_size="500" w="80" h="65"
   background_color="#1b0877cc"/>  
<osd enabled="yes" type="text" label="onto ${navigation.item[1].street_name}" x="-555" y="-40"
   font_size="550" w="550" h="35" align="4" background_color="#1b0877cc"/>
<osd enabled="yes" type="text" label="${navigation.item.street_name} Max:${tracking.item.route_speed}" 
 x="5" y="5" align="0" background_color="#1b0877cc" font_size="550" w="790" h="40"/> 	
<osd enabled="yes" type="gps_status" x="5" y="101" w="50" h="40" background_color="#1b0877cc"/>
<osd enabled="yes"  type="button" x="5" y="-120" command="zoom_in()" src="gui_zoom_in.png"/>
<osd enabled="yes"  type="button" x="60" y="-60" command="zoom_out()" src="gui_zoom_out.png"/> 
<osd enabled="yes"  type="button" x="5" y="-60" command="gui.fullscreen()" src="gui_fullscreen.png"/>
<osd enabled="no" type="speed_warner" x="-60" y="180" w="60" h="60"/> 
<osd enabled="no" type="button" x="0" y="0" command="gui_internal_menu" src="menu.xpm"/>

NSeries Layout 2

Osd2.png
<osd enabled="yes" type="compass" x="5" y="5" font_size="250" w="60" h="62" background_color="#48852faf"/>
<osd enabled="yes" type="gps_status" x="70" y="5" w="50" h="40" background_color="#48852faf"/>
<osd enabled="yes" type="text" label="${vehicle.position_sats_signal}/${vehicle.position_qual}" x="70"
   y="45" font_size="300" w="50" h="22" align="0" background_color="#48852faf"/>
<osd enabled="yes" type="text" label="${vehicle.position_speed}" x="5" y="72" font_size="400" w="115"
   h="35" align="4" background_color="#48852faf"/>
<osd enabled="yes" type="text" label="ETA: ${navigation.item.destination_time[arrival]}" x="5" y="-220"
   font_size="400" w="170" h="30" align="4" background_color="#1a6ad780"/>
<osd enabled="yes" type="text" label="Left to Go" x="5" y="-185" font_size="400" w="170" h="30" align="4"
background_color="#1a6ad780"/>
<osd enabled="yes" type="text" label="${navigation.item.destination_length[named]}" x="5" y="-150" 
   font_size="400" w="170" h="30" align="4" background_color="#1a6ad780"/>
<osd enabled="yes" type="text" label="${navigation.item.destination_time[remaining]}" x="5" y="-115" 
   font_size="400" w="170" h="30" align="4" background_color="#1a6ad780"/>
<osd enabled="yes" type="text" label="In ${navigation.item[1].length[named]} " x="5" y="-40" 
   font_size="500" w="235" h="35" align="4" background_color="#000000c8"/>
<osd enabled="yes" type="navigation_next_turn" x="245" y="-45" font_size="500" w="60" h="40"
   background_color="#000000c8"/>
<osd enabled="yes" type="text" label="onto ${navigation.item[1].street_name}" x="310" y="-40"
   font_size="500" w="485" h="35" align="4" background_color="#000000c8"/>
<osd enabled="yes" type="text" label="${navigation.item.street_name}" x="150" y="5"  font_size="500"
   w="500" h="35" align="0" background_color="#ff71004b"/> 
<osd enabled="yes" type="button" x="-60" y="0" command="zoom_in()" src="gui_zoom_in.png"/>
<osd enabled="yes" type="toggle_announcer" x="-65" y="95" w="60" h="60" background_color="#1a6ad700"/>
<osd enabled="yes" type="button" x="-60" y="200" command="gui.fullscreen()" src="gui_fullscreen.png"/>
<osd enabled="yes" type="button" x="-60" y="-105" command="zoom_out()" src="gui_zoom_out.png"/> 

NSeries Layout 3

OSDSimple.png
<osd enabled="yes" type="compass" x="-110" y="-60" font_size="250" w="60" h="60" background_color="#000000c8"/>
<osd enabled="yes" type="gps_status" x="-50" y="-60" w="50" h="40" background_color="#000000c8"/>
<osd enabled="yes" type="text" label="${vehicle.position_sats_signal}/${vehicle.position_qual}" x="-50" y="-20" 
   font_size="250" w="50" h="20" align="0" background_color="#000000c8"/>
<osd enabled="yes" type="text" label="${vehicle.position_speed}" x="0" y="-60" font_size="400" w="110" h="60" 
   align="4" background_color="#000000c8"/>
<osd enabled="yes" type="text" label="ETA: ${navigation.item.destination_time[arrival]}" x="110" y="-30" 
   font_size="300" w="170" h="30" align="4" background_color="#000000c8"/>
<osd enabled="yes" type="text" label="${navigation.item.destination_length[named]}" x="280" y="-30" 
   font_size="300" w="170" h="30" align="4" background_color="#000000c8"/>
<osd enabled="yes" type="text" label="${navigation.item.destination_time[remaining]}" x="450" y="-30" 
   font_size="300" w="240" h="30" align="4" background_color="#000000c8"/>
<osd enabled="yes" type="text" label="In ${navigation.item[1].length[named]} " x="0" y="0" font_size="500" 
   w="245" h="40" align="4" background_color="#000000c8"/>
<osd enabled="yes" type="navigation_next_turn" x="245" y="0" font_size="500" w="60" h="40" background_color="#000000c8" 
   icon_src="$NAVIT_SHAREDIR/xpm/%s_wh_48_48.png" />
<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="110" y="-60"  font_size="500" 
   w="580" h="30" align="0" background_color="#000000c8"/>
<osd enabled="yes" type="button" x="-60" y="50" command="zoom_in()" src="gui_zoom_in.png"/>
<osd enabled="yes" type="toggle_announcer" x="-65" y="130" w="60" h="60" background_color="#1a6ad700"/>
<osd enabled="yes" type="button" x="-60" y="220" command="gui.fullscreen()" src="gui_fullscreen.png"/>
<osd enabled="yes" type="button" x="-60" y="-120" command="zoom_out()" src="gui_zoom_out.png"/>


Neo FreeRunner

FreeRunner Layout 1

FR-3D-OSD2.png
<gui type="internal" font_size="350" icon_xs="60" icon_s="70" icon_l="70"/>                                                                 
<osd enabled="yes" type="text" label="${navigation.item.street_name} ${navigation.item[1].street_name_systematic}"
 x="0" y="0" w="425" h="30" align="0" background_color="#000000cc" font_size="300" /> 
<osd enabled="yes" type="gps_status"                                                   
 x="425" y="0" w="65" h="30" align="0" background_color="#000000cc" font_size="300" /> 
<osd enabled="yes" type="text" label="ETA:${navigation.item.destination_time[arrival]}"  
 x="0" y="-25" w="160" h="25" align="4" background_color="#000000cc" font_size="350" /> 
<osd enabled="yes" type="text" label="TL:${navigation.item.destination_time[remaining]}"  
 x="160" y="-25" w="160" h="25"align="4" background_color="#000000cc" font_size="350" /> 
<osd enabled="yes" type="text" label="Dist:${navigation.item.destination_length[named]}"       
 x="320" y="-25" w="160" h="25" align="4" background_color="#000000cc" font_size="350" />     
<osd enabled="yes" type="text" label="${vehicle.position_speed} / ${tracking.item.route_speed}"
 x="0" y="30" w="180" h="25" align="4" background_color="#000000cc" font_size="280"/>
<osd enabled="yes" type="navigation_next_turn"                                         
 x="320" y="30"  w="160" h="60"  background_color="#000000cc" />                      
<osd enabled="yes" type="text" label="${navigation.item[1].length[named]}"             
 x="320" y="90" w="160" h="40" align="" background_color="#000000cc" font_size="450"/>  
<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"/>




FreeRunner Layout 2

Navit-FR-OSD-POI-Firenze.png
<osd enabled="yes" type="text" label="${navigation.item.street_name} ${navigation.item[1].street_name_systematic}" 
 x="0" y="0" w="480" h="30" align="0" background_color="#000000cc" font_size="300" />
<osd enabled="yes" type="gps_status" x="430" y="0" w="65" h="30" align="0" background_color="#000000cc" font_size="300" />
<osd enabled="yes" type="navigation_next_turn"         x="165" y="30" w="150" h="60"  background_color="#000000cc" />
<osd enabled="yes" type="text" label="${navigation.item[1].length[named]}" x="165" y="90" w="150" h="40" align="" 
 background_color="#000000cc" font_size="450"/>
<osd enabled="yes" type="button" x="-55" y="-90" command="zoom_in()" src="gui_zoom_in.svg"/>
<osd enabled="yes" type="button" x="5" y="-90" command="zoom_out()" src="gui_zoom_out.svg"/>
<osd enabled="yes" type="text" label="${vehicle.position_speed}" x="120" y="-50" w="240" h="25" align="0" 
 background_color="#000000cc" font_size="280"/>
<osd enabled="yes" type="text" label="ETA:${navigation.item.destination_time[arrival]}" x="0" y="-25" w="160" h="25"
 align="4" background_color="#000000cc" font_size="350" />
<osd enabled="yes" type="text" label="TL:${navigation.item.destination_time[remaining]}" x="160" y="-25" w="160" 
 h="25" align="4" background_color="#000000cc" font_size="350" />
<osd enabled="yes" type="text" label="Dist:${navigation.item.destination_length[named]}" x="320" y="-25" w="160" 
 h="25" align="4" background_color="#000000cc" font_size="350" />





FreeRunner Layout 3

Navit-FR-OSD-POI-Firenze2.png
<osd enabled="yes" type="text" label="${navigation.item.street_name} ${navigation.item[1].street_name_systematic}" 
 x="0" y="0" w="480" h="30" align="0" background_color="#000000cc" font_size="300" />
<osd enabled="yes" type="gps_status" x="430" y="0" w="65" h="30" align="0" background_color="#000000cc" font_size="300" />
<osd enabled="yes" type="compass" align="0" font_size="350" x="0" y="30" w="150" h="100"  background_color="#000000cc" />
<osd enabled="yes" type="navigation_next_turn" x="-150" y="30" w="150" h="60"  background_color="#000000cc" />
<osd enabled="yes" type="text" label="${navigation.item[1].length[named]}" x="-150" y="90" w="150" h="40" align="0" 
 background_color="#000000cc" font_size="450"/>
<osd enabled="yes" type="button" x="-55" y="-90" command="zoom_in()" src="gui_zoom_in.svg"/>
<osd enabled="yes" type="button" x="5" y="-90" command="zoom_out()" src="gui_zoom_out.svg"/>
<osd enabled="yes" type="text" label="${vehicle.position_speed}" x="120" y="-50" w="240" h="25" align="0" 
 background_color="#000000cc" font_size="280"/>
<osd enabled="yes" type="text" label="ETA:${navigation.item.destination_time[arrival]}"
 x="0" y="-25" w="160" h="25" align="4" background_color="#000000cc" font_size="350" />
<osd enabled="yes" type="text" label="TL:${navigation.item.destination_time[remaining]}"
 x="160" y="-25" w="160" h="25" align="4" background_color="#000000cc" font_size="350" />
<osd enabled="yes" type="text" label="Dist:${navigation.item.destination_length[named]}"
 x="320" y="-25" w="160" h="25" align="4" background_color="#000000cc" font_size="350" />





FreeRunner Layout 4 (Mineque's First Wip)

Mineque OSD Layout 01.jpg
<osd enabled="yes" type="text" label="Currently On ${navigation.item.street_name} ${navigation.item[1].street_name_systematic}" 
 x="0" y="0" w="735" h="30" align="0" background_color="#a60c0fee" font_size="300" />
<osd enabled="yes" type="gps_status" x="735" y="0" w="65" h="30" align="0" background_color="#a60c0fee" font_size="300" />
<osd enabled="yes" type="text" label="ETA:${navigation.item.destination_time[arrival]}" x="0"
 y="-25" w="160" h="25" align="4" background_color="#a60c0fee" font_size="350" />
<osd enabled="yes" type="text" label="TL:${navigation.item.destination_time[remaining]}" x="160"
 y="-25" w="160" h="25"align="4" background_color="#a60c0fee" font_size="350" />
<osd enabled="yes" type="text" label="Dist:${navigation.item.destination_length[named]}" x="320"
 y="-25" w="170" h="25" align="4" background_color="#a60c0fee" font_size="350" />
<osd enabled="yes" type="text" label="${vehicle.position_speed} / ${tracking.item.route_speed}"
 x="490" y="-25" w="150" h="25" align="4" background_color="#a60c0fee" font_size="280"/>
<osd enabled="yes" type="text" label="${navigation.item[1].length[named]}" x="640" y="-30" w="160" 
 h="30" background_color="#a60c0fee" font_size="500"/>
<osd enabled="yes" type="navigation_next_turn" x="640" y="-80"  w="160" h="50" background_color="#a60c0fee" /> 
<osd enabled="yes"  type="button" x="5" y="30" command="gui.fullscreen()" src="gui_fullscreen.svg"/> 
<osd enabled="no"  type="button" x="300" y="100" command="gui.menu()" src="menu.xpm"/>
<osd enabled="yes"  type="button" x="5" y="475" command="zoom_in()" src="gui_zoom_in.svg"/>
<osd enabled="yes"  type="button" x="590" y="475" command="zoom_out()" src="gui_zoom_out.svg"/>



FreeRunner Layout 5 (Mineque's OSD 001)

Mineque OSD Layout 02.jpg

Note! You will need these two images in order for this skin to work:

For more detailed instructions on how to use this skin refer to here.

<osd enabled="yes" type="text" label="Currently On ${navigation.item.street_name} ${navigation.item[1].street_name_systematic}" 
 x="0" y="0" w="735" h="30" align="1" background_color="#a60c0f00]" font_size="300" src="gui_fullscreen.svg" />
<osd enabled="yes" type="gps_status" x="735" y="0" w="65" h="30" align="0" background_color="#a60c0f00" font_size="300" />
<osd enabled="yes" type="text" label="ETA:${navigation.item.destination_time[arrival]}" x="0" y="-25" w="160" h="25" align="4" 
 background_color="#a60c0f01" font_size="350" />
<osd enabled="yes" type="text" label="TL:${navigation.item.destination_time[remaining]}" x="160" y="-25" w="160" h="25"align="4" 
 background_color="#a60c0f00" font_size="350" />
<osd enabled="yes" type="text" label="Dist:${navigation.item.destination_length[named]}" x="320" y="-25" w="170" h="25" align="4" 
 background_color="#a60c0f00" font_size="350" />
<osd enabled="yes" type="text" label="${vehicle.position_speed} / ${tracking.item.route_speed}" x="490" y="-25" w="150" h="25" align="4" 
 background_color="#a60c0f00" font_size="280"/>
<osd enabled="yes" type="text" label="${navigation.item[1].length[named]}" x="640" y="-30" w="160" h="30" background_color="#a60c0f00" 
 font_size="500"/>
<osd enabled="yes" type="navigation_next_turn" x="640" y="-80"  w="160" h="50" background_color="#a60c0f00" /> 
<osd enabled="yes" type="button" x="0" y="-85" w="800" h="85" command="" src="/home/mineque/.navit/skins/Mineque_001/M_001_01.png" />
<osd enabled="yes" type="button" x="0" y="0" w="800" h="35" command="" src="/home/mineque/.navit/skins/Mineque_001/M_001_02.png" />              
<osd enabled="yes"  type="button" x="5" y="30" command="gui.fullscreen()" src="gui_fullscreen.svg"/> 
<osd enabled="yes"  type="button" x="5" y="475" command="zoom_in()" src="gui_zoom_in.svg"/>
<osd enabled="yes"  type="button" x="590" y="475" command="zoom_out()" src="gui_zoom_out.svg"/> 

FreeRunner Layout 6 (Mineque's OSD 002)

Mineque 003.jpg

Note! You will need these two images in order for this skin to work:

For more detailed instructions on how to use this skin refer to here.

<osd enabled="yes" type="text" label="Currently On ${navigation.item.street_name} ${navigation.item[1].street_name_systematic}" 
 x="0" y="0" w="735" h="35" align="16" background_color="#a60c0f00" font_size="430" src="gui_fullscreen.svg" />
<osd enabled="yes" type="gps_status" x="735" y="0" w="65" h="30" align="0" background_color="#a60c0f00" font_size="300" />
<osd enabled="yes" type="text" label="ETA:${navigation.item.destination_time[arrival]}" x="50" y="-100" w="275" h="70" align="4" 
 background_color="#a60c0f01" font_size="500" />
<osd enabled="yes" type="text" label="TL:${navigation.item.destination_time[remaining]}" x="475" y="-100" w="275" h="70"align="4" 
 background_color="#a60c0f00" font_size="500" />
<osd enabled="yes" type="text" label="Dist:${navigation.item.destination_length[named]}" x="50" y="-60" w="275" h="70" align="4" 
 background_color="#a60c0f00" font_size="500" />
<osd enabled="yes" type="text" label="${vehicle.position_speed} / ${tracking.item.route_speed}" x="475" y="-60" w="275" h="70" align="4" 
 background_color="#a60c0f00" font_size="500"/>
<osd enabled="yes" type="text" label="${navigation.item[1].length[named]}" x="325" y="-40" w="150" h="40" align="0" 
 background_color="#a60c0f00" font_size="500"/>
<osd enabled="yes" type="navigation_next_turn" x="325" y="-135"  w="150" h="100" align="15" background_color="#a60c0f00" /> 
<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" />                  
<osd enabled="yes"  type="button" x="5" y="35" command="gui.fullscreen()" src="gui_fullscreen.svg"/> 
<osd enabled="no"  type="button" x="300" y="100" command="gui.menu()" src="menu.xpm"/>
<osd enabled="yes"  type="button" x="5" y="475" command="zoom_in()" src="gui_zoom_in.svg"/>
<osd enabled="yes"  type="button" x="-53" y="475" command="zoom_out()" src="gui_zoom_out.svg"/>