<< Chapter < Page Chapter >> Page >

Listing 7 also signals the end of the class and the end of the program.

Run the program

I encourage you to run this program from the web. Then copy the code from Listing 8 through Listing 10. Use that code to create an ActionScriptproject and a Flex project. Compile and run the projects. Experiment with the code, making changes, and observing the results of your changes.Make certain that you can explain why your changes behave as they do.

Resources

I will publish a list containing links to ActionScript resources as a separate document. Search for ActionScript Resources in the Connexions searchbox.

Complete program listings

Complete listings of the source code for the two programs discussed in this lesson are provided below.

Source code for the program named bitmap03.

/********************************************************* * Bitmap03 11/29/09* Can be run as an ActionScript project. However, some * changes are required to convert it to a Flex project.* * For some reason, the size and position of the 100x100* pixel red square depends on the size and the height to * width ration of the browser window.*********************************************************/ package {import flash.display.Sprite import flash.display.Bitmap;import flash.display.BitmapData;public class Bitmap03 extends Sprite { public function Bitmap03(){//Create a BitmapData object with a red opaque // background.var bitmapData:BitmapData = new BitmapData(100, 100, false, 0xFF0000);//Draw a yellow cross on the backgroundvar yellow:uint = 0xFFFF00; for(var cnt:uint = 0; cnt<100; cnt++){ bitmapData.setPixel(cnt, cnt, yellow);bitmapData.setPixel(100 - cnt, cnt, yellow); } //end for loop//Encapsulate the bitmap data into a new Bitmap// object and add it to the display. For some // reason, the red square displays as 50x50 instead// of 100x100. var bitmapObj:Bitmap = new Bitmap(bitmapData);addChild(bitmapObj); } //end constructor} //end class } //end package

Mxml code for the program named bitmap04.

<?xml version="1.0" encoding="utf-8"?><!--Bitmap04 --><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"xmlns:cc="CustomClasses.*"><cc:Driver/></mx:Application>

Source code for the driver class in the program named bitmap04.

/********************************************************* * Bitmap04 11/29/09* This is an update to Bitmap03 to make it possible to * compile and run it as a Flex project. Unlike Bitmap03* the red square produced by this program displays at the * correct size of 100x100 pixels.*********************************************************/ package CustomClasses{import mx.containers.VBox; import flash.display.Bitmap;import flash.display.BitmapData; import mx.core.UIComponent;public class Driver extends VBox{//Note that this class extends Sprite, nothing shows // on the display. Therefore it extends VBox instead.public function Driver(){ //Prepare the display area. This is window dressing.setStyle("backgroundAlpha",1.0); setStyle("backgroundColor",0x00FFFF);width = 150; height = 150;//Create a BitmapData object with a red opaque// background. var bitmapData:BitmapData =new BitmapData(100, 100, false, 0xFF0000);//Draw a yellow cross on the background var yellow:uint = 0xFFFF00;for(var cnt:uint = 0; cnt<100; cnt++){ bitmapData.setPixel(cnt, cnt, yellow);bitmapData.setPixel(100 - cnt, cnt, yellow); } //end for loop//Encapsulate the bitmap data into a new Bitmap// object and add it to the display.var bitmapObj:Bitmap = new Bitmap(bitmapData);//The following is necessary because the Bitmap // class is not a subclass of UIComponent.var uiComponent:UIComponent = new UIComponent(); uiComponent.addChild(bitmapObj);addChild(uiComponent); } //end constructor} //end class } //end package

Miscellaneous

This section contains a variety of miscellaneous materials.

Housekeeping material
  • Module name: Bitmap Basics
  • Files:
    • ActionScript0130\ActionScript0130.htm
    • ActionScript0130\Connexions\ActionScriptXhtml0130.htm
PDF disclaimer: Although the Connexions site makes it possible for you to download a PDF file for thismodule at no charge, and also makes it possible for you to purchase a pre-printed version of the PDF file, you should beaware that some of the HTML elements in this module may not translate well into PDF.

-end-

Get Jobilize Job Search Mobile App in your pocket Now!

Get it on Google Play Download on the App Store Now




Source:  OpenStax, Object-oriented programming (oop) with actionscript. OpenStax CNX. Jun 04, 2010 Download for free at http://cnx.org/content/col11202/1.19
Google Play and the Google Play logo are trademarks of Google Inc.

Notification Switch

Would you like to follow the 'Object-oriented programming (oop) with actionscript' conversation and receive update notifications?

Ask