TweetFollow Us on Twitter

Blinking Letters 2
Volume Number:12
Issue Number:9
Column Tag:Getting Started

The Peter Lewis Applet, After

By Dave Mark

Note: Source code files accompanying article are located on MacTech CD-ROM or source code disks.

Last month, we went through the first version of my color blinking text applet. As I told you then, I showed the applet to Peter Lewis (he of Anarchie and other cool Internet software fame) and he rewrote it. This month, we’ll take a look at Peter’s rewrite. As you read through Peter’s code, bear this in mind. This applet definitely is not the only way to do things. Far more importantly, this version of CWBlink introduces a number of important Java topics, all of which you should learn about and eventually master. We’ll aim to cover each topic in more detail in the coming months. For now, just enjoy.

The New CWBlink Project

The new version of CWBlink extends last month’s example with a pushbutton that adds the ability to turn blinking on and off, and also offers a convenient, well-defined place to drop into your debugger. Figure 1 shows CWBlink with color blinking turned on.

The new CWBlink project is based on two Java source files instead of one. The first file, CWBlink.java, contains the heart of the applet, and is divided into two classes. The class CWBlink extends java.applet.Applet, and is the applet itself. The class BlinkingText extends the Canvas class (a generic drawing component class), implements the Runnable interface (which means it can be a thread - see last month’s column), and defines a generic blinking text object. The CWBlink class creates and starts the BlinkingText object.

The second file, AppletFrame.java, is needed only if you want your applet to run standalone, replacing the applet frame with your own frame. This source file is definitely worth understanding. We’ll start off by listing both source code files (along with the associated HTML file), then cover the highlights of each file.

Figure 1. The CWBlink applet with color blinking turned on

If you like the experience of creating your project from scratch (as I do), launch CodeWarrior, create a new project using the Java Applet stationery, then create three new source code files. Here’s the source code for CWBlink.java:

package com.metrowerks.example.CWBlink;

import java.awt.*;

public class CWBlink extends java.applet.Applet
{
 private Button blinkButton;
 private BlinkingText blinkText;

 public String getParameter(String name)
 {
 String result = null;
 
 try
 {
 result = super.getParameter(name);
 }
 catch ( Exception e )
 {
 result = null;
 }
 
 return result;
 }

 public void init()
 {
 Panel tempPanel;
 
 String att = getParameter("speed");
 int speed = (att == null) ?
 500 : (1000 / Integer.valueOf(att).intValue());
 
 setLayout( new BorderLayout() );

 att = getParameter("blinker");
 String blinkString = (att == null) ?
 "CodeWarrior!!!" : att;
 
 blinkButton = new Button( "Blink" );
 
 tempPanel = new Panel();
 tempPanel.add( blinkButton );
 this.add( "North", tempPanel );
 
 blinkText = new BlinkingText( blinkString, speed );
 
 tempPanel = new Panel();
 tempPanel.add( blinkText );
 this.add( "Center", tempPanel );
 
 resize( 570, 170 );
 }
 
 public void start()
 {
 blinkText.start();
 }
 
 public void stop()
 {
 blinkText.stop();
 }
 
 public boolean action(Event evt, Object arg)
 {
 if ( "Blink".equals(arg) )
 {
 blinkText.ToggleBlinking();
 }
 return true;
 }
 
 public static void main(String args[])
 {
 com.metrowerks.AppletFrame.startApplet(
 "com.metrowerks.example.CWBlink.CWBlink",
 "Blink", args);
 }
}


class BlinkingText extends Canvas implements Runnable
{
 private Thread blinkThread = null;
 private String blinkString;
 private Font font;
 private int speed;
 private boolean isBlinking = false;
 private Color[] letters;
 private boolean[] is_black;
 private int current_letter = 0;
 private int old_width, old_height;
 
