Difference between revisions of "OSD Layouts"

From Navit's Wiki
Jump to: navigation, search
(Added instructions for Mineque's skins from OSD page)
Line 171: Line 171:
 
==PC Layouts==
 
==PC Layouts==
  
===PC (Mineque's First Wip) Layout 1 ===
+
===Mineque's PC layouts===
 +
Thoose skins fits only screens with 800px width.<br />
 +
 
 +
Create dir ".navit/skins/" in your home dir and unpack there skin.<br />
 +
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 <i>src="..."</i> to one will fits your user dirname. <br />
 +
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 First Wip Layout====
 
[[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 192: 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"/>
  
===PC (Mineque's OSD 001) Layout 2 ===
+
====Mineque's OSD 001 Layout====
 
[[Image:Mineque_OSD_Layout_02.jpg|400px]]
 
[[Image:Mineque_OSD_Layout_02.jpg|400px]]
  
Line 219: Line 242:
 
  <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"/>  
  
===PC (Mineque's OSD 003) Layout 3===
+
====Mineque's OSD 003 Layout====
 
[[Image:Mineque_003.jpg|400px]]
 
[[Image:Mineque_003.jpg|400px]]
  

Revision as of 22:12, 21 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.

Notes

  • 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.

Tip

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.

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

Mineque's PC layouts

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 First Wip Layout

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

Mineque's OSD 001 Layout

Mineque OSD Layout 02.jpg

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

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

Mineque's OSD 003 Layout

Mineque 003.jpg

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

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