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

Capto 1.2.9 - $29.99
Capto (was Voila) is an easy-to-use app that takes capturing, recording, video and image editing to the next level. With an intelligent file manager and quick sharing options, Capto is perfect for... Read more
Opera 51.0.2830.40 - High-performance We...
Opera is a fast and secure browser trusted by millions of users. With the intuitive interface, Speed Dial and visual bookmarks for organizing favorite sites, news feature with fresh, relevant content... Read more
GarageSale 7.0.13 - Create outstanding e...
GarageSale is a slick, full-featured client application for the eBay online auction system. Create and manage your auctions with ease. With GarageSale, you can create, edit, track, and manage... Read more
1Password 6.8.7 - Powerful password mana...
1Password is a password manager that uniquely brings you both security and convenience. It is the only program that provides anti-phishing protection and goes beyond password management by adding Web... Read more
Evernote 7.0.1 - Create searchable notes...
Evernote allows you to easily capture information in any environment using whatever device or platform you find most convenient, and makes this information accessible and searchable at anytime, from... Read more
MacUpdate Desktop 6.2.0 - $20.00
MacUpdate Desktop brings seamless 1-click app installs and version updates to your Mac. With a free MacUpdate account and MacUpdate Desktop 6, Mac users can now install almost any Mac app on... Read more
HoudahSpot 4.3.5 - Advanced file-search...
HoudahSpot is a versatile desktop search tool. Use HoudahSpot to locate hard-to-find files and keep frequently used files within reach. HoudahSpot will immediately feel familiar. It works just the... Read more
EtreCheck 4.0.4 - For troubleshooting yo...
EtreCheck is an app that displays the important details of your system configuration and allow you to copy that information to the Clipboard. It is meant to be used with Apple Support Communities to... Read more
WhatsApp 0.2.8361 - Desktop client for W...
WhatsApp is the desktop client for WhatsApp Messenger, a cross-platform mobile messaging app which allows you to exchange messages without having to pay for SMS. WhatsApp Messenger is available for... Read more
iClock 4.2 - Customize your menubar cloc...
iClock is a menu-bar replacement for Apple's default clock but with 100x features. Have your Apple or Google calendar in the menubar. Have the day, date, and time in different fonts and colors in the... Read more

Latest Forum Discussions

See All

The best games like Florence
Florence is a great little game about relationships that we absolutely adored. The only problem with it is it's over a little too soon. If you want some other games with some emotional range like Florence, check out these suggestions: [Read more] | Read more »
Angry Birds Champions adds cash prizes t...
Collaborating with developer Rovio Entertainment, GSN Games has released a twist on the Angry Birds formula. Angry Birds Champions features the same bird-flinging gameplay, but now you can catapult Red and co for cash. | Read more »
Around the Empire: What have you missed...
148Apps is part of a family. A big family of sites that make sure you're always up to date with all the portable gaming news. Just like a real family, I guess. I don't know, my mum never told me anything about Candy Crush to be fair. [Read more] | Read more »
The Battle of Polytopia Guide - Tips for...
The addition of multiplayer to The Battle of Polytopia has catapulted the game from a fun enough time waster to a fully-fledged 4X experience on your phone. We've been playing quite a few matches over the past week or so, and we've put together a... | Read more »
All the best games on sale for iPhone an...
Hi there, and welcome to our round up of all the best games that are on sale for iOS at the moment. It's not a vintage week in terms of numbers, but I'm pretty sure that every single one of these is worth picking up if you haven't already played... | Read more »
Disc Drivin' 2 Guide - Tips for the...
We're all still playing quite a bit of Disc Drivin' 2 over here at 148Apps, and we've gotten pretty good at it. Now that we've spent some more time with the game and unlocked more powerups, check out some of these more advanced tips: | Read more »
Alto's Odyssey Guide - How to Tackl...
Alto’s Odyssey is a completely stunning and serene runner, but it can also be a bit tricky. Check out these to try and keep your cool while playing this endless runner: Don’t focus too much on tasks [Read more] | Read more »
Here's everything you need to know...
Alto's Odyssey is a really, really good game. If you don't believe me, you should definitely check out our review by clicking this link right here. It takes the ideas from the original Alto's Adventure, then subtly builds on them, creating... | Read more »
Alto's Odyssey (Games)
Alto's Odyssey 1.0.1 Device: iOS Universal Category: Games Price: $4.99, Version: 1.0.1 (iTunes) Description: Just beyond the horizon sits a majestic desert, vast and unexplored. Join Alto and his friends and set off on an endless... | Read more »
Vainglory 5v5: Everything you need to kn...
Vainglory just got bigger. [Read more] | Read more »

