TweetFollow Us on Twitter

PP Modeless Child Wins
Volume Number:12
Issue Number:1
Column Tag:Getting Started

PowerPlant and Modeless Child Windows

By Dave Mark, MacTech Magazine Regular Contributing Author

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

In last month’s column, we built an application that featured windows with two push buttons and a scrolling picture pane. The first button beeped when you clicked it. The second button was disabled. This month, we’ll extend the PictScroller program. We’ll enable the second button so that when you click it, a new window appears, allowing you to select a new picture for the scrolling picture pane.

Thanks once again to Greg Dow for all his PowerPlant help. Greg is a real friend to this column and has never been too busy to lend a hand.

Copy Last Month’s
PictScroller Project

Start off by making a copy of last month’s project folder. Rename it PictScroller2 or something like that. This way, if things get a little screwy, you don’t have to start over from scratch. At the very least, you’ll be able to start from where we left off last month.

Once your old folder is tucked safely away, open up the PictScroller2 folder. Our first step will be to add two more PICT resources to the Constructor file PictScroller.rsrc.

• Open up PictScroller.rsrc using your favorite resource editor.

• Change the resource ID of the existing PICT resource from 128 to 2001.

• Add two more PICT resources to the file and change their resource IDs to 2002 and 2003.

• Save your changes and quit your resource editor.

In addition to the sun PICT from last month’s column, I added the moon and red car pictures from my ScrapBook.

Our next step is to edit PictScroller.rsrc using Constructor.

• Double-click on the file PictScroller.rsrc.

Constructor will open the file PictScroller.rsrc and display a window listing all the views in this file. At this point, we’ve got a single view, an LWindow with an id of 1 and the name PictWindow. Our first goal is to make a few changes to our existing LWindow view. Our second goal is to create a new view, an LWindow with 3 radio buttons and a mini-PICT frame.

Let’s start by editing the existing LWindow.

• Double-click on the LWindow with the id of 1 (it should be the only view listed in the master view list).

The view editing window for the PictScroller LWindow will appear.

• Double-click on the titlebar of the window embedded in the view editing window (the title bar says PictScroller).

An info window for the PictScroller window will appear. This next step is incredibly important:

• Change the Class ID field from wind to CpsW.

• Close the PictScroller info window.

The four letter (case sensitive!) code tells PowerPlant what type of object we are creating. The code 'wind' corresponds to the class LWindow. That’s the class we used last month. This month, we’ll be subclassing LWindow with a class named CPictScrollerWindow. When you enter the CPictScrollerWindow class definition (later in the column), you’ll see that we create an enum constant with the name class_ID and the value 'CpsW'. Each time you create a class that implements a PowerPlant view, you’ll enter the class’ class_ID code in the Class ID field in the view’s info window.

• Double-click on the LPicture pane (it has a pane id of 1003).

• When the pane info window appears, change the PICT Resource ID to 2001.

The first of your three PICT resources (the one with the resource ID 2001) should now be displayed in the scrolling pane.

• Close the LPicture pane info window.

• Double-click the Dialog button (the right button).

• Click on the Enabled check box (so that it is checked).

• Change the Value Message to 1001.

• Change the Button Title to Picture...

• Close the button’s pane info window.

The button will now say Picture... and will no longer be disabled. Also, when it is clicked in your application, it will broadcast a message with a value of 1001 to any listeners.

Now let’s add a new view.

• Close the view editing window for the PictWindow LWindow.

• Select New Resource from the Edit menu.

• When the view naming dialog appears, make sure LWindow is selected from the popup menu, type Pict Selector (Child) in the edit field, and click the OK button.

A new view editing window will appear. Before we add any items to the new view, change the view’s ID to 2000.

• Close the view editing window.

• Select LWindow 128 in the master view list, then select Resource Info from the Edit menu.

• Change the Resource ID from 128 to 2000.

• Close the resource info window.

