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.

 

Community Search:
MacTech Search:

Software Updates via MacUpdate

iFFmpeg 6.4.0 - Convert multimedia files...
iFFmpeg is a comprehensive media tool to convert movie, audio and media files between formats. The FFmpeg command line instructions can be very hard to master/understand, so iFFmpeg does all the hard... Read more
Thunderbird 52.2.0 - Email client from M...
As of July 2012, Thunderbird has transitioned to a new governance model, with new features being developed by the broader free software and open source community, and security fixes and improvements... Read more
Airfoil 5.6.1 - Send audio from any app...
Airfoil allows you to send any audio to AirPort Express units, Apple TVs, and even other Macs and PCs, all in sync! It's your audio - everywhere. With Airfoil you can take audio from any... Read more
Apple Remote Desktop Client 3.9.3 - Clie...
Apple Remote Desktop Client is the best way to manage the Mac computers on your network. Distribute software, provide real-time online help to end users, create detailed software and hardware reports... Read more
jAlbum Pro 14.0 - Organize your digital...
jAlbum Pro has all the features you love in jAlbum, but comes with a commercial license. You can create gorgeous custom photo galleries for the Web without writing a line of code! Beginner-friendly... Read more
jAlbum 14.0 - Create custom photo galler...
With jAlbum, you can create gorgeous custom photo galleries for the Web without writing a line of code! Beginner-friendly, with pro results - Simply drag and drop photos into groups, choose a design... Read more
Vitamin-R 2.48 - Personal productivity t...
Vitamin-R creates the optimal conditions for your brain to work at its best by structuring your work into short bursts of distraction-free, highly focused activity alternating with opportunities for... Read more
Beamer 3.3 - Stream any movie file from...
Beamer streams to your Apple TV.... Plays any movie file - Just like the popular desktop movie players, Beamer accepts all common formats, codecs and resolutions. AVI, MKV, MOV, MP4, WMV, FLV. To... Read more
Shredo 1.2.2 - $9.99
Shredo is a beautiful, functional file-shredding and privacy scan utility. It permanently shreds files, folders, and external volumes' contents to keep information secure and impossible for anyone to... Read more
Final Draft 10.0.3 - Industry-leading sc...
Final Draft allows you to use your creative energy to focus on the content; let Final Draft take care of the style. Final Draft is the number-one selling application specifically designed for writing... Read more

Latest Forum Discussions

See All

