TweetFollow Us on Twitter

Jan 97 Getting Started

Volume Number: 13 (1997)
Issue Number: 1
Column Tag: Getting Started

Java's AWT Shapes

By Dave Mark

Two of the first things any Mac programmer learns are the concept of event-loop programming and drawing using QuickDraw. The Java programming learning curve is quite similar in this respect. Last month, we introduced Java's event handling mechanism. This month, we'll explore the java.awt.Graphics class. Specifically, we'll look at the java.awt.Graphics member functions that allow you to draw shapes in your applet window.

The java.awt.Graphics Shapes

This month's applet is called javaDraw. Before you dig into the code, take some time to read the java.awt.Graphics web page (part of the JDK API Documentation from Sun.) Pay special attention to the function names that start with either the words draw or frame. The draw routines are analogous to the QuickDraw paint routines (like PaintRect()) and the frame routines do the same as the QuickDraw frame routines (like FrameRect()).

Creating the javaDraw Project

Create a new project called javaDraw.µ using the Java applet stationery. Create a new source code file named javaDraw.html and add it to the project (replace any existing html file that may have been added to the project.) Here's the html code:

<title>javaDraw</title>
<hr>
<applet codebase="javaDraw Classes" code="javaDraw.class" width=228 height=160>
</applet>
<hr>
<a href="javaDraw.java">The source.</a>

Next, create a second source code file named javaDraw.java and add it to the project as well (replace any default .java file that may have been added to the project.) Here's the Java code:

import java.awt.*;

public class shapeCanvas extends Canvas
{
 final int  rectangle=0,
 rect3D=1,
 roundRect=2,
 arc=3,
 oval=4,
 line=5,
 polygon=6;
 int    whichShape = rectangle;
 booleanisFilled = true;
 
 shapeCanvas( int width, int height )
 {
 setBackground( Color.yellow );
 setForeground( Color.red );
 resize( width, height );
 }
 
 public void SetShape( int newShape )
 {
 whichShape = newShape;
 }
 
 public void SetIsFilled( boolean newIsFilled )
 {
 isFilled = newIsFilled;
 }
 
 public void paint( Graphics g )
 {
 Rectangler, b;
 Polygonpoly;
 
 b = bounds();
 r = new Rectangle( 10, 10, b.width - 20,
 b.height - 20 );
 
 poly = new Polygon();
 poly.addPoint( r.x, r.y );
 poly.addPoint( r.x, r.y + r.height );
 poly.addPoint( r.x + r.width, r.y + r.height );
 poly.addPoint( r.x, r.y + r.height/2 );
 poly.addPoint( r.x + r.width, r.y + r.height/2 );
 poly.addPoint( r.x, r.y );
 
 if ( isFilled )
 {
 switch ( whichShape )
 {
 case rectangle:
 g.fillRect( r.x, r.y, r.width, r.height );
 break;
 case rect3D:
 g.fill3DRect( r.x, r.y, r.width, r.height, true );
 break;
 case roundRect:
 g.fillRoundRect( r.x, r.y, r.width, r.height,
 16, 16 );
 break;
 case arc:
 g.fillArc( r.x, r.y, r.width, r.height, 0, 270 );
 break;
 case oval:
 g.fillOval( r.x, r.y, r.width, r.height );
 break;
 case line:
 g.drawLine( r.x, r.y, r.x + r.width, r.y + r.height           
 );
 break;
 case polygon:
 g.fillPolygon( poly );
 break;
 }
 }
 else
 {
 switch ( whichShape )
 {
 case rectangle:
 g.drawRect( r.x, r.y, r.width, r.height );
 break;
 case rect3D:
 g.draw3DRect( r.x, r.y, r.width, r.height, true );
 break;
 case roundRect:
 g.drawRoundRect( r.x, r.y, r.width, r.height,
 16, 16 );
 break;
 case arc:
 g.drawArc( r.x, r.y, r.width, r.height, 0, 270 );
 break;
 case oval:
 g.drawOval( r.x, r.y, r.width, r.height );
 break;
 case line:
 g.drawLine( r.x, r.y, r.x + r.width,
 r.y + r.height );
 break;
 case polygon:
 g.drawPolygon( poly );
 break;
 }
 }
 }
}

public class javaDraw extends java.applet.Applet
{
 private Choice  shapePopup, fillPopup;
 private shapeCanvas sCanvas;
 