 private Color RandomColor()
 {
 int red, green, blue;
 
 do {
 red = (int)(Math.random() * 256);
 } while ( red > 0x8000 );
 
 do {
 green = (int)(Math.random() * 256);
 } while ( green > 0x8000 );
 
 do {
 blue = (int)(Math.random() * 256);
 } while ( blue > 0x8000 );
 
 return new java.awt.Color( red, green, blue );
 }
 
 public BlinkingText( String blinkString, int speed )
 {
 this.blinkString = blinkString;
 this.speed = speed / blinkString.length();
 this.font = new java.awt.Font( "TimesRoman",
 Font.PLAIN, 64 );
 this.letters = new Color[blinkString.length()];
 this.is_black = new boolean[blinkString.length()];
 
 for ( int i = 0; i < letters.length; i++ )
 {
 letters[i] = RandomColor();
 is_black[i] = true;
 }
 resize( 530, 70 );
 repaint();
 }
 
 public synchronized void ToggleBlinking()
 {
 isBlinking = ! isBlinking;
 notify();
 }
 
 public synchronized void PaintLetter( int the_letter )
 {
 Rectangle b = bounds();
 int width = b.width;
 int height = b.height;
 Graphics g = getGraphics();
 
 if ( old_width == width && old_height == height )
 {
 int x = 0;
 int y = height;

 g.setFont(font);
 FontMetrics fm = g.getFontMetrics();
 
 for (int index=0; index<the_letter; index++ )
 {
 int w = fm.charWidth(blinkString.charAt(index));
 x += w;
 }
 
 int w = fm.charWidth(blinkString.charAt(the_letter));
 g.setColor( isBlinking ? 
 letters[the_letter] : Color.black );
 g.clearRect( x, 0, w, height );
 g.drawString( blinkString.substring( 
 the_letter,the_letter+1), x, y );

 is_black[the_letter] = !isBlinking;
 }
 else
 {
 paint( g );
 }
 }
 
 public synchronized void paint(Graphics g)
 {
 Rectangle b = bounds();
 int width = b.width;
 int height = b.height;
 old_width = width;
 old_height = height;
 int x = 0;
 int y = height;

 g.setColor(Color.black);
 g.setFont(font);
 FontMetrics fm = g.getFontMetrics();
 
 g.clearRect( 0, 0, width, height );
 if ( isBlinking )
 {
 for (int index=0; index<blinkString.length();
 index++ )
 {
 int w = fm.charWidth(blinkString.charAt(index));
 
 g.setColor( letters[index] );
 
 g.drawString(
 blinkString.substring(index,index+1), x, y);
 x += w;
 }
 }
 else
 {
 g.drawString(blinkString, x, y );
 }
 
 for ( int index=0; index<blinkString.length(); index++ )
 {
 is_black[index] = !isBlinking;
 }
 }

 public void start()
 {
 stop();
 blinkThread = new Thread(this);
 blinkThread.start();
 }
 
 public void stop()
 {
 if ( blinkThread != null )
 {
 blinkThread.stop();
 blinkThread = null;
 }
 }
 
 public void run()
 {
 while (true)
 {
 synchronized ( this )
 {
 try
 {
 wait( 1 );
 }
 catch (Exception e)
 {
 }
 
 if ( isBlinking || !is_black[current_letter] )
 {
 if ( isBlinking )
 {
 letters[current_letter] = RandomColor();
 }
 PaintLetter( current_letter );
 }
 current_letter++;
 if ( current_letter >= blinkString.length() )
 {
 current_letter = 0;
 }
 }
 }
 }
 
 public void finalize()
 {
 stop();
 }
}

Save the source code as CWBlink.java and add it to the project. Next up, here’s the code for AppleFrame.java:

package com.metrowerks;

import java.awt.*;
import java.applet.Applet;

