STIXE Multi-Grid Slice

From TrillWiki

[edit] Slicing a Bitmap with VxSlice and HxSlice

While the 9-Grid Slice method can handle a resizable element, bitmaps designed to hold multiple buttons of irregular sizes, such as Min Max Close.png and Scrollbar.png, are handled by the Multi-Grid Slice method.

The Grid is specified with V (Vertical) or H (Horizontal) 1, 2, 3... Slices, as shown in the simple portion of code for Scrollbar.png below:

<!ENTITY % inibmpScrollBar-V1Slice	'0'>
<!ENTITY % inibmpScrollBar-V2Slice	'14'>
<!ENTITY % inibmpScrollBar-V3Slice	'28'>
<!ENTITY % inibmpScrollBar-V4Slice	'42'>

<!ENTITY % inibmpScrollBar-H1Slice	'0'>
<!ENTITY % inibmpScrollBar-H2Slice	'4'>
<!ENTITY % inibmpScrollBar-H3Slice	'12'>
<!ENTITY % inibmpScrollBar-H4Slice	'16'>
<!ENTITY % inibmpScrollBar-H5Slice	'32'>
<!ENTITY % inibmpScrollBar-H6Slice	'48'>
<!ENTITY % inibmpScrollBar-H7Slice	'64'>

The VxSlice entities slice the bitmap vertically, in pixels counted from the left edge of the bitmap.

The HxSlice entities slice the bitmap horizontally, in pixels counted from the top edge of the bitmap.

Trillian will then be able know which part of the bitmap she should use for each button. For the Scrollbar.png example, here are the results, according to the code supplied above:

Each bitmap have its own pre-arrangement of how each slice corresponds to a function, please check out their pages for more information.