 public void init()
 {
 shapePopup = new Choice();
 shapePopup.addItem( "Rectangle" );
 shapePopup.addItem( "3D Rectangle" );
 shapePopup.addItem( "Rounded Rectangle" );
 shapePopup.addItem( "Arc" );
 shapePopup.addItem( "Oval" );
 shapePopup.addItem( "Line" );
 shapePopup.addItem( "Polygon" );
 
 add( shapePopup );
 
 fillPopup = new Choice();
 fillPopup.addItem( "Fill Shapes" );
 fillPopup.addItem( "Do Not Fill Shapes" );
 
 add( fillPopup );
 
 sCanvas = new shapeCanvas( 208, 110 );
 add( sCanvas );
 }
 public boolean action( Event e, Object obj )
 {
 if ( e.target == shapePopup )
 {
 sCanvas.SetShape( shapePopup.getSelectedIndex() );
 sCanvas.repaint();
 
 return true;
 }
 else if ( e.target == fillPopup )
 {
 sCanvas.SetIsFilled( fillPopup.getSelectedIndex()
 == 0 );
 sCanvas.repaint();
 
 return true;
 }
 else
 return super.action( e, obj );
 }
}

If you would like to specify the application used to run your applet, select Project Settings... from CodeWarrior's Edit menu, then click on the Project/Java Project item in the scrolling list (see Figure 1.) Click on the Set... button and select your preferred applet runner from the standard get file dialog. The screen shots that I used in this column were taken using the Metrowerks Java applet runner that comes with CodeWarrior.

Figure 1. CodeWarrior's Project Setting's dialog, showing the Java Project options.

No matter what applet runner you use, be sure you specify "javaDraw Classes" in the File Name field, to match the "codebase" parameter in your html file.

Once everything is entered and set up just the way you like it, select Run from the Project menu to compile and run your applet. Figure 2 shows the javaDraw applet as it first appears. The applet area consists of two popup menus (known as choices in java-speak) and a canvas area. The top popup lets you select the type of shape you are interested in seeing, and the bottom popup lets you specify whether the shape is drawn or framed (filled or outlined.) The default setting is a filled rectangle.

Figure 2. The javaDraw applet, as it first appears.

Figure 3 shows a framed arc. Take some time to play with all the awt.Graphics shapes, in both framed and filled modes. Note that lines look the same in either mode (both call the same function) and that 3D rectangles look almost exactly the same as rectangles. I'm not sure why this last is true, but hopefully future versions of awt will implement more interesting 3D rectangles.

Figure 3. The javaDraw applet, this time showing a framed arc.

Walking Through the Source

javaDraw consists of two classes. The shapeCanvas class implements the yellow drawing canvas at the bottom of the applet area. The javaDraw class extends the applet class and initiates a shapeCanvas and the two popup menus. We'll start with the shapeCanvas class.

shapeCanvas extends the Canvas class. It starts with a series of constants specified using the final keyword. If a variable is marked as final, it becomes a constant - its initial value may not be changed. The constants represent the items in the shape popup menu. Notice that the first constant was set to zero. That's because popup menu items are zero based.

import java.awt.*;

public class shapeCanvas extends Canvas
{
 final int  rectangle=0,
 rect3D=1,
 roundRect=2,
 arc=3,
 oval=4,
 line=5,
 polygon=6;
 int    whichShape = rectangle;
 booleanisFilled = true;

The shapeCanvas() constructor sets the Canvas background and foreground colors, then sets the Canvas size to the specified width and height. SetShape() is used to set the whichShape class variable to the current shape, as specified by the popup menu. SetIsFilled() does the same thing for the isFilled boolean, setting it depending on the bottom popup menu setting.

 shapeCanvas( int width, int height )
 {
 setBackground( Color.yellow );
 setForeground( Color.red );
 resize( width, height );
 }
 
 public void SetShape( int newShape )
 {
 whichShape = newShape;
 }
 
 public void SetIsFilled( boolean newIsFilled )
 {
 isFilled = newIsFilled;
 }

The paint() method is called when the Canvas needs to be redrawn. It starts by retrieving the bounding rectangle of the Canvas. This rectangle is inset 10 pixels on each side, with the results stored in r (r is inset inside b).

