main page

Tutorial 2

This example will make a "skin" of a purple circle with the ability to resize.

Breaking down the example.

[MainWindow]	Definition of the containing window. This does not have graphics of its own.
Class=MainWindow	Each window must define its class. Its class defines its possible behaviors. There can only be one class of MainWindow.
MinWidth=100 MinHeight=100	This defines the starting size of the skinned window as well as the minimum size of any resizable windows.
Window1.Name=SimpleTile	This is the start of a definition of a child window. The name binds the specific child definition to the template defined later in the .ini file
ResizeX=100 ResizeY=100	The main window is resizable. Anything besides 100% on the main window does'nt make sense
ColorGroup.BGColor=RGBA(-20,-20,100,0)	This defines a ColorGroup called "BGColor". This color group will be used to adjust the values of a .gif file so think of the values as relative.
Window1.Name=SimpleTile	This is the start of a definition of a child window. The name binds the specific child definition to the template defined later in the .ini file
Window1.X=0 Window1.Y=0	This sets the child window's position relative to its owner. In this case the owner is the MainWindow.
Window1.ResizeX=100 Window1.ResizeY=100	This tells the "SimpleTile" that it will be assigned 100% of the width and height of its parent.
Window2.Name=ResizeBox	This is the start of a definition of the second child window. The name binds the specific child definition to the template defined later in the .ini file
Window2.X=0 Window2.Y=0	This sets the child window's position relative to its owner. In this case the owner is the MainWindow.
Window2.JustX=RIGHT Window2.JustY=BOTTOM	This sets the justification to orient the "ResizeBox" to the lower right corner of the parent.
[SimpleTile]	The start of the template definition for SimpleTile.
Class=Menu	"Tile" is the most basic class. "Menu" is used when we want the tile to trigger a menu popup,
MinWidth=100 MinHeight=100	Set the minimum width and height to the size of the circle corners added together.
Graphics.ColorGroup=BGColor	Assign a color adjustment to the default Graphics group.
Graphics.topleft=circle_ul.gif Graphics.topright=circle_ur.gif Graphics.bottomleft=circle_ll.gif Graphics.bottomright=circle_lr.gif Graphics.left=circle_middle.gif Graphics.top=circle_middle.gif Graphics.right=circle_middle.gif Graphics.bottom=circle_middle.gif Graphics.left=circle_middle.gif Graphics.middle=circle_middle.gif	This window is resizable in the vertical and horizontal directions. The corner graphics are drawn once in their respective locations. The top, left, right and bottom graphics are tiled to fill in the distance not covered by the corners. The middle graphic is tiled to fill in the middle of the window.
Action.rbtndown=MenuTool	Actions will be listed later. "rbtndown" is the trigger for the invocation of the"MenuTool". That will send the message to open the Tools Menu.
Action.lbtndown=AppDragWindow	"lbtndown" is the trigger for the invocation of "AppDragWindow". This allows click and dragging the window.
[ResizeBox]	The start of the template definition for ResizeBox.
Class=Tile	"Tile" is the simplest of classes.
MinWidth=50 MinHeight=50	Set the minimum width and height to the size one corner of the circle. This is an arbitrary size and is used to exaggerate the resize box.
Cursor=ResizeNWSE	When the mouse is over a tile it will set the cursor to the ResizeNWSE standard Windows(tm) icon.
Action.lbtndown=ResizeBR	When the left mouse button is pressed it will trigger a resize of the window.

This should demonstrate resizable windows and how the Graphics object grows more complex in order to stretch properly.

main page