Difference between revisions of "Foobar2000:Title Bar (dotnet title bar)"

From Hydrogenaudio Knowledgebase
Jump to: navigation, search
(absolute)
Line 79: Line 79:
 
[[Image:Foo title7.png]]
 
[[Image:Foo title7.png]]
  
== Graphic Elements ==
+
== Contents ==
 +
=== Graphic Elements ===
  
== Text Elements ==
+
=== Text Elements ===
  
== Buttons ==
+
=== Buttons ===
  
== Examples ==
+
=== Examples ===
  
 
== Links ==
 
== Links ==

Revision as of 01:18, 20 July 2006

Description, Requirements

Foo_title is a plugin created to have a little titlebar available even when foobar is minimized. You can create and share your foo_title skins.

It requires .NET framework 2.0 to work and the syntax for skins in in .xml Supported image formats are those supported by the .NET framework - that is bmp, jpg, .png (for transparent images) and perhaps more.

Screenshots

First skin

Second skin

Second skin

Header

You must start your skin with a header like this one:

<?xml version="1.0" encoding="utf-8"?>
<skin
   author="Name of the Author"
   name="Name of the skin"
   width="width in pixel"
   height="Height in pixel">

The size of the skin can be overstepped as the size is adjusted automatically.

Layer

A layer is an element a kind of container. You can nest (imbricate) layers

The global structure of layers is as following:

   <layer name="name of the layer" type="type of content for the layer">
       <geometry type="Geometry type">
           Informations related to Geometry Type
       </geometry>
       <contents>
           Information related to the type of content for the layer
       </contents>
       '
  </layer>

Geometry type

The are two type: full and absolute.

full

<geometry type="full">
    <padding left="32" top="8" right="32" bottom="8" />
</geometry>

All sizes are in pixel.

The full type is useful for resizement. You only have to show the padding (space between the border and the layer).

Foo title4.png ==> Foo title5.png

The only thing important is padding (the blue area), not the size of the yellow element itself (But you are describing the yellow element)

absolute

<geometry type="absolute">
    <size x="78" y="78" />
    <position x="0" y="0" align="left" />
</geometry>

All sizes are in pixel

Here, you will have to indicate not only the size of your element but also its position.

Alignment is also important, if you want the x value to indicate padding from the right, use align="right".

Resizing the window won't change the placement or the size of each "absolute" element.

Examples:

<geometry type="absolute">
    <size x="78" y="78" />
    <position x="13" y="1" align="left" />
</geometry>

Foo title6.png

<geometry type="absolute">
    <size x="170" y="78" />
    <position x="13" y="1" align="right" />
</geometry>

Foo title7.png

Contents

Graphic Elements

Text Elements

Buttons

Examples

Links

Official Documentation

Official topic

Get foo_title skins

Go back to the components page