Home » What is an Image Strip?

What is an Image Strip?

If you are a developper, you most likely use toolbars in your applications. every command AN exceedingly|in a very} toolbars is described by a button containing an icon. after you produce your toolbar, additionally to making the buttons, you want to populate it with the pictures you would like to accompany every button. this can be done through Image Lists objects (read additional concerning Image Lists). initial you want to produce and populate a picture List, then associate it to the toolbar. Note that trendy UI SDKs and developement libraries like MFC allow associating the pictures on to the toolbars. the pictures Lists ar created in background, thus you do not have to be compelled to manage this.

To populate the toolbars, you’ll be able to add every image associate degree individual basis} from an icon file (ICO format), however this can be not counseled. Instead, it’s abundant easier to use a large picture containing many pictures placed side-by-side. That way, all the pictures ar value-added mechanically in one single operation. This image is named associate “Image Strip” or “Bitmap Strip”:

image strip

Image lists support image strips in numerous color dephs: four BPP (16 colors), eight BPP (256 indexed colors), twenty four BPP (RGB true color) and thirty two BPP (RGB true color with alpha channel). In thirty two BPP pictures, the transparency is natively coded within the alpha channel. It permits making nice toolbars with swish edges and shadows.

For color depths twenty four BPP or less, the transparency is coded by employing a fastened color. every picture element that have this precise color are regenerate as clear once the image is loaded within the toolbar. Usually, the colour used could be a flashy inexperienced RGB(0,255,0) or magenta RGB(255,0,255). the matter of this technique is that if you employ a picture element of that colour in your icon image (not the background), it’ll be regenerate as clear. the opposite issue is that the poor quality of the borders (around the icons) as a result of it doesn’t allow swish transparency. In alternative words, a picture element is either 100 percent clear or 100 percent opaque, there’s no variable transparency. It ends up in “aliasing” on borders for icons with rounded shapes.

All icons in a picture strip have constant size and therefore the same color depth. If you would like to incorporate a pair of sizes of icons Associate in Nursing example} in an application, you want to produce a pair of totally different image strips. trendy applications, as well as those with the new Ribbon toolbar, need many image strips with {different|totally totally different|completely different} sizes and different color depths.

Once the image strip is formed and enforced in your computer code project here is that the result that you just get:

How image strips are handled by IconWorkshop?

When you open a picture strip in IconWorkshop, it’s mechanically detected Associate in Nursingd opened in an editor window. The image strip is just about “cut” and every image is placed one by one in an exceedingly list at the highest of the editor window. See below however the various pictures seem within the list:

As you’ll be able to see, the pictures area unit indexed from zero. This has been intentionaly done to be compatible with the means pictures area unit indexed in supply codes. From here, the procedure is sort of straightforward. you choose the image and work on that within the editor space below. you’ll be able to conjointly copy/paste pictures within the list, add/remove pictures, use drag & drop to vary image order and additional.

When done, simply save the document. All the pictures area unit assembled along to remake the image strip. File formats for image strips area unit BMP and PNG.

How transparency in image strips is handled by IconWorkshop?

In thirty two BPP (RGB/A) pictures, the transparency is coded within the alpha channel and saved within the image itself.

As we tend to mentioned higher than, for twenty-four BPP or less color depths the transparency is coded by a particular color. IconWorkshop mechanically sight this color and show the icons with a true transparency. you do not see the Red or Magenta color as coded within the image striup. Instead you see the checkerboard texture that indicates that this is often a clear zone.

When you save the strip image, the initial color is applied back within the image. Note that in the edition, you’ll be able to modification the clear color of the strip image.

Share and Enjoy

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

2011 ©