Difference between revisions of "OSD development guide"
m (→Timeformat Container: Style update)
m (→Fadeaway Container: Style update)
|Line 17:||Line 17:|
=== Fadeaway Container ===
=== Fadeaway Container ===
Similar to timeformat, this container only has one value which is the number of
Similar to timeformat, this container only has one value which is the number of it should take for a display element to be faded to 100% transparency it is being removed from the screen.
=== Font Container ===
=== Font Container ===
Revision as of 13:38, 13 June 2007
MythTV supports theming of the On Screen Display (OSD) items used when watching Live TV or recordings. This theme development guide covers the steps necessary to develop your own look-and-feel for the OSD.
- 1 Technical Details
- 2 List of Containers
- 2.1 Timeformat Container
- 2.2 Fadeaway Container
- 2.3 Font Container
- 2.4 Program Info Container
- 2.5 Channel Number Container
- 2.6 Browse Info Container
- 2.7 Status Container
- 2.8 Notify CID Info Container
- 2.9 Notify Alert Text Container
- 2.10 Editmode Container
- 2.11 Settings Container
- 2.12 Base Dialog Container
- 2.13 News Scroller Container
- 2.14 Menu Container
- 2.15 Channel Editor Container
All x,y coordinates used in OSD themes are based on a grid of 640x480. In contrast to the menu themes, which use 800x600 for 4:3 displays and 1280x720 for 16:9 (widescreen), the grid used for OSD elements stays the same regardless of the actual aspect-ratio of the display being used. (this last bit is merely an assumption I'm making--edit if it's wrong)
OSD themes can be put in a subdirectory of their own under the themes directory (typically "/usr/share/mythtv/themes") or they may reside in the same directory as the other theme files of a set. Since there is no difference in the was OSD themes are handled based on the aspect ratio, there is no need to add "-widescreen" to the end of the directory name. OSD themes are stored in a file named simply "osd.xml".
List of Containers
OSD themes are XML documents with the top-level container being named "mythtvosdtheme". Within the mythtvosdtheme container, there are a number of other container types that can be used.
This is a container with only one thing inside, namely the format string to be used for displaying the time in the display for the elements that show the time. If you use the special token FROMSETTINGS, MythTV will use the time format specified in General settings.
Similar to timeformat, this container only has one value which is the number of milliseconds it should take for a display element to be faded to 100% transparency while it is being removed from the screen.
Warning! The font declarations for osd.xml are very different from the font declarations used in the other types of themes--read this section carefully.
As with all the other types of themes, you will need to declare named fonts for use for any text elements in the display. A font declaration looks something like the following:
<font name="infofont"> <filename>Vera.ttf</filename> <size>48</size> <size:small>32</size:small> <size:large>48</size:big> <color> <normal>#F7862B</normal> <outline>#101010</outline> </color> <outline>yes</outline> <shadow>2,3</shadow> </font>
The font tag has the following attributes:
|name||Y||The internal name for the font. i.e. "MyFont"|
|size||Y||The size of the font (in points).|
|size:small||N||The size of the font (in points) when using small fonts.|
|size:big||N||The size of the font (in points) when using large fonts.|
|shadow||N||The offset for the drop shadow, orientated on the top left corner. Negative values are allowed.|
|color||N||The container for the elements that define the color of various parts of the font glyphs.|
|outline||N||Whether or not the font glyphs should be drawn with an outline.|
- It is unknown what effect (if any) the integer being supplied to color in the osd themes that ship with MythTV has. It would be nice if it were setting an alpha-transparency level, but the source code doesn't appear to use it for anything. Setting it to anything but an integer at the moment seems to break that particular font declaration.
The color element can contain any of the three following elements to control the colors of various parts of the glyphs being drawn.
|normal||N||The color of the "normal" part of the font.|
|outline||N||The color of the outline drawn around the font glyphs.|
|shadow||N||The color of the dropshadow (if any) used for the font glyphs.|
- How the size of the outline is specified, I have no idea at all about.
- It is unknown if there is any way to specify additional font faces within a ttf file to make use of bold, italics and underline typefaces.
- It's important to provide all three sizes of fonts. What might be perfect for you, may be too big/small for someone else.
Program Info Container
The program info container shows any information available about the content currently being watched, including the name, number, and icon of the channel, the name of the program being watched, and it's description.
Channel Number Container
The channel number container is merely a widget that displays the channel number as the user enters it to change the channel.
Browse Info Container
The status container shows the current position information for the recording.
It allows the following elements:
- slidertext - Position info in text form e.g. 1:24 of 2:01
- extendedslidertext - Extends the position info with time remaining e.g. (0:37 minutes remaining)
- statusslider - Displays a fill type position bar or slider
- statusposition - Another slider? Maybe allows you to overlay a position marker on statusslider?
- progbefore - In livetv allows you to display an image indicating a programme exists before in the livetv chain
- progbefore - In livetv allows you to display an image indicating a programme exists after in the livetv chain