 public void paint( Graphics g )
 {
 Rectangler, b;
 Polygonpoly;
 
 b = bounds();
 r = new Rectangle( 10, 10, b.width - 20,
 b.height - 20 );

Next, we create a new Polygon and add a series of points to the Polygon, creating a zigzag shape and ending at the same point we started. This last step is important since it "closes" the Polygon. The Polygon is only needed if it is actually selected from the popup. So, we should probably embed this code in the polygon case below. Sorry about my laziness!

 poly = new Polygon();
 poly.addPoint( r.x, r.y );
 poly.addPoint( r.x, r.y + r.height );
 poly.addPoint( r.x + r.width, r.y + r.height );
 poly.addPoint( r.x, r.y + r.height/2 );
 poly.addPoint( r.x + r.width, r.y + r.height/2 );
 poly.addPoint( r.x, r.y );


The rest of paint() is made up of a giant if. The first part of the if paints filled shapes. The second part of the if paints framed shapes. Take a look at each of these functions, for they are the heart and soul of the Graphics class. These are the functions that actually draw the Java shapes.

 if ( isFilled )
 {
 switch ( whichShape )
 {
 case rectangle:
 g.fillRect( r.x, r.y, r.width, r.height );
 break;
 case rect3D:
 g.fill3DRect( r.x, r.y, r.width, r.height, true );
 break;
 case roundRect:
 g.fillRoundRect( r.x, r.y, r.width, r.height,
 16, 16 );
 break;
 case arc:
 g.fillArc( r.x, r.y, r.width, r.height, 0, 270 );
 break;
 case oval:
 g.fillOval( r.x, r.y, r.width, r.height );
 break;
 case line:
 g.drawLine( r.x, r.y, r.x + r.width,
 r.y + r.height );
 break;
 case polygon:
 g.fillPolygon( poly );
 break;
 }
 }
 else
 {
 switch ( whichShape )
 {
 case rectangle:
 g.drawRect( r.x, r.y, r.width, r.height );
 break;
 case rect3D:
 g.draw3DRect( r.x, r.y, r.width, r.height, true );
 break;
 case roundRect:
 g.drawRoundRect( r.x, r.y, r.width, r.height,
 16, 16 );
 break;
 case arc:
 g.drawArc( r.x, r.y, r.width, r.height, 0, 270 );
 break;
 case oval:
 g.drawOval( r.x, r.y, r.width, r.height );
 break;
 case line:
 g.drawLine( r.x, r.y, r.x + r.width,
 r.y + r.height );
 break;
 case polygon:
 g.drawPolygon( poly );
 break;
 }
 }
 }
}

The javaDraw class implements the applet itself. The init() method first creates the shape Choice, then the fill Choice, and finally the shapeCanvas.