• Double-click on the Pict Selector view in the master view list.

A view editing window for view 2000 will appear.

Note: Greg Dow uses a numbering convention that I’ll try to stick to from now on. He numbers all his new views by thousands. So his views have IDs like 1000, 2000, 3000, etc. The items within a view start at one plus the view ID. That means that the items in this new view will be numbered 2001, 2002, 2003, etc. If you have groups of items (like radio buttons, for example), you might want to leave holes in your numbering scheme. For example, you might number your radio buttons 2001, 2002, and 2003, then start the next set of items with 2010, 2011, 2012. As always, pick a scheme you like and try to be consistent.

• Double-click on the window inside the view editing window.

• When the info window appears, change its settings to match those shown in Figure 1.

• Close the info window.

Figure 1. The info window for the Picture Selector window.

Next, you’ll create the four items that make up this new view: three radio buttons and a mini-picture frame.

• Drag an LStdRadioButton from the palette window onto the Picture Selector window.

• Double-click the new radio button.

• When the info window appears, change its settings to match those shown in Figure 2.

• Close the info window.

Figure 2. The info window for the Sun radio button.

• Drag a second LStdRadioButton from the palette window onto the Picture Selector window.

• Double-click the new radio button.

• When the info window appears, change its settings to match those shown in Figure 3.

• Close the info window.

Figure 3. The info window for the Moon radio button.

• Drag a third LStdRadioButton from the palette window onto the Picture Selector window.

• Double-click the new radio button.

• When the info window appears, change its settings to match those shown in Figure 4.

• Close the info window.

Figure 4. The info window for the Red car radio button.

As is, these three radio buttons will act independently. That is, if you click on one to turn it on or off, it will have no effect on the others. To fix this problem, we need to group the three buttons into a radio button group.

• Hold down the shift key and select all three of the radio buttons.

• Select Make Radio Group from the Arrange menu.

Next, we’ll create the mini-picture frame.

• Drag an LPicture from the palette window onto the Picture Selector window.

• Double-click the new LPicture pane.

• When the info window appears, change its settings to match those shown in Figure 5.

• Close the info window.

• Quit Constructor. Be sure to save your changes.

Figure 5. The info window for the LPicture min-picture frame.

That’s about it for your Constructor session. Figure 6 shows my finished Pict Selector view. Notice that none of the radio buttons is turned on and that the mini-picture frame is just a grey square. We’ll set up the buttons and display the right picture in our source code, which we’ll get to next.

Figure 6. The finished Pict Selector view.

Entering the Source Code

We’ll modify two source code files and add two new source code files. We’ll start with some changes to PictScroller.cp.

• Open the project file PictScroller.µ.

• Open the file PictScroller.cp.

• Add the line:

#include "CPictScrollerWindow.h"

immediately after the #include of PictScroller.h.

CPictScrollerWindow.h contains a brand new class definition, which we’ll get to in a bit. This is the class with the class_ID constant 'CpsW' mentioned earlier in the column. Last month, we embedded our message handling code in PictScroller.cp. This month, we’ll create a subclass of LWindow and handle the messages (like 1001 from the Beep button and 1002 from the Picture... button) in our new class.

• In the function CPPStarterApp()::CPPStarterApp(), add this code at the end:

 URegistrar::RegisterClass(CPictScrollerWindow::class_ID,
 CPictScrollerWindow::CreatePictScrollerWindowStream);

This code registers our new class, passing in the class_ID code and a pointer to the member function that creates a new object.

• In CPPStarterApp::ObeyCommand(), comment out these two lines in the cmdNew case of the switch statement:

// LStdButton *theButton = 
// (LStdButton *)theWindow->FindPaneByID( 1000 );
// theButton->AddListener( this );

Since we will no longer be handling any messages in this class, we no longer have to add ourselves as a listener. For the same reason, we can delete the function CPPStarterApp::ListenToMessage():

• Delete the function CPPStarterApp::ListenToMessage().

