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

Latest Forum Discussions

See All

Combo Quest (Games)
Combo Quest 1.0 Device: iOS Universal Category: Games Price: $.99, Version: 1.0 (iTunes) Description: Combo Quest is an epic, time tap role-playing adventure. In this unique masterpiece, you are a knight on a heroic quest to retrieve... | Read more »
Hero Emblems (Games)
Hero Emblems 1.0 Device: iOS Universal Category: Games Price: $2.99, Version: 1.0 (iTunes) Description: ** 25% OFF for a limited time to celebrate the release ** ** Note for iPhone 6 user: If it doesn't run fullscreen on your device... | Read more »
Puzzle Blitz (Games)
Puzzle Blitz 1.0 Device: iOS Universal Category: Games Price: $1.99, Version: 1.0 (iTunes) Description: Puzzle Blitz is a frantic puzzle solving race against the clock! Solve as many puzzles as you can, before time runs out! You have... | Read more »
Sky Patrol (Games)
Sky Patrol 1.0.1 Device: iOS Universal Category: Games Price: $1.99, Version: 1.0.1 (iTunes) Description: 'Strategic Twist On The Classic Shooter Genre' - Indie Game Mag... | Read more »
The Princess Bride - The Official Game...
The Princess Bride - The Official Game 1.1 Device: iOS Universal Category: Games Price: $3.99, Version: 1.1 (iTunes) Description: An epic game based on the beloved classic movie? Inconceivable! Play the world of The Princess Bride... | Read more »
Frozen Synapse (Games)
Frozen Synapse 1.0 Device: iOS iPhone Category: Games Price: $2.99, Version: 1.0 (iTunes) Description: Frozen Synapse is a multi-award-winning tactical game. (Full cross-play with desktop and tablet versions) 9/10 Edge 9/10 Eurogamer... | Read more »
Space Marshals (Games)
Space Marshals 1.0.1 Device: iOS Universal Category: Games Price: $4.99, Version: 1.0.1 (iTunes) Description: ### IMPORTANT ### Please note that iPhone 4 is not supported. Space Marshals is a Sci-fi Wild West adventure taking place... | Read more »
Battle Slimes (Games)
Battle Slimes 1.0 Device: iOS Universal Category: Games Price: $1.99, Version: 1.0 (iTunes) Description: BATTLE SLIMES is a fun local multiplayer game. Control speedy & bouncy slime blobs as you compete with friends and family.... | Read more »
Spectrum - 3D Avenue (Games)
Spectrum - 3D Avenue 1.0 Device: iOS Universal Category: Games Price: $2.99, Version: 1.0 (iTunes) Description: "Spectrum is a pretty cool take on twitchy/reaction-based gameplay with enough complexity and style to stand out from the... | Read more »
Drop Wizard (Games)
Drop Wizard 1.0 Device: iOS Universal Category: Games Price: $1.99, Version: 1.0 (iTunes) Description: Bring back the joy of arcade games! Drop Wizard is an action arcade game where you play as Teo, a wizard on a quest to save his... | Read more »

Price Scanner via MacPrices.net

14-inch M4 Pro/M4 Max MacBook Pros on sale th...
Don’t pay full price! Get a new 14″ MacBook Pro with an M4 Pro or M4 Max CPU for up to $320 off Apple’s MSRP this weekend at these retailers…they are the lowest prices available for these MacBook... Read more
Get a 15-inch M4 MacBook Air for $150 off App...
A couple of Apple retailers are offering $150 discounts on new 15″ M4 MacBook Airs this weekend. Prices at these retailers start at $1049: (1): Amazon has new 15″ M4 MacBook Airs on sale for $150 off... Read more
Unreal Mobile is offering a $100 discount on...
Unreal Mobile, an MVNO using AT&T and T-Mobile’s networks, is offering a $100 discount on any new iPhone with service. This includes new iPhone 16 models as well as iPhone 15, 13, and SE phones... Read more
16-inch M4 Pro MacBook Pros on sale for $250-...
Don’t pay full price! Amazon has 16-inch M4 Pro MacBook Pros (Silver or Black colors) on sale right now for up to $300 off Apple’s MSRP. Shipping is free. These are the lowest prices currently... Read more
Get a 14-inch M4 MacBook Pro for up to $240 o...
Amazon is offering a $150-$250 discount on Apple’s 14-inch M4 MacBook Pros right now. Shipping is free. Be sure to select Amazon as the seller, rather than a third-party seller: – 14″ M4 MacBook Pro... Read more
Clearance 14-inch M3 Pro MacBook Pros availab...
B&H Photo has clearance 14″ M3 Pro MacBook Pros (in Black or Silver) on sale for $500 off original MSRP, only $1499. B&H offers free 1-2 day delivery to most US addresses: – 14″ 11-Core M3... Read more
Sams Club is offering a $50 discount on Titan...
Sams Club has Titanium Apple Watch Series 10 models on sale for $50 off Apple’s MSRP. Sams Club Membership required. Note that sale prices are for online orders only, in-store prices may vary. Choose... Read more
Sunday Sale: Apple’s latest 13-inch M4 MacBoo...
Amazon has new 13″ M4 MacBook Airs on sale for $150 off MSRP right now, starting at $849. Sale prices apply to most colors and configurations. Be sure to select Amazon as the seller, rather than a... Read more
Apple’s M4 Mac minis on sale for record-low p...
B&H Photo has M4 and M4 Pro Mac minis in stock and on sale right now for up to $150 off Apple’s MSRP, each including free 1-2 day shipping to most US addresses. Prices start at only $469: – M4... Read more
Week’s Best Deals: 14-inch M4 MacBook Pros fo...
Don’t pay full price! These retailers are offering $200-$250 discounts on new 14-inch M4 MacBook Pros this week…they are the lowest sale prices available for new MacBook Pros: (1): Amazon is offering... Read more

Jobs Board

All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.