public class javaDraw extends java.applet.Applet
{
 private Choice  shapePopup, fillPopup;
 private shapeCanvas sCanvas;
 public void init()
 {
 shapePopup = new Choice();
 shapePopup.addItem( "Rectangle" );
 shapePopup.addItem( "3D Rectangle" );
 shapePopup.addItem( "Rounded Rectangle" );
 shapePopup.addItem( "Arc" );
 shapePopup.addItem( "Oval" );
 shapePopup.addItem( "Line" );
 shapePopup.addItem( "Polygon" );
 
 add( shapePopup );
 
 fillPopup = new Choice();
 fillPopup.addItem( "Fill Shapes" );
 fillPopup.addItem( "Do Not Fill Shapes" );
 
 add( fillPopup );
 
 sCanvas = new shapeCanvas( 208, 110 );
 add( sCanvas );
 }

The applet's action() routine checks for events occurring in either popup. If the event was in the shape Choice, the shapeCanvas' SetShape() function is called, and an update event is queued for the canvas (repaint() is similar to invalRect(), though for an entire object. If the event was the fill Choice, the SetIsFilled() method is called and the canvas is again repainted. If neither case is true, the parent class' action() method is called and that result returned.

 public boolean action( Event e, Object obj )
 {
 if ( e.target == shapePopup )
 {
 sCanvas.SetShape( shapePopup.getSelectedIndex() );
 sCanvas.repaint();
 
 return true;
 }
 else if ( e.target == fillPopup )
 {
 sCanvas.SetIsFilled( fillPopup.getSelectedIndex()
 == 0 );
 sCanvas.repaint();
 
 return true;
 }
 else
 return super.action( e, obj );
 }
}

Till Next Month...

At this point, you should have a pretty good handle on Java's graphics mechanism. Spend some time exploring the rest of the Graphics class' methods. There are some pretty funky methods in there, and we'll get to them eventually. Before I sign off, I just wanted to mention that this column marks the start of my fifth year writing for MacTech Magazine. Can you believe it? Well, here's to four more years of Mac programming fun! See you next month...

 

Community Search:
MacTech Search:

Software Updates via MacUpdate

Microsoft OneNote 15.29 - Free digital n...
OneNote is your very own digital notebook. With OneNote, you can capture that flash of genius, that moment of inspiration, or that list of errands that's too important to forget. Whether you're at... Read more
Spotify 1.0.44.100. - Stream music, crea...
Spotify is a streaming music service that gives you on-demand access to millions of songs. Whether you like driving rock, silky R&B, or grandiose classical music, Spotify's massive catalogue puts... Read more
SpamSieve 2.9.27 - Robust spam filter fo...
SpamSieve is a robust spam filter for major email clients that uses powerful Bayesian spam filtering. SpamSieve understands what your spam looks like in order to block it all, but also learns what... Read more
VueScan 9.5.62 - 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
Fantastical 2.3.2 - Create calendar even...
Fantastical 2 is the Mac calendar you'll actually enjoy using. Creating an event with Fantastical is quick, easy, and fun: Open Fantastical with a single click or keystroke Type in your event... Read more
PCalc 4.4.4 - Full-featured scientific c...
PCalc is a full-featured, scriptable scientific calculator with support for hexadecimal, octal, and binary calculations, as well as an RPN mode, programmable functions, and an extensive set of unit... Read more
Alfred 3.2.1 - Quick launcher for apps a...
Alfred is an award-winning productivity application for OS X. Alfred saves you time when you search for files online or on your Mac. Be more productive with hotkeys, keywords, and file actions at... Read more
OmniPlan 3.6 - Robust project management...
With OmniPlan, you can create logical, manageable project plans with Gantt charts, schedules, summaries, milestones, and critical paths. Break down the tasks needed to make your project a success,... Read more
Backblaze 4.2.0.990 - Online backup serv...
Backblaze is an online backup service designed from the ground-up for the Mac. With unlimited storage available for $5 per month, as well as a free 15-day trial, peace of mind is within reach with... Read more
AppDelete 4.3.1 - $7.99
AppDelete is an uninstaller that will remove not only applications but also widgets, preference panes, plugins, and screensavers along with their associated files. Without AppDelete these associated... Read more

Latest Forum Discussions

See All

Galaxy on Fire 3 and four other fantasti...
Galaxy on Fire 3 - Manticore brings the series back for another round of daring space battles. It's familiar territory for folks who are familiar with the franchise. If you've beaten the game and are looking to broaden your horizons, might we... | Read more »
The best apps for your holiday gift exch...
What's that, you say? You still haven't started your holiday shopping? Don't beat yourself up over it -- a lot of people have been putting it off, too. It's become easier and easier to procrastinate gift shopping thanks to a number of apps that... | Read more »
Toca Hair Salon 3 (Education)
Toca Hair Salon 3 1.0 Device: iOS Universal Category: Education Price: $2.99, Version: 1.0 (iTunes) Description: | Read more »
Winter comes to Darkwood as Seekers Note...
MyTona, based in the chilly Siberian city of Yakutsk, has brought a little festive fun to its hidden object game Seekers Notes: Hidden Mystery. The Christmas update introduces some new inhabitants to players, and with them a chance to win plenty of... | Read more »
Bully: Anniversary Edition (Games)
Bully: Anniversary Edition 1.03.1 Device: iOS Universal Category: Games Price: $6.99, Version: 1.03.1 (iTunes) Description: *** PLEASE NOTE: This game is officially supported on the following devices: iPhone 5 and newer, iPod Touch... | Read more »
PINE GROVE (Games)
PINE GROVE 1.0 Device: iOS Universal Category: Games Price: $1.99, Version: 1.0 (iTunes) Description: A pine grove where there are no footsteps of people due to continuous missing cases. The case is still unsolved and nothing has... | Read more »
Niantic teases new Pokémon announcement...
After rumors started swirling yesterday, it turns out there is an official Pokémon GO update on its way. We’ll find out what’s in store for us and our growing Pokémon collections tomorrow during the Starbucks event, but Niantic will be revealing... | Read more »
3 reasons why Nicki Minaj: The Empire is...
Nicki Minaj is as business-savvy as she is musically talented and she’s proved that by launching her own game. Designed by Glu, purveyors of other fine celebrity games like cult favorite Kim Kardashian: Hollywood, Nicki Minaj: The Empire launched... | Read more »
Clash of Clans is getting its own animat...
Riding on its unending wave of fame and success, Clash of Clans is getting an animated web series based on its Clash-A-Rama animated shorts.As opposed to the current shorts' 60 second run time, the new and improved Clash-A-Rama will be comprised of... | Read more »
Leaks hint at Pokémon GO and Starbucks C...
Leaked images from a hub for Starbucks employees suggests that a big Pokémon GO event with the coffee giant could begin this very week. The images appeared on Reddit and hint at some exciting new things to come for Niantic's smash hit game. | Read more »

Price Scanner via MacPrices.net

New 2016 13-inch Touch Bar MacBook Pros in st...
B&H Photo has stock of new 2016 Apple 13″ Touch Bar MacBook Pro models, each including free shipping plus NY sales tax only: - 13″ 2.9GHz/512GB Touch Bar MacBook Pro Space Gray: $1999 - 13″ 2.... Read more
New 2016 15″ Touch Bar MacBook Pros in stock...
B&H Photo has new 2016 Apple 15″ Touch Bar MacBook Pro models in stock today including free shipping plus NY sales tax only: - 15″ 2.7GHz Touch Bar MacBook Pro Space Gray: $2799 - 15″ 2.7GHz... Read more
DietSensor App Targeting Diabetes and Obesity...
DietSensor, Inc., a developer of smart food and nutrition applications designed to fight diabetes and obesity and help improve overall fitness, has announced the launch of its DietSensor app for... Read more
Holiday 2016 13-inch 2.0GHz MacBook Pro sales...
B&H has the non-Touch Bar 13″ MacBook Pros in stock today for $50-$100 off MSRP. Shipping is free, and B&H charges NY sales tax only: - 13″ 2.0GHz MacBook Pro Space Gray (MLL42LL/A): $1449 $... Read more
Holiday sale: Apple TVs for $51-$40 off MSRP,...
Best Buy has dropped their price on the 64GB Apple TV to $159.99 including free shipping. That’s $40 off MSRP. 32GB Apple TVs are on sale right now for $98 on Sams Club’s online store. That’s $51 off... Read more
12-inch Retina MacBooks, Apple refurbished, n...
Apple has restocked a full line of Certified Refurbished 2016 12″ Retina MacBooks, now available for $200-$260 off MSRP. Refurbished 2015 models are available starting at $929. Apple will include a... Read more
Holiday sale: 12-inch Retina MacBook for $100...
B&H has 12″ Retina MacBooks on sale for $100 off MSRP as part of their Holiday sale. Shipping is free, and B&H charges NY sales tax only: - 12″ 1.1GHz Space Gray Retina MacBook: $1199 $100... Read more
Apple refurbished 13-inch MacBook Airs availa...
Apple has Certified Refurbished 13″ MacBook Airs available starting at $849. An Apple one-year warranty is included with each MacBook, and shipping is free: - 13″ 1.6GHz/8GB/128GB MacBook Air: $849 $... Read more
Apple refurbished iMacs available for up to $...
Apple has Certified Refurbished 2015 21″ & 27″ iMacs available for up to $350 off MSRP. Apple’s one-year warranty is standard, and shipping is free. The following models are available: - 21″ 3.... Read more
Apple’s Education discount saves up to $300 o...
Purchase a new Mac or iPad using Apple’s Education Store and take up to $300 off MSRP. All teachers, students, and staff of any educational institution qualify for the discount. Shipping is free: -... Read more

Jobs Board

*Apple* Retail - Multiple Positions - Apple,...
Job Description: Sales Specialist - Retail Customer Service and Sales Transform Apple Store visitors into loyal Apple customers. When customers enter the store, Read more
*Apple* Retail - Multiple Positions- Trumbul...
Sales Specialist - Retail Customer Service and Sales Transform Apple Store visitors into loyal Apple customers. When customers enter the store, you're also the Read more
*Apple* Retail - Multiple Positions- Philade...
Job Description: Sales Specialist - Retail Customer Service and Sales Transform Apple Store visitors into loyal Apple customers. When customers enter the store, Read more
*Apple* Retail - Multiple Positions- San Ant...
Job Description:SalesSpecialist - Retail Customer Service and SalesTransform Apple Store visitors into loyal Apple customers. When customers enter the store, Read more
*Apple* Products Tester Needed - Apple (Unit...
…we therefore look forward to put out products to quality test for durability. Apple leads the digital music revolution with its iPods and iTunes online store, Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.