• Save your changes and close the source code file.

• Now open the file PictScroller.h.

• Comment out the reference to public LListener in the first line of the CPPStarterApp class definition:

class CPPStarterApp : public Lapplication
 /*, public LListener*/ {

• Comment out the declaration of the member function CPPStarterApp::ListenToMessage().

// virtual void ListenToMessage( MessageT inMessage,
// void *ioParam);

Your next job is to create new source code files to hold your new class definition and your new class source code.

• Create a new source code file.

• Type in this source code:

#include <LWindow.h>
#include <LListener.h>

class CPictScrollerWindow : 
 public LWindow,
 public LListener {

public:
 enum { class_ID = 'CpsW' };

 static CPictScrollerWindow*
 CreatePictScrollerWindowStream(LStream *inStream);
 CPictScrollerWindow(LStream *inStream);
 virtual void ListenToMessage(MessageT inMessage,
 void *ioParam);
 
 virtual Boolean AllowSubRemoval(
 Lcommander *inSub);

protected:
 Lwindow *mChildWindow;

 virtual void FinishCreateSelf();
 void DisplayPictSelector();
};

• Save the source code file as CPictScrollerWindow.h.

• Close the file CPictScrollerWindow.h.

There are several important things to remember about CPictScrollerWindow.h. We are subclassing LWindow and LListener. We want to behave like a window and support listening to messages (in our case, we want a window that responds to control clicks). We’ve removed the listening behaviour from the LApplication subclass CPPStarterApp and added it to CPictScrollerWindow.

Notice the enum constant class_ID with its corresponding four byte code 'CpsW'. If you define your own class and will be adding listeners to a specific view, be sure the class defines a class_ID and be sure that class_ID code is entered in the class ID field for that view in Constructor.

You might be wondering why we modified the class ID field in the PictScroller view (the view with the two push buttons), but not in the Pict Selector view (the view with the three radio buttons). That’s because the class ID only matters if your controls generate messages and if you add a listener to listen to those messages. We won’t install listeners for any of the radio buttons. See the call UReanimator:: LinkListenerToControls() in CPictScrollerWindow:: DisplayPictSelector(). The class ID acts as a kind of linkage, linking message senders to the class that will receive those messages. As you’ll see, we’ll handle the radio buttons without using listeners, so we didn’t need to modify the class ID field in the Pict Selector view.

Let’s get to the CPictScrollerWindow.cp source code.

• Create another new source code file.

• Type in this source code (you can ignore the comments):

#include "CPictScrollerWindow.h"
#include <LStdControl.h>
#include <LPicture.h>
#include <UReanimator.h>

CPictScrollerWindow*
 CPictScrollerWindow::CreatePictScrollerWindowStream(
 LStream *inStream)
// This function gets called to create a new
// CPictScrollerWindow object.
{
 return (new CPictScrollerWindow(inStream));
}

 
CPictScrollerWindow::CPictScrollerWindow(
 LStream *inStream):LWindow(inStream)
// Here’s the constructor. Notice that we just pass the input parameter on to the             //               LWindow 
constructor. We have added a data member to our LWindow subclass              //               and initialize it here. 
mChildWindow is a pointer to a Pict Selector window (aka, a                 //               child window) if one exists. 
If you click in the Picture... button, if a child window   //    exists, it is brought to the front. If the child window 
does not exist, it is created.
{
 mChildWindow = nil;
}


void CPictScrollerWindow::FinishCreateSelf()
// FinishCreateSelf() overrides its LWindow counterpart and is called automatically at  //               object construction 
time. We’ll add our two listeners: one for the Beep button and              //               one for the Picture... button.
{
 LStdButton *theButton = (LStdButton*) FindPaneByID(1000);
 theButton->AddListener(this);
 theButton = (LStdButton*) FindPaneByID(1001);
 theButton->AddListener(this);
}


void CPictScrollerWindow::ListenToMessage(
 MessageT inMessage, void *ioParam)
{
 switch (inMessage) {
 case 1000:
// Beep if the Beep button is pressed.
 SysBeep(10);
 break;
 case 1001:
// Open the Pict Selector window if the Picture... button is pressed.
 DisplayPictSelector();
 break;
 case 2001:
 case 2002:
 case 2003: {
 if ((*(Int32*)ioParam) == Button_On) {
// When ListenToMessage() gets called in response to a message from a control, it      //               puts the value 
of the control in the param ioParam. We only take an action when a  //               radio button is being turned 
on. We don't do anything in response to a button  //    being turned off.
 LPicture *thePicture =
 (LPicture*) mChildWindow->FindPaneByID(2010);
 if (inMessage != thePicture->GetPictureID()) {
 thePicture->SetPictureID(inMessage);
 Rect pictFrame;
 thePicture->CalcLocalFrameRect(pictFrame);
 thePicture->ResizeImageTo(
 pictFrame.right - pictFrame.left,
 pictFrame.bottom - pictFrame.top, false);
 thePicture->Refresh();
 thePicture = (LPicture*) FindPaneByID(1003);
 thePicture->SetPictureID(inMessage);
 thePicture->Refresh();
 }
 }
 break;
 }
 }
}


void
CPictScrollerWindow::DisplayPictSelector()
{
// If the Pict Selector window doesn’t exist, we'll create it.
 if (mChildWindow == nil) {
 mChildWindow = LWindow::CreateWindow(2000, this);
// This call searches the specified RidL resource (in this case, 2000) and calls                //               AddListener 
for each item in the RidL. A RidL resource is much like a DITL              //               resource. It is a list of broadcasting 
pane IDs. Each of our radio buttons is a      //    broadcasting pane (broadcasts a message). When we grouped 
the three radio  //    buttons, Constructor created a RidL resource listing the three radio button pane 
    //    IDs. Call LinkListenerToControls() if you have a RidL, or AddListener() for each   //               broadcasting 
control if you don't have a RidL.
 UReanimator::LinkListenerToControls(
 this, mChildWindow, 2000);
// Gets the pane ID of the picture pane in the scroller window
 LPicture *scrollerPicture =
 (LPicture*) FindPaneByID(1003);
 LStdRadioButton *theRadioButton =
 (LStdRadioButton*)mChildWindow->FindPaneByID(
 scrollerPicture->GetPictureID() );
// Our Pict scaling code is executed when a message is sent to ListenToMessage(),    //               above. This 
code also calculates which picture should be drawn in the miniframe.                //               To be sure that this 
code gets executed, we first turn off the appropriate radio    //             button then turn it back on again.
 theRadioButton->SetValue( Button_Off );
 theRadioButton->SetValue( Button_On );
 mChildWindow->Show();
 } else {
 mChildWindow->Select();
 }
}


Boolean CPictScrollerWindow::AllowSubRemoval(
 LCommander *inSub)
// AllowSubRemoval() is called by PowerPlant (by LWindow::AttemptClose() and            //               LWindow::DoClose()) 
when an LWindow is closed. This is the hook where you  //    might put up a “Save Changes” dialog and not 
close the window if Cancel was   //    clicked. In our case, we won't put up this kind of dialog. Instead, we'll 
just mark      //    the mChildWindow as nil and return true, saying it is OK to delete the child           //
    window. It should be noted that AllowSubRemoval() is called when any window            //               that has a 
super-commander is closed (-n general, all windows will have a super-              //               commander - perhaps 
the LApplication object).  When you close the parent        //   window, the AllowSubRemoval() of the parent 
window’s supercommander (the  //    LApplication object's AllowSubRemoval()) gets called. We’ll learn about 
sub- and       //    supercommanders in a future column.
{
 if (inSub == mChildWindow) {
 mChildWindow = nil;
 }
 return true;
}

• Save the source code file as CPictScrollerWindow.cp.

• Select Add Window from the Project menu to add the file to the project.

• Close the file CPictScrollerWindow.cp.

Running the Project

That’s about it. Run the project. If you removed objects before you copied last month’s project, you’ll have a minute or two to wait for the PowerPlant classes to recompile. Once your program runs, you’ll see a window similar to the one in Figure 7.

Figure 7. The main, PictScroller window, showing two
push buttons and a scrolling picture.

Click on the Beep button. You should hear a beep. Click on the Picture... button. A Picture Selector window should appear (Figure 8). Click on a few radio buttons and verify that the picture changes in both the mini-frame and in the PictScroller window. Click on the PictScroller window to bring it to the front. Click on the Picture... button again. Notice that the Picture Selector window came to the front, as opposed to the program creating a new one.

Figure 8. The Picture Selector window.

Select New from the File menu and create a second PictScroller window. Click on that window’s Picture... button to bring up a second Picture Selector window. Click on radio buttons in each Picture Selector window to convince yourself that each is tied only to its own parent window. Now close one of the PictScroller windows. Notice that that window’s Picture Selector window also disappears!!! As I said in the program comments, this all has to do with commanders, subcommanders, and supercommanders. We’ll get into all that in future columns.

Till Next Month...

Well, that’s about it for PictScroller. I think we’ll start next month’s column with a brand new program. See you then...

 

Community Search:
MacTech Search:

Software Updates via MacUpdate

The beginner's guide to Warbits
Warbits is a turn-based strategy that's clearly inspired by Nintendo's Advance Wars series. Since turn-based strategy games can be kind of tricky to dive into, see below for a few tips to help you in the beginning. Positioning is crucial [Read... | Read more »
How to upgrade your character in Spellsp...
So you’ve mastered the basics of Spellspire. By which I mean you’ve realised it’s all about spelling things in a spire. What next? Well you’re going to need to figure out how to toughen up your character. It’s all well and good being able to spell... | Read more »
5 slither.io mash-ups we'd love to...
If there's one thing that slither.io has proved, it's that the addictive gameplay of Agar.io can be transplanted onto basically anything and it will still be good fun. It wouldn't be surprising if we saw other developers jumping on the bandwagon,... | Read more »
How to navigate the terrain in Sky Charm...
Sky Charms is a whimsical match-'em up adventure that uses creative level design to really ramp up the difficulty. [Read more] | Read more »
Victorious Knight (Games)
Victorious Knight 1.3 Device: iOS Universal Category: Games Price: $1.99, Version: 1.3 (iTunes) Description: New challenges awaits you! Experience fresh RPG experience with a unique combat mechanic, packed with high quality 3D... | Read more »
Agent Gumball - Roguelike Spy Game (Gam...
Agent Gumball - Roguelike Spy Game 1.0 Device: iOS Universal Category: Games Price: $2.99, Version: 1.0 (iTunes) Description: Someone’s been spying on Gumball. What the what?! Two can play at that game! GO UNDERCOVERSneak past enemy... | Read more »
Runaway Toad (Games)
Runaway Toad 1.0 Device: iOS Universal Category: Games Price: $2.99, Version: 1.0 (iTunes) Description: It ain’t easy bein’ green! Tap, hold, and swipe to help Toad hop to safety in this gorgeous new action game from the creators of... | Read more »
PsyCard (Games)
PsyCard 1.0 Device: iOS Universal Category: Games Price: $1.99, Version: 1.0 (iTunes) Description: From the makers och Card City Nights, Progress To 100 and Ittle Dew PSYCARD is a minesweeper-like game set in a cozy cyberpunk... | Read more »
Sago Mini Robot Party (Education)
Sago Mini Robot Party 1.0 Device: iOS Universal Category: Education Price: $2.99, Version: 1.0 (iTunes) Description: -- Children's Technology Review Editor's Choice -- | Read more »
Egz – The Origin of the Universe (Games...
Egz – The Origin of the Universe 1.0.2 Device: iOS Universal Category: Games Price: $3.99, Version: 1.0.2 (iTunes) Description: ►►► Special offer until 2nd may : get the game at 2.99€ instead of 3.99€ ! ◄◄◄ Egz is a mesmerizing mix... | Read more »

Price Scanner via MacPrices.net

Price drops on clearance 12-inch Retina MacBo...
B&H Photo has dropped prices on leftover 2015 12″ Retina MacBooks with models now available starting at $999. Shipping is free, and B&H charges NY tax only: - 12″ 1.1GHz Gray Retina MacBook... Read more
15-inch Retina MacBook Pros available for $20...
B&H Photo has 15″ Retina MacBook Pros on sale for up to $210 off MSRP. Shipping is free, and B&H charges NY tax only: - 15″ 2.2GHz Retina MacBook Pro: $1799 $200 off MSRP - 15″ 2.5GHz Retina... Read more
Target offers Apple Watch Sport for $50 off M...
Target has Apple Watch Sports on sale for $50 off MSRP for a limited time. Choose free shipping or free local store pickup (if available). Sale prices for online orders only, in-store prices may vary... Read more
Apple restocks Certified Refurbished Mac mini...
Apple has restocked Certified Refurbished 2014 Mac minis, with models available starting at $419. Apple’s one-year warranty is included with each mini, and shipping is free: - 1.4GHz Mac mini: $419 $... Read more
15-inch 2.2GHz Retina MacBook Pro on sale for...
Amazon.com has the 15″ 2.2GHz Retina MacBook Pro on sale for $1699.99 including free shipping. Their price is $300 off MSRP, and it’s the lowest price available for this model from any reseller (and... Read more
Apple Beats Microsoft at Own Game; Amazon Pri...
First quarter seasonality combined with an overall disinterested customer base led to an annual decline of 14.7% in worldwide tablet shipments during the first quarter of 2016 (1Q16). Worldwide... Read more
Tablets Had Worst Quarter Since 2012, says St...
The global tablet market began 2016 just as 2015 left off, down. Tablet shipments fell 10% to 46.5 million units during the Q1 2016, according to the new “Preliminary Global Tablet Shipments and... Read more
Clearance 13-inch MacBook Airs, Apple refurbi...
Apple recently dropped prices on certified refurbished 2015 13″ MacBook Airs with 4GB of RAM with models now available starting at $759. An Apple one-year warranty is included with each MacBook, and... Read more
Clearance 12-inch Retina MacBooks, Apple refu...
Apple has dropped prices on Certified Refurbished 2015 12″ Retina MacBooks with models now available starting at $929. Apple will include a standard one-year warranty with each MacBook, and shipping... Read more
Aleratec Releases Mac Software Upgrade for 1...
California based Aleratec Inc., designer, developer and manufacturer of Portable Device Management (PDM) charge/sync products for mobile devices and professional-grade duplicators for hard disk... Read more

Jobs Board

Restaurant Manager (Neighborhood Captain) - A...
…in every aspect of daily operation. WHY YOU'LL LIKE IT: You'll be the Big Apple . You'll solve problems. You'll get to show your ability to handle the stress and Read more
Simply Mac *Apple* Specialist- Service Repa...
Simply Mac is the largest premier retailer of Apple products in the nation. In order to support our growing customer base, we are currently looking for a driven Read more
*Apple* Retail - Multiple Positions - Apple,...
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
Restaurant Manager (Neighborhood Captain) - A...
…in every aspect of daily operation. WHY YOU'LL LIKE IT: You'll be the Big Apple . You'll solve problems. You'll get to show your ability to handle the stress and Read more
Automotive Sales Consultant - Apple Ford Linc...
…you. The best candidates are smart, technologically savvy and are customer focused. Apple Ford Lincoln Apple Valley is different, because: $30,000 annual salary Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.