TweetFollow Us on Twitter

More on Xcode

Volume Number: 19 (2003)
Issue Number: 9
Column Tag: Programming

Geeting Started

More on Xcode

by Dave Mark

I must say, I am really enjoying digging into Xcode. I'm impressed with what I've seen so far. The bugs I've encountered have mostly been cosmetic and, I assume, easily fixable. My understanding is that the WWDC release is the only Jaguar release and that all fixes and future releases will be Panther-only.

For the moment, I'll stick with the Jaguar version. As soon as a "for public consumption" version of the Panther Xcode makes its way into my hot little hands, I'll shift permanently into Panther mode.

Editor Window Details

Last month's column started off by opening an existing Project Builder project called Sketch.pbxproj in Xcode and updating the target, creating a new target called Sketch (Upgrade). Go ahead and launch Xcode and open the project. If you are starting from scratch, you'll find Sketch.pbxproj in the directory /Developer/Examples/AppKit/Sketch/. Remember, you can open a project by navigating to the right directory and clicking the Open button. Xcode will find the project file for you.

When the project window appears, click and hold on the Build and Debug icon. After a slight pause, a drop-down menu will appear (see Figure 1). The little triangle to the lower right of an Xcode tool icon is your clue that there's a drop-down menu lurking within. Just remember to hold and wait a hitch for the menu to appear.


Figure 1. The Build and Debug drop-down menu.

Go ahead and select Build and Debug from the drop-down menu. Xcode will build and launch a debug-ready version of Sketch and open the debugger window. As you'd expect, the debugging window allows you to control the debugging process.

Use the Dock to bring Sketch to the front. Click on the rectangles icon in the palette, then click and drag out a rectangle in the main window (see Figure 2). Note that the rectangle that appears is not filled.


Figure 2. Dragging out a rectangle with Sketch.

Now go back to the project window and click on the Project Symbols group (the last group in the Groups & Files column). As you saw last month, this "smart group" lists all the symbols in the project. Type init in the search field to reduce the list of symbols (See Figure 3).


Figure 3. Using the search field to find the init method in SKTGraphic.m.

We're looking for the init method in the file SKTGraphic.m. There are two ways to open this file from the listing in the Project Symbols group. We can click on the Editor icon in the toolbar (the cursor is pointing to this icon in Figure 3) to open an editing pane for that file in the Project Window. Alternatively, we can double-click on the line listing the file we want to open that file in a separate editing window. That's the method we're going to use here.

Figure 4 shows the editor window that appeared when I double-clicked on SKTGraphic.m. At the top of the window is the editor toolbar. Just beneath that is the status bar (in Figure 4 it says Sketch (Upgraded)).


Figure 4. A new editing window listing the file SKTGraphic.m.

Below the status bar is the navigation bar. Towards the left edge of the nav bar is a pair of arrows. These act like the left and right arrows in your browser and are used to move between source files. You'll see how this works in a sec.

If you scan to the right side of the nav bar, you'll see an icon showing a pair of overlapping rectangles, a grey one in front of a white one. This is called the counterpart icon. Click on it to switch between a .m and its corresponding .h file. For example, click the counterpart icon to switch to SKTGraphic.h. Note that the left arrow on the left side of the nav bar is now enabled. You can click it to go back to the file SKTGraphic.m. And, as you'd expect, once you click on the left arrow, the right arrow will be enabled so you can go back to SKTGraphic.h. As promised, just like the arrows in your browser.

As you visit different files in your editor window, they are added to a list, sort of a running history. Immediately to the right of the arrows in your nav bar is a popup listing all the files in this history list. Select a file name and the editor edits that file. Makes sense. The tiny dogear icon immediately to the left of the file name is a dirty flag. If the file is dirty (if it has changed since the last save) the icon is grey. Save the file and it returns to white.

Just to the right of the file name is a colon (":") followed by the current line number (either the beginning of a selection, or the line holding the insertion point). If you want to go to a specific line in a file, you can trial and error it, clicking around using the line number in the nav bar to help you home in on the right line. Or you can select Go to Line... from the Find menu (Command-L) and use that interface to select a specific line or range of lines (See Figure 5).


Figure 5. The Go to Line... command from the Find menu.

Also in the nav bar, just to the right of the file popup menu, lies the function/method popup. As you'd expect, this popup lists all the functions in the current file. Click anywhere inside a function and that function is shown in the popup title. Click on the popup and all the functions/methods in the file are listed in the order in which they appear. Option-click and the functions are listed in alphabetical order, separated by implementation. Give it a try. You'll get it right away.