public class AppletFrame extends Frame
{
 public static void startApplet( String className,
 String title, String args[])
 {
 Applet a;
 Dimension appletSize;

 try {
 a = (Applet)
 Class.forName(className).newInstance();
 } catch (ClassNotFoundException e) {
 return;
 } catch (InstantiationException e) {
 return;
 } catch (IllegalAccessException e) {
 return;
 }

 a.init();
 a.start();
 
 AppletFrame f = new AppletFrame(title);
 
 f.add("Center", a);
 
 appletSize =  a.size();
 f.pack();
 f.resize(appletSize);
 f.show();
 
 }

 public AppletFrame(String name)
 {
 super(name);
 }

 public boolean handleEvent(Event e)
 {
 if (e.id == Event.WINDOW_DESTROY)
 {
 dispose();
 return true;
 }
 
 return super.handleEvent(e);
 }
}

Save this code as AppleFrame.java and add it to the project as well. OK, last file. It’s the HTML file:

<title>Blinking CodeWarrior</title>
<hr>
<applet codebase=CWBlink
 code="com/metrowerks/example/CWBlink/CWBlink.class" 
 width=530 
 height=120>
 <param name=blinker value="CodeWarrior!!!">
 <param name=speed value=2>
</applet>
<hr>
<a href="CWBlink.java">The source.</a>

Save this one as CWBlink.html and add it to the project as well. (You don’t have to add the HTML file to the project, but it does make editing the file more convenient - you just double-click on the file name in the project window.)

Once your source code and HTML files are entered and added to the project, go to the Preferences panel, Java Project pane, select Class Folder from the Project Type popup, and enter CWBlink in the Folder Name field. This will store any class files generated by this project in a folder hierarchy inside a folder named CWBlink. This option works well if you plan on serving your applet on a Web page.

Select Make from the Project menu. CodeWarrior will compile your Java code and generate the appropriate .class files. To run your applet, drag your HTML file onto the Metrowerks Java application. If you want to use the debugger, be sure the debugger is enabled and that you have the MetroNub extension installed, then drag the .class files you want to debug onto the MW Debug application. When the debugger launches, click on your source code file name in the debugger window. If your source code file is not in the same folder as the .class file, you’ll be prompted to locate the source file. This can be a hassle, so to prevent it from happening you might want to keep your source files in the same folder as your .class files, even though this is a slight pain to set up.

Once the debugger finds your source code, it lets you do all the normal pre-running things like setting breakpoints. Note that the debugger window for one class will let you set breakpoints only in the functions that belong to that class.

Try this one: Drag CWBlink.class onto the MW Debug application. In the debug window that appears, click on CWBlink.java. When the source code appears, scroll down to this function:

 public boolean action(Event evt, Object arg)
 {
 if ( "Blink".equals(arg) )
 {
 blinkText.ToggleBlinking();
 }
 return true;
 }

Set a breakpoint next to the call to blinkText.ToggleBlinking(). Now go back to the Finder and drag the HTML file onto the Metrowerks Java application. When the applet starts running, click on the Blink button. If all was set up properly, you’ll pop into the debugger at the breakpoint.

Source Code Highlights

Normally, this is where I’d step through every single line of code in the applet. But since you’ve seen a lot of this code before (last month’s column), I’ll just run through the highlights. If you don’t get something about the code, don’t worry. The important thing to take away from this month’s column is list of concepts to read up on.

Take a look at the beginning of CWBlink.java:

package com.metrowerks.example.CWBlink;

import java.awt.*;

The first thing you notice is the package statement. Packages are like C and C++ libraries. The package statement at the beginning of a Java source file gives the collection of classes in this file a name. In this case, the CWBlink and BlinkingText classes are grouped in the package com.metrowerks.example.CWBlink. It’s important that you place the .class files generated from this source file into a directory structure that matches the package name. In this case, the two files CWBlink.class and BlinkingText.class must be placed in a folder with the path com:metrowerks:example:
CWBlink. Fortunately, CodeWarrior does this for you automatically.

You’ve already seen how to access a package: use the import command. In this file, we import the java.awt package.

Note that the getParameter() code was pulled into its own method. Smart move. Gee, why didn’t I think of that?