Price Scanner via MacPrices.net

Apple AirPods in stock today for $159, free s...
Adorama reports stock of Apple AirPods today for $159 including free shipping, plus pay no sales tax outside of NY & NJ. See our Apple AirPod Price Tracker for the latest prices and stock status... Read more
Saturday Sale: Amazon offers 12″ 1.3GHz MacBo...
Amazon has Silver and Gold 2017 12″ 1.3GHz Retina MacBooks on sale for $250 off MSRP. Shipping is free: – 12″ 1.3GHz Silver MacBook: $1349.99 $250 off MSRP – 12″ 1.3GHz Gold MacBook: $1349.99 $250... Read more
Use your Apple Education discount and save up...
Purchase a new Mac using Apple’s Education discount, and take up to $400 off MSRP. All teachers, students, and staff of any educational institution with a .edu email address qualify for the discount... Read more
Apple Canada offers 2017 21″ and 27″ iMacs fo...
 Canadian shoppers can save up to $470 on the purchase of a 2017 current-generation 21″ or 27″ iMac with Certified Refurbished models at Apple Canada. Apple’s refurbished prices are the lowest... Read more
9″ iPads available online at Walmart for $50...
Walmart has 9.7″ Apple iPads on sale for $50 off MSRP for a limited time. Sale prices are for online orders only, in-store prices may vary: – 9″ 32GB iPad: $279.99 $50 off – 9″ 128GB iPad: $379.99 $... Read more
15″ Apple MacBook Pros, Certified Refurbished...
Save $360-$420 on the purchase of a 2017 15″ MacBook Pro with Certified Refurbished models at Apple. Apple’s refurbished prices are the lowest available for each model from any reseller. An standard... Read more
Amazon restocks MacBook Pros with models avai...
Amazon has restocked 15″ and 13″ Apple MacBook Pros with models on sale for up to $251 off MSRP. Shipping is free. Note that stock of some Macs may come and go (and some sell out quickly), so check... Read more
Lowest price of the year: 15″ 2.8GHz Apple Ma...
Amazon has the 2017 Space Gray 15″ 2.8GHz MacBook Pro on sale today for $251 off MSRP. Shipping is free: – 15″ 2.8GHz Touch Bar MacBook Pro Space Gray (MPTR2LL/A): $2148, $251 off MSRP Their price is... Read more
Apple restocks full line of Certified Refurbi...
Apple has restocked a full line of Apple Certified Refurbished 2017 13″ MacBook Pros for $200-$300 off MSRP. A standard Apple one-year warranty is included with each MacBook, and shipping is free.... Read more
Lowest sale price available for 13″ 1.8GHz Ma...
Focus Camera has the 2017 13″ 1.8GHz/128GB Apple MacBook Air on sale today for $829 including free shipping. Their price is $170 off MSRP, and it’s the lowest price available for a current 13″... Read more

Jobs Board

*Apple* Retail - Multiple Positions - Apple,...
Job Description: Sales Specialist - Retail Customer Service and Sales Transform Apple Store visitors into loyal Apple customers. When customers enter the store, Read more
*Apple* Retail - Multiple Positions - Apple,...
Job Description:SalesSpecialist - Retail Customer Service and SalesTransform Apple Store visitors into loyal Apple customers. When customers enter the store, Read more
*Apple* Retail - Multiple Positions - Apple,...
Job Description: Sales Specialist - Retail Customer Service and Sales Transform Apple Store visitors into loyal Apple customers. When customers enter the store, Read more
*Apple* Solutions Consultant - Apple (United...
# Apple Solutions Consultant Job Number: 113523441 Orange, CA, California, United States Posted: 21-Feb-2018 Weekly Hours: 40.00 **Job Summary** Are you passionate Read more
*Apple* Retail - Multiple Positions - Apple,...
Job Description:SalesSpecialist - Retail Customer Service and SalesTransform Apple Store visitors into loyal Apple customers. When customers enter the store, Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.