Next over to the right is the counterpart icon (which we discussed above) followed immediately by the included files popup (it looks like a #) which lets you edit the tree of included files. Figure 6 shows the included files popup for SKTGraphic.m.


Figure 6. The included files popup menu.

To the lower right of the included files popup (at the top of the scroll bar) is the split view toggle. Click on the toggle to create a split in the editing window. Click the toggle again to remove the split. Once you create a split, the split resize control appears between the upper and lower scroll bars. To move the split, just drag this control (See Figure 7). Note that in the current Jaguar release (and presumably the only Jaguar release) of Xcode, the split resize control does not get drawn when you first create a split. Just resize the window a tiny bit and the control will appear.


Figure 7. Dragging the split resize control.

Fix and Continue

One of my favorite Xcode features is Fix-and-Continue. With Mac OS X's built-in support for dynamic linking, you can actually modify your code while it is running and watch the change come to life. Really.

So let's try this out. When you played with Sketch earlier in the column, you dragged out a rectangle and saw that the result was unfilled. If you look through the source code, you'll find that the fill color is white, but the setDrawFill: method is called with the parameter NO. In SKTGraphic.m, here's the init method:

- (id)init {
    self = [super init];
    if (self) {
        _document = nil;
        [self setBounds:NSMakeRect(0.0, 0.0, 1.0, 1.0)];
        [self setFillColor:[NSColor whiteColor]];
        [self setDrawsFill:NO];
        [self setStrokeColor:[NSColor blackColor]];
        [self setDrawsStroke:YES];
        [self setStrokeLineWidth:1.0];
        _origBounds = NSZeroRect;
        _gFlags.manipulatingBounds = NO;
    }
    return self;
}

Pay special attention to lines 6 and 7, which correspond to lines 20 and 21 in the file. If you haven't already, launch Sketch in the debugger. You can click on the Debug spray can in the editing window or debug window's toolbar, or select from the hammer/spraycan icon in the Project Window's toolbar.

Once Sketch launches in debug mode (you can tell the debugger is active because the Terminate and Pause icons will be enabled in the Debug window), drag out a couple of rectangles, just to prove that they are, indeed, unfilled.

Now go back to your editing window for SKTGraphic.m and change line 20 and 21 from:

        [self setFillColor:[NSColor whiteColor]];
        [self setDrawsFill:NO];

to:

        [self setFillColor:[NSColor greenColor]];
        [self setDrawsFill:YES];

Do NOT save. You'll see why in a sec.

Basically, we've changed the fill color from white to green and we've told Sketch that we do want our shapes filled.

Now comes the cool part.

Select Fix from the Debug menu.

Remember not to save!

You'll see a message in the Debug window about compiling and building. Once that settles down, go back to the running Sketch and click and drag out a rectangle. Wait, I've done it for you. Check out Figure 8. As you were expecting, the rectangles are now filled and green.


Figure 8. After the fix is applied, our rects are filled with green. Cool!

Once you are done playing with your new green rects, quit Sketch and rerun it, either as a straight run or via the debugger. Notice that your rectangles are back to being unfilled (you did remember to not save your changes, right?) To me, this is a beautiful way to play with your code. You can make changes, experiment, use Debug/Fix to test out your changes, see what works for you, then save what you want to.

I find dynamic linking fascinating. Fix and Continue works for Objective C, Carbon/C++ or even straight C, so it's available to all Mac OS X APIs and development languages. Though the Xcode team did not create dynamic linking, they did an excellent job rolling it into the environment. Brilliant!

    You may have noticed a scotch-tape dispenser icon in the Debug window with the label Fix. Clicking this icon does the same thing as selecting Fix from the Debug menu. There is a bug (I believe it is fixed in the current Panther release) where the icon is disabled (it just beeps when you click it). Fortunately, the bug does not affect the Fix item in the Debug menu.

Till Next Month...

Whelp, I'm out of space again. <sigh>. There's so much more I want to talk about. Next month, we're going to take the debugger through its paces and we'll also play around with a feature called code completion, one of my very favorite parts of Xcode. See you then...


Dave Mark is a long-time Mac developer and MacTech contributor. Author of more than a dozen books on various Mac-development topics, Dave is all about Xcode these days. Last month's column focused on the basics of opening a Project Builder project, target conversion, and the project window user interface. This month's installment will focus on the editor interface and a demo of fix-and-continue.

 

Community Search:
MacTech Search:

Software Updates via MacUpdate

Viber 12.4.0 - Send messages and make fr...
Viber lets you send free messages and make free calls to other Viber users, on any device and network, in any country! Viber syncs your contacts, messages and call history with your mobile device, so... Read more
OmniFocus 3.5.1 - GTD task manager with...
OmniFocus is an organizer app. It uses projects to organize tasks naturally, and then add tags to organize across projects. Easily enter tasks when you’re on the go, and process them when you have... Read more
Network Radar 2.9 - $17.99
Network Radar is an advanced network scanning and managing tool. Featuring an easy-to-use and streamlined design, the all-new Network Radar 2 has been engineered from the ground up as a modern Mac... Read more
Tidy Up 5.3.4 - Find duplicate files and...
Tidy Up is a full-featured duplicate finder and disk-tidiness utility. Features: Supports Lightroom: it is now possible to search and collect duplicates directly in the Lightroom library. Multiple... Read more
DiskCatalogMaker 8.0 - Catalog your disk...
DiskCatalogMaker is a simple disk management tool which catalogs disks. Simple, light-weight, and fast Finder-like intuitive look and feel Super-fast search algorithm Can compress catalog data for... Read more
ExpanDrive 7.4.11 - Access cloud storage...
ExpanDrive builds cloud storage in every application, acts just like a USB drive plugged into your Mac. With ExpanDrive, you can securely access any remote file server directly from the Finder or... Read more
OmniGraffle Pro 7.13 - Create diagrams,...
OmniGraffle Pro helps you draw beautiful diagrams, family trees, flow charts, org charts, layouts, and (mathematically speaking) any other directed or non-directed graphs. We've had people use... Read more
OmniGraffle 7.13 - Create diagrams, flow...
OmniGraffle helps you draw beautiful diagrams, family trees, flow charts, org charts, layouts, and (mathematically speaking) any other directed or non-directed graphs. We've had people use Graffle to... Read more
Airmail 4.0 - Powerful, minimal email cl...
Airmail is an mail client with fast performance and intuitive interaction. Support for iCloud, MS Exchange, Gmail, Google Apps, IMAP, POP3, Yahoo!, AOL, Outlook.com, Live.com. Airmail was designed... Read more
OmniOutliner Essentials 5.5.3 - Organize...
OmniOutliner Essentials (was OmniOutliner) is a flexible program for creating, collecting, and organizing information. Give your creativity a kick start by using an application that's actually... Read more

Latest Forum Discussions

See All

Isle Escape: The House is an upcoming pu...
Isle Escape: The House is an upcoming puzzle game from Simeon Angelov that's intended to serve as an introduction to a saga they're planning on releasing in an episodic fashion. The first chapter is set to release for both iOS and Android on 29th... | Read more »
Company of Heroes, the classic RTS, is n...
Feral Interactive has finally released their highly anticipated iOS version of the strategy classic Company of Heroes. It's available now for iPad as a premium title and has had various tweaks to ensure that it's optimised for touch controls. [... | Read more »
Mario Kart Tour's Vancouver Tour ha...
With Mario Kart Tour's Valentine's Tour now at an end (suspiciously before Valentine's Day has even arrived), it's now time to move on to the all-new and exciting Vancouver Tour. This time around, the featured drivers are Hiker Wario and Aurora... | Read more »
A new PictoQuest update makes it a much...
PictoQuest is a charming little puzzle game, but it left us a little disappointed. The game just didn’t seem to use screen space effectively, to the point that using the touch controls (as opposed to the default virtual d-pad) could lead to errant... | Read more »
Alley is an atmospheric adventure game a...
Alley is an atmospheric adventure game that sees you playing as a young girl trapped in an inescapable nightmare. Surrounded by her worst fears, every step forward for her is a huge challenge that you'll help guide her through using some simple... | Read more »
Fight monsters and collect heroes in Cry...
From Final Fantasy to Chaos Rings, Japanese roleplaying games have found a large and loyal fanbase on mobile devices. If you’re seeking a more under-the-radar JRPG to escape into, Lionsfilm’s Cryptract could be the one. The game has been around... | Read more »
Circuit Dude is a top-down, tile-based p...
Circuit Dude is a tile-based puzzler that was originally released on Steam back in 2017. Now it's made it's way over to mobile devices where it's available for both iOS and Android as a premium game. [Read more] | Read more »
Liege Dragon is another upcoming RPG for...
Liege Dragon is an upcoming RPG from Kemco, who has certainly streamlined the process of making their particular brand retro-inspired turn-based games at this point. Liege Dragon will be available for both iOS and Android. [Read more] | Read more »
Hidden Survivor from Joy Brick is a hide...
Joy Brick's Hidden Survivor is an interesting title of two halves: part story-focused survival experience, part intense hide-and-seek multiplayer game. Both elements come together to form a compellingly strange and enjoyable whole. The hide-and-... | Read more »
Stupid Zombies 4 is an upcoming trick-sh...
The Stupid Zombies are preparing to make their grand return to iOS and Android in the fourth instalment of the hugely popular trick-shot shooter series. If you missed out on the earlier games, the basic idea is that you have to bounce bullets... | Read more »

Price Scanner via MacPrices.net

Sunday sale: 27″ 5K iMacs for $150 off Apple’...
B&H Photo has new 2019 27″ 5K iMacs in stock today and on sale for $150 off Apple’s MSRP. Overnight shipping is free to many locations in the US: – 27″ 3.0GHz 5K iMac: $1649.99 $150 off MSRP – 27... Read more
Sunday sale: 21″ iMacs for $100-$150 off Appl...
B&H Photo has new 21″ Apple iMacs on sale for $100 off MSRP with models available starting at $999. These are the same iMacs offered by Apple in their retail and online stores. Overnight shipping... Read more
Best Buy President’s Day Weekend 2019 sale: A...
Best Buy has Apple HomePods on sale for $249.99 as part of their President’s Day Weekend 2019 sale. Both Space Gray and White HomePods are on sale for this price. Their price is $50 off Apple’s MSRP... Read more
President’s Day Weekend Sale: 13″ 1.4GHz MacB...
Amazon has new 2019 13″ 1.4GHz MacBook Pros on sale for $200 off Apple’s MSRP, starting at $1099, as part of their President’s Day Weekend sale. These are the same MacBook Pros sold by Apple in its... Read more
President’s Day Weekend Sale: Apple AirPods f...
Amazon has new 2019 Apple AirPods on sale today ranging up to $35 off MSRP, starting at $129, as part of their President’s Day Weekend sale. Shipping is free: – AirPods Pro: $234.98 $15 off MSRP –... Read more
Save hundreds on custom 16″ MacBook Pro confi...
Save up to $920 on a custom-configured 16″ MacBook Pro with these Certified Refurbished models now available at Apple. Each MacBook Pro features a new outer case, free shipping, and includes Apple’s... Read more
Back on sale: 4 and 6-core Mac Minis for $100...
B&H Photo has 4-Core and 6-Core Mac minis on sale for $100 off Apple’s standard MSRP, with prices starting at only $699. Overnight shipping is free to many US addresses: – 3.6GHz Quad-Core mini... Read more
16″ MacBook Pros, Certified Refurbished, now...
Apple is now offering Certified Refurbished 2019 16″ MacBook Pros for up to $420 off the cost of new models, starting at $2039. Each model features a new outer case, shipping is free, and an Apple 1-... Read more
Purchase a new Apple Pro Display XDR and pay...
Apple reseller DataVision has Apple’s new Pro Display XDR models available for order including sales tax for NY, NJ, PA, and CA residents only. If you don’t reside in one of those states, you can... Read more
B&H has select 13″ 2.4GHz MacBook Pros on...
B&H Photo has select 2019 13″ 2.4GHz MacBook Pros on sale $250 off Apple’s MSRP, starting at $1549. Overnight shipping is free to many addresses in the US. These are the same MacBook Pros sold by... Read more

Jobs Board

*Apple* Computing Professional - Best Buy (U...
**761650BR** **Job Title:** Apple Computing Professional **Job Category:** Store Associates **Store NUmber or Department:** 000217-Aurora-Store **Job Description:** Read more
Medical Assistant - *Apple* Valley Clinic -...
…provide professional, quality care to patients in the ambulatory setting at the Fairview Apple Valley Clinic, located in Apple Valley, MN. Join the **Fairview Read more
Geek Squad *Apple* Consultation Professiona...
**762475BR** **Job Title:** Geek Squad Apple Consultation Professional **Job Category:** Store Associates **Store NUmber or Department:** 001423-San Jose-Store **Job Read more
*Apple* Engineering Specialist - Amentum (Un...
Job Summary Amentum has an immediate opportunity for an Apple Engineering Solutions to support a government agencys capabilities in Washington, DC (Union Station / Read more
Best Buy *Apple* Computing Master - Best Bu...
**745058BR** **Job Title:** Best Buy Apple Computing Master **Job Category:** Store Associates **Store NUmber or Department:** 001080-Lake Charles-Store **Job Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.