The init() method has some important new stuff in it. First, notice the use of the Panel class. A Panel is sort of like a PowerPlant View. Java uses the concept of containers and components. A container is just like it sounds, a containing view. A component is an interface element, like a pushbutton or checkbox. A Frame is an applet’s outermost container. A Panel might contain components and other containing classes.

To simplify things, think of a Frame as a Window, and a Panel as a collection of elements you want to group together. If your applet runs in a Web browser, the outer Frame is created for you. If you plan to run the applet standalone, you’ll need to create the Frame yourself. More on that in a minute (when we discuss AppletFrame.java).

The init() method loads the speed parameter (see last month’s column), then sets a layout for the current Frame. You should read up on layouts (any Java book worth its salt will cover them), but here’s the basics.

Every container has a layout that defines how contained elements are to be arranged. For example, the BorderLayout (see java.awt.BorderLayout.html) lays out a container using members named "North", "South", "East", "West" and "Center". A component added as "North" gets placed at the top of the container. A component added as "Center" gets the space left over when the other components are laid out.

Once the init() method sets the layout, it gets the blinking text parameter, then creates a pushbutton with the text "Blink". The button is added to a panel and the panel added to the current container. Since "North" is used, the button will appear at the top of the container.

Next, a new BlinkingText object is created and added to the center of the container. Finally, the container is resized. Play with this stuff. Try using "South" or "East". Change the parameters passed to resize.

Another important CWBlink method is main(). You can actually delete this method, and remove the AppletFrame.java file from your project, if you only want to run the applet from a Web page (from within a pre-built applet Frame). If you want your applet to run standalone, though, you’ll need to build an applet Frame yourself. AppletFrame.java does this. When you are running standalone, main() will get called automatically, and the AppletFrame.startApplet() method will get called.

To learn how all this works, read through the source in AppletFrame.java. It’s not very long, and will serve as a nice introduction to Frames. Even better, you can just add the AppletFrame.java file to your own applet projects.

Finally, the BlinkingText class demonstrates the extremely important topic of threads. As you know, Java is multi-threaded. For example, there is a garbage-collecting thread that ensures that an object that is no longer referenced is deallocated, so that your Java heap won’t end up hopelessly fragmented. The Thread class is very important. Read up on it (check out java.lang.Thread.html). Think of a Thread as a separate little flow of control within your main process.

There are several ways to create a Thread. You can subclass Thread and override the necessary methods (such as run()). Alternatively, you can implement the Runnable interface, which is what BlinkingText does. Once you start a thread, the VM keeps running your threads until they all die.

The synchronized keyword marks a block of code so that only one thread can access it at a time. This means that if one thread starts executing a synchronized method, any other thread that wants to run the same method has to wait until the first method is finished. This keeps two threads from confusing each other - by messing with the same variables, for example.

Till Next Month

We intend to dig into all of these topics in detail in future columns. In the meantime, spend some time with the Java HTML docs and read a good Java book.

 
AAPL
$105.22
Apple Inc.
+0.39
MSFT
$46.13
Microsoft Corpora
+1.11
GOOG
$539.78
Google Inc.
-4.20

MacTech Search:
Community Search:

Software Updates via MacUpdate

