Difference between revisions of "OSD Layouts"

From Navit's Wiki
Jump to: navigation, search
Line 161: Line 161:
 
   x="320" y="-25" w="160" h="25" align="4" background_color="#000000cc" font_size="350" />
 
   x="320" y="-25" w="160" h="25" align="4" background_color="#000000cc" font_size="350" />
  
===FreeRunner Layout 4 (Mineque's First Wip)===
+
 
 +
==PC Layouts==
 +
 
 +
===PC (Mineque's First Wip) Layout 1 ===
 
[[Image:Mineque_OSD_Layout_01.jpg|400px]]
 
[[Image:Mineque_OSD_Layout_01.jpg|400px]]
 
  <osd enabled="yes" type="text" label="Currently On ${navigation.item.street_name} ${navigation.item[1].street_name_systematic}"  
 
  <osd enabled="yes" type="text" label="Currently On ${navigation.item.street_name} ${navigation.item[1].street_name_systematic}"  
Line 182: Line 185:
 
  <osd enabled="yes"  type="button" x="590" y="475" command="zoom_out()" src="gui_zoom_out.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)===
+
===PC (Mineque's OSD 001) Layout 2 ===
 
[[Image:Mineque_OSD_Layout_02.jpg|400px]]
 
[[Image:Mineque_OSD_Layout_02.jpg|400px]]
  
Line 212: Line 215:
 
  <osd enabled="yes"  type="button" x="590" y="475" command="zoom_out()" src="gui_zoom_out.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)===
+
===PC (Mineque's OSD 002) Layout 3===
 
[[Image:Mineque_003.jpg|400px]]
 
[[Image:Mineque_003.jpg|400px]]
  

Revision as of 16:43, 20 June 2009

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" />


PC Layouts

PC (Mineque's First Wip) Layout 1

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"/>

PC (Mineque's OSD 001) Layout 2

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"/> 

PC (Mineque's OSD 002) Layout 3

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"/>