The House of da Vinci (Games)
The House of da Vinci 1.0.0 Device: iOS Universal Category: Games Price: $4.99, Version: 1.0.0 (iTunes) Description: Enter The House of Da Vinci, a new must-try 3D puzzle adventure game. Solve mechanical puzzles, discover hidden... | Read more »
Solve the disappearance of history’s gre...
Blue Brain Games invites you to indulge in an immersive hands-on 3D puzzle adventure in similar vein to The Room series, with its debut release The House of Da Vinci. Set during the historic period of the Italian Renaissance (when Leonardo himself... | Read more »
Age of Rivals (Games)
Age of Rivals 3.3 Device: iOS Universal Category: Games Price: $.99, Version: 3.3 (iTunes) Description: Deep civilization-building strategy in a fast-paced card game! | Read more »
Panthera Frontier (Games)
Panthera Frontier 1.0 Device: iOS Universal Category: Games Price: $4.99, Version: 1.0 (iTunes) Description: | Read more »
Angry Birds Evolution beginner's gu...
Angry Birds changes things up a fair bit in its latest iteration, Angry Birds Evolution. The familiar sling-shot physics mechanics are still there, but the game now features team-based gameplay, RPG elements, and a new top-down view. With all of... | Read more »
Sega Forever is for the retro game fans
Sega is launching a new retro games service titled Sega Forever, in a move that's sure to delight games enthusiasts with a bit of nostalgia. Sega's releasing five classic games for free. The titles include Sonic the Hedgehog, Phantasy Star II,... | Read more »
The Little Acre (Games)
The Little Acre 1.0 Device: iOS Universal Category: Games Price: $2.99, Version: 1.0 (iTunes) Description: | Read more »
Lovely adventure game 'The Little A...
The Little Acre makes its way from PC to iOS today and it's a real charmer. It's a lovely little adventure game set in 1950's Ireland, gorgeously animated in a style slightly reminiscent of old Disney films. The game won a lot of praise for its... | Read more »
Futurama: Worlds of Tomorrow officially...
Futurama: Worlds of Tomorrow arrives next Thursday, and it features . . . Stephen Hawking? Turns out a few of your favorite science super stars, including Bill Nye, Neil DeGrasse Tyson, and George Takei will be making an appearance alongside the... | Read more »
MU Origin’s new update offers exciting c...
MU Origin is kicking off the summer with style. Its latest update is a real doozy, offering up plenty of fresh content. New challenges, some extra help for newcomers, and new costumes are just a few of the things you will find in the new patch. | Read more »

Price Scanner via MacPrices.net

Clearance 2016 MacBook Pros available for up...
B&H Photo has clearance 2016 13″ and 15″ MacBook Pros in stock today and on sale for up to $400 off original MSRP. Shipping is free, and B&H charges NY & NJ sales tax only: - 15″ 2.7GHz... Read more
Apple Ranks 9th In comScore Top 50 U.S. Digit...
comScore, Inc. has released its monthly ranking of U.S. online activity at the top digital media properties for May 2017 based on data from comScore Media Metrix Multi-Platform. * Entity has... Read more
10.5-inch iPad Pros available for up to $20 o...
B&H Photo has the new 2017 10.5″ iPad Pros available for up to $20 off MSRP including free shipping plus NY & NJ sales tax only: - 64GB iPad Pro WiFi: $649 - 256GB iPad Pro WiFi: $749 - 512GB... Read more
Three Off-The-Beaten-Track iOS Apps That Dese...
One of the great things about using iPads and iPhones is the vast selection of apps available for most anything you want or need to do. The three outlined in this article have been in my core app... Read more
Apple No. 1 Spot In Gartner Top 100 Vendors i...
Gartner, Inc. has unveiled the top global 100 vendors in IT in 2016 based on their revenue across IT (excluding communication services) and component market segments. In the Gartner Global Top 100:... Read more
Clearance iMacs available for up to $300 off...
B&H Photo has clearance 21″ and 27″ Apple iMacs available starting at $949, each including free shipping plus NY & NJ sales tax only: - 27″ 3.3GHz iMac 5K: $1999 $300 off original MSRP - 27″... Read more
1.4GHz Mac mini, refurbished, available for $...
The Apple Store has Apple Certified Refurbished 1.4GHz Mac minis available for $419. Apple’s one-year warranty is included, and shipping is free. Their price is $80 off MSRP, and it’s the lowest... Read more
Free Mixoo iOS Photo Editing App Gets Major U...
Button Software Technology has announced Mixoo 3.0, an important feature update to the company’s photo editor for iOS devices. Mixoo offers amazing ways to edit as well as decorate personal photo... Read more
FNable 2.0 Function Key Enabling Software Get...
Briksoftware has released FNable 2.0 With Touch Bar Support, a major new version of the function key enabling software now compatible with Touch Bar keyboards. FNable’s simplicity that allows users... Read more
Clearance 2016 12-inch Retina MacBooks, Apple...
Apple recently dropped prices on Certified Refurbished 2016 12″ Retina MacBooks, with models now available starting at $1019. Apple will include a standard one-year warranty with each MacBook, and... Read more

Jobs Board

Lead *Apple* Solutions Consultant - Apple I...
…integrity, and trust.Success Metrics/Key Performance Indicators:Quantitative* Year over Year growth in Apple Product and Beyond the Box sales in the assigned Point of Read more
*Apple* Solutions Consultant till v%u00E5r...
…ethics, integrity, and trust.Success Metrics/Key Performance Indicators:QuantitativeYear over Year growth in Apple Product and Beyond the Box sales in the assigned Point Read more
Sr. Software Engineer, *Apple* Retail - App...
Apple Retail is looking for a Software Engineer…You'll work on projects that touch all aspects of Apple Retail Point-of-Sale system, and will leverage your strong Read more
*Apple* Solutions Consultant (Asc) - PT - Cu...
…important role that the ASC serves is that of providing an excellent Apple Customer Experience. Responsibilities include:* Promoting Apple products and solutions Read more
Product Metrics Manager - *Apple* Media Pro...
- Identify blind spots in existing product metrics- Presenting on how Apple Media Products are used and perceived by our customers- Work with data science and Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.