Ember 1.8.2 - Versatile digital scrapboo...
Ember (formerly LittleSnapper) is your digital scrapbook of things that inspire you: websites, photos, apps or other things. Just drag in images that you want to keep, organize them into relevant... Read more
Tonality Pro 1.1.2 - Professional-grade...
Tonality Pro gives you the power to create stunning and dramatic black & white images. This is a complete monochrome image editor with more than 150 one-click style presets, totally unique... Read more
VueScan 9.4.49 - Scanner software with a...
VueScan is a scanning program that works with most high-quality flatbed and film scanners to produce scans that have excellent color fidelity and color balance. VueScan is easy to use, and has... Read more
OS X Server 4.0 - For OS X 10.10 Yosemit...
Designed for OS X and iOS devices, OS X Server makes it easy to share files, schedule meetings, synchronize contacts, develop software, host your own website, publish wikis, configure Mac, iPhone,... Read more
TotalFinder 1.6.12 - Adds tabs, hotkeys,...
TotalFinder is a universally acclaimed navigational companion for your Mac. Enhance your Mac's Finder with features so smart and convenient, you won't believe you ever lived without them. Tab-based... Read more
BusyCal 2.6.3 - Powerful calendar app wi...
BusyCal is an award-winning desktop calendar that combines personal productivity features for individuals with powerful calendar sharing capabilities for families and workgroups. BusyCal's unique... Read more
calibre 2.7 - Complete e-library managem...
Calibre is a complete e-book library manager. Organize your collection, convert your books to multiple formats, and sync with all of your devices. Let Calibre be your multi-tasking digital... Read more
Skitch 2.7.3 - Take screenshots, annotat...
With Skitch, taking, annotating, and sharing screenshots or images is as fun as it is simple.Communicate and collaborate with images using Skitch and its intuitive, engaging drawing and annotating... Read more
Delicious Library 3.3.2 - Import, browse...
Delicious Library allows you to import, browse, and share all your books, movies, music, and video games with Delicious Library. Run your very own library from your home or office using our... Read more
Art Text 2.4.8 - Create high quality hea...
Art Text is an OS X application for creating high quality textual graphics, headings, logos, icons, Web site elements, and buttons. Thanks to multi-layer support, creating complex graphics is no... Read more

Latest Forum Discussions

See All

Rami Ismail Opens Up distribute​() for D...
Rami Ismail Opens Up distribute​() for Developers Posted by Jessica Fisher on October 24th, 2014 [ permalink ] Rami Ismail, Chief Executive of Business and Development at indie game studio | Read more »
Great Hitman GO Goes on Sale and Gets Ne...
Great Hitman GO Goes on Sale and Gets New Update – Say That Three Times Fast Posted by Jessica Fisher on October 24th, 2014 [ permalink ] | Read more »
Rival Stars Basketball Review
Rival Stars Basketball Review By Jennifer Allen on October 24th, 2014 Our Rating: :: RESTRICTIVE BUT FUNUniversal App - Designed for iPhone and iPad Rival Stars Basketball is a fun mixture of basketball and card collecting but its... | Read more »
Rubicon Development Makes Over a Dozen o...
Rubicon Development Makes Over a Dozen of Their Games Free For This Weekend Only Posted by Jessica Fisher on October 24th, 2014 [ permalink ] | Read more »
I Am Dolphin Review
I Am Dolphin Review By Jennifer Allen on October 24th, 2014 Our Rating: :: NEARLY FIN-TASTICUniversal App - Designed for iPhone and iPad Swim around and eat nearly everything that moves in I Am Dolphin, a fun Ecco-ish kind of game... | Read more »
nPlayer looks to be the ultimate choice...
Developed by Newin Inc, nPlayer may seem like your standard video player – but is aiming to be the best in its field by providing high quality video play performance and support for a huge number of video formats and codecs. User reviews include... | Read more »
Fighting Fantasy: Caverns of the Snow Wi...
Fighting Fantasy: Caverns of the Snow Witch Review By Jennifer Allen on October 24th, 2014 Our Rating: :: CLASSY STORYTELLINGUniversal App - Designed for iPhone and iPad Fighting Fantasy: Caverns of the Snow Witch is a sterling... | Read more »
A Few Days Left (Games)
A Few Days Left 1.01 Device: iOS Universal Category: Games Price: $3.99, Version: 1.01 (iTunes) Description: Screenshots are in compliance to App Store's 4+ age rating! Please see App Preview for real game play! **Important: Make... | Read more »
Toca Boo (Education)
Toca Boo 1.0.2 Device: iOS Universal Category: Education Price: $2.99, Version: 1.0.2 (iTunes) Description: BOO! Did I scare you!? My name is Bonnie and my family loves to spook! Do you want to scare them back? Follow me and I'll... | Read more »
Intuon (Games)
Intuon 1.1 Device: iOS Universal Category: Games Price: $.99, Version: 1.1 (iTunes) Description: Join the battle with your intuition in a new hardcore game Intuon! How well do you trust your intuition? Can you find a needle in a... | Read more »

