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

Can PokeMatch help you find love with Po...
The unofficial Pokemon GO companion app space has exploded almost as fast as the game itself over the last few weeks. Aspiring app developers, many of them working solo, have given us apps that locate Pokemon, keep track of the server status, and... | Read more »
How to get started with Prisma
If there's one thing people like to do more than taking pictures with their smartphones, it's tinkering with those photos in some way. Numerous apps have sprung up over the last several years that allow you to use filters and special effects to... | Read more »
6 Pokemon GO updates you can expect, acc...
Pokemon GO had a scheduled appearance at this year's San Diego Comic-Con for a while, but it was only relatively close to the show that it was upgraded to a spot in Hall H. That's the biggest venue at SDCC, one usually reserved for the largest... | Read more »
How to evolve Eevee in Pokemon GO
By now, almost everyone should be hip to how to evolve Pokemon in Pokemon GO (and if not, there's a guide for that). Just gather enough candy of the appropriate type, feed them all to the Pokemon, and evolution happens. It's a miracle that would... | Read more »
CSR Racing 2: Guide to all game modes
It might not seem like there are all that many ways to go fast in a straight line, but CSR Racing 2 begs to differ. [Read more] | Read more »
Bulb Boy (Games)
Bulb Boy 1.0 Device: iOS Universal Category: Games Price: $2.99, Version: 1.0 (iTunes) Description: Multi-award winning 2D point & click horror adventure about a boy with a glowing head. | Read more »
5 top free emoji keyboard apps
If we're not at peak emoji yet as a society, it feels like we definitely should be. The emoji concept has gone far beyond what anyone in Japan could have envisioned when the people there unleashed it on an unsuspecting world, but the West has... | Read more »
How to unlock more characters in Disney...
One of the big charms of Disney Emoji Blitz is seeing a wide variety of beloved Disney and Pixar characters transformed into smiling emojis. Even someone like the sneaky Randall from Monsters Inc., who probably never cracked a smile on film, is... | Read more »
Cubway (Games)
Cubway 1.0 Device: iOS Universal Category: Games Price: $1.99, Version: 1.0 (iTunes) Description: Cubway is a journey with an abstract story of lifecycle of rebirth, called Samsara. Guide the cube through the long way full of dangers... | Read more »
Colorcube (Games)
Colorcube 1.0 Device: iOS Universal Category: Games Price: $1.99, Version: 1.0 (iTunes) Description: Turn pieces and blend colours in this minimal yet visually stunning puzzler.Over 200 handcrafted and challenging levels. Features... | Read more »

Price Scanner via MacPrices.net

External Keyboard Innovations For iPad Pro (1...
I’m an input device aficionado. With non-touchscreen computers, which includes all Macs, the keyboard and mouse or trackpad are the tactile points of interface between user and machine, and the... Read more
GSK Rheumatoid Arthritis Study Leverages iPho...
Global healthcare products company GlaxoSmithKline (GSK) says that since 2014 they have begun transforming the way they conduct research, by leveraging state-of-the-art digital technologies — a... Read more
Clearance 12-inch Retina MacBooks, Apple refu...
Apple has Certified Refurbished 2015 12″ Retina MacBooks available starting at $929. Apple will include a standard one-year warranty with each MacBook, and shipping is free. The following... Read more
13-inch Retina MacBook Pros on sale for up to...
B&H Photo has 13″ Retina MacBook Pros on sale for up to $150 off MSRP. Shipping is free, and B&H charges NY tax only: - 13″ 2.7GHz/128GB Retina MacBook Pro: $1199 $100 off MSRP - 13″ 2.7GHz/... Read more
13-inch 1.6GHz/128GB MacBook Air on sale for...
Amazon has the 13″ 1.6GHz/128GB MacBook Air on sale for $200 off MSRP for a limited time. Shipping is free: - 13″ 1.6GHz/128GB MacBook Air (sku MMGF2LL/A): $799.99 $200 off MSRP Their price is the... Read more
13-inch 1.6GHz/256GB MacBook Air on sale for...
Amazon has the 13″ 1.6GHz/256GB MacBook Air on sale for $200 off MSRP for a limited time. Shipping is free: - 13″ 1.6GHz/256GB MacBook Air (sku MMGG2LL/A): $999.99 $200 off MSRP Their price is the... Read more
Free iOS Business App notably* Helps Service...
PayStudio Inc. has introduced their new business app notably* 1.0, developed for iPhone and iPod touch. notably* was specifically developed to help service and trade professionals go digital and... Read more
27-inch iMacs on sale for $200 off MSRP
Amazon has 27″ iMacs on sale for $200 off MSRP including free shipping: - 27″ 3.3GHz iMac 5K: $2099 $200 off MSRP - 27″ 3.2GHz/1TB Fusion iMac 5K: $1799.99 $200 off MSRP - 27″ 3.2GHz/1TB HD iMac 5K... Read more
Mac Pros on sale for $200 off MSRP
B&H Photo has Mac Pros on sale for $200 off MSRP. Shipping is free, and B&H charges sales tax in NY only: - 3.7GHz 4-core Mac Pro: $2799, $200 off MSRP - 3.5GHz 6-core Mac Pro: $3799, $200... Read more
Save up to $600 with Apple refurbished Mac Pr...
Apple has Certified Refurbished Mac Pros available for up to $600 off the cost of new models. An Apple one-year warranty is included with each Mac Pro, and shipping is free. The following... Read more

Jobs Board

*Apple* Retail - Multiple Positions, Willow...
Job Description:SalesSpecialist - Retail Customer Service and SalesTransform Apple Store visitors into loyal Apple customers. When customers enter the store, Read more
*Apple* Evangelist - JAMF Software (United S...
The Apple Evangelist is responsible for building and cultivating strategic relationships with Apple 's small and mid-market business development field teams. This Read more
*Apple* Solutions Consultant - APPLE (United...
Job Summary As an Apple Solutions Consultant, you'll be the link between our future customers and our products. You'll showcase your entrepreneurial spirit as you Read more
*Apple* Professional Learning Specialist - A...
Job Summary The Apple Professional Learning Specialist is a full-time position for one year with Apple in the Phoenix, AZ area. This position requires a high Read more
*Apple* Picker - Apple Hill Orchard (United...
Apple Hill Orchard, Co. Rte. 21,Whitehall, NY 9/7/16-10/228/16. Pick fresh market or processing apples Productivity of 60 boxes and 80 boxes processing fruit per Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.