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

From Hydrogenaudio Knowledgebase
Line 41: Line 41:


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



Revision as of 18:31, 18 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).

==>

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

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"

Graphic Elements

Text Elements

Buttons

Examples

Links

Official Documentation

Official topic

Get foo_title skins

Go back to the components page