Price Scanner via MacPrices.net

Weekend sale: 13-inch 128GB MacBook Air for $...
Best Buy has the 2014 13-inch 1.4GHz 128GB MacBook Air on sale for $849.99, or $150 off MSRP, on their online store. Choose free home shipping or free local store pickup (if available). Price valid... Read more
Nimbus Note Cross=Platform Notes Utility
Nimbus Note will make sure you never forget or lose your valuable data again. Create and edit notes, save web pages, screenshots and any other type of data – and share it all with your friends and... Read more
NewerTech’s Snuglet Makes MagSafe 2 Power Con...
NewerTech has introduced the Snuglet, a precision-manufactured ring designed to sit inside your MagSafe 2 connector port, providing a more snug fit to prevent your power cable from unintentional... Read more
Apple Planning To Sacrifice Gross Margins To...
Digitimes Research’s Jim Hsiao says its analysts believe Apple is planning to sacrifice its gross margins to save its tablet business, which has recently fallen into decline. They project that Apple’... Read more
Who’s On Now? – First Instant-Connect Search...
It’s nighttime and your car has broken down on the side of the highway. You need a tow truck right away, so you open an app on your iPhone, search for the closest tow truck and send an instant... Read more
13-inch 2.5GHz MacBook Pro on sale for $949,...
Best Buy has the 13″ 2.5GHz MacBook Pro available for $949.99 on their online store. Choose free shipping or free instant local store pickup (if available). Their price is $150 off MSRP. Price is... Read more
Save up to $125 on Retina MacBook Pros
B&H Photo has the new 2014 13″ and 15″ Retina MacBook Pros on sale for up to $125 off MSRP. Shipping is free, and B&H charges NY sales tax only. They’ll also include free copies of Parallels... Read more
Apple refurbished Time Capsules available sta...
The Apple Store has certified refurbished Time Capsules available for up to $60 off MSRP. Apple’s one-year warranty is included with each Time Capsule, and shipping is free: - 2TB Time Capsule: $255... Read more
Textilus New Word, Notes and PDF Processor fo...
Textilus is new word-crunching, notes, and PDF processor designed exclusively for the iPad. I haven’t had time to thoroughly check it out yet, but it looks great and early reviews are positive.... Read more
WD My Passport Pro Bus-Powered Thunderbolt RA...
WD’s My Passport Pro RAID solution is powered by an integrated Thunderbolt cable for true portability and speeds as high as 233 MB/s. HighlightsOverviewSpecifications Transfer, Back Up And Edit In... Read more

Jobs Board

*Apple* Solutions Consultant - Apple Inc. (U...
…important role that the ASC serves is that of providing an excellent Apple Customer Experience. Responsibilities include: * Promoting Apple products and solutions Read more
Senior Event Manager, *Apple* Retail Market...
…This senior level position is responsible for leading and imagining the Apple Retail Team's global event strategy. Delivering an overarching brand story; in-store, Read more
*Apple* Solutions Consultant (ASC) - Apple (...
**Job Summary** The ASC is an Apple employee who serves as an Apple brand ambassador and influencer in a Reseller's store. The ASC's role is to grow Apple Read more
Project Manager / Business Analyst, WW *Appl...
…a senior project manager / business analyst to work within our Worldwide Apple Fulfillment Operations and the Business Process Re-engineering team. This role will work Read more
*Apple* Retail - Multiple Positions (US) - A...
Job Description: Sales Specialist - Retail Customer Service and Sales Transform Apple Store visitors into loyal Apple customers. When customers enter the store, Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.