The Bitmap Editor Application

Tutorials > Application Framework > The Bitmap Editor Application

This tutorial shows you how to create the Bitmap Editor application based on the Application Framework package of Views. It recreates the basic features of well-known bitmap editors. You will learn how to use the Application Framework Wizard to configure the user interface of the Bitmap Editor and how to use the API to take advantage of the Document/View architecture.

The code for this tutorial is located under the ILVHOME/doc/tutorials/appframe/bitmaped directory, where ILVHOME is the root directory where Views was installed.

The main features of this Bitmap Editor are:

Reading bitmaps (PNG, BMP, JPEG, and JPEG 2000 files)

Creating new bitmaps

Writing bitmaps (PNG, BMP, and JPEG files)

Modifying bitmaps using drawing commands

Undo and redo of drawing commands

Bitmap manipulation—zooming and unzooming features

Document/View architecture—this feature makes it possible to get several different views of the same document. Modifications made in a view are handled by the document, which then notifies all views pointing to it of the last modifications carried out.

The final application when completed looks like this:

The Final Bitmap Editor Application

This tutorial has five steps:

Step 1: Generating the Base Files With the Wizard

Step 2: Implementing the Document and the View

Step 3: Modifying and Saving a Bitmap

Step 4: Inserting Dialogs Done with Views Studio

Step 5: Adding Zoom Commands

Published date: 05/24/2022

Last modified date: 02/24/2022