Posts Tagged ‘Interface Builder’

Hacking Quicksilver’s Cube interface for bigger icons

Wednesday, June 28th, 2006

quicksilver100pxThe new Cube Interface in Quicksilver is very nice, almost nice enough to tempt me away from the Bezel that I have used since I first stumbled across the app.

But the icons on each side of the interface are very small. I can only make out what they are by squinting.

So, emboldened by playing around with the look of Letterbox, I thought that I would see if you can make the icons bigger with Interface Builder. And you can.

Here’s a screenshot (poor quality, apologies) of the default layout and my tweaked one, which makes the central icon smaller and the ones on the side a little bigger:

cubeinterfaces

It’s not hard to do. Interface Builder comes with the Mac OS X Developer Tools.

These tools are not installed by default, but you can find them on your installation discs, where they live in a folder called “Xcode Tools”. After installation you will find them in a folder called “Developer” in the root directory (this may not be the right word, but a hangover from pre-Mac days) of your harddrive.

Once they are installed, you can navigate to the Cube Interface.qsplugin file which is your ~/Library/Application Support/Quicksilver/Plugins folder.

InterfaceBuilderScreenCommand-click (or right click) on the file and select “Show Package Contents”. Then navigate to the QSCubeInterface.nib file in Contents/Resources folder. You might want to back it up before you start playing with it, just in case.

Double click on the nib file to open it in Interface builder.

You will see the layout pictured here on the left. The squares are just like image place-holders or text boxes in any other app. You can resize them to your heart’s content.

Save and close Interface Builder and you are done. You might want to save a copy of your modified nib file somewhere else. I think Quicksilver’s update service will overwrite it when a new version of the plugin is installed.

No more squinting. Enjoy.quicksilver, productivity, interface, hacks, tips, cube interface, interface builder, who dares wins

Tags: , , , , , , ,

Hacking the hack: MailWideScreen tweaks

Wednesday, June 7th, 2006

nib_iconOliver, another Ars Technica reader, has taken Mithras’ MailWideScreen bundle and tweaked it some more, following the advice of Malacoda.

He added alternating background colours for the rows in Message Viewer, vertical lines and small scrollbars.

interfacebuilderinspectorHe has posted screenshots of the result in the Ars Technica thread .

These tweaks are done by editing the nib files in Mail.app’s Resources Package with an app called Interface Builder, which is part of the Mac OS X Developer Tools.

These tools are not installed by default, but you can find them on your installation discs, where they live in a folder called “Xcode Tools”. After installation you will find them in a folder called “Developer” in the root directory (this may not be the right word, but a hangover from pre-Mac days) of your harddrive.

If you have them installed, you can navigate to the MessageViewerContents.nib file in your Contents/Resources/English.lproj/ folder of Mail.app’s package, click on it and it will open in Interface Builder.

At this point, I should confess that I have absolutely no idea what I am doing in Interface Builder, so if you want to read on and fool around with the way Mail looks (as I did), it’s at your own risk.

I recommend backing up Mail.app at the very least, or creating a duplicate of Mail.app and dragging it to the Desktop for safe keeping. Closing Mail first seems like a prudent step too.

It’s easy enough to create Oliver’s extra tweaks. When the nib file opens, click once on the Column view of the main window to select it:

ListAndMessage.jpg

Then bring up the Inspector, pictured above on the left, by pressing Shift-Command-I or Window > Show Inspector. All the options are there. Save your changes, quit and you’re done.

But once you start, it’s hard to stop. There’s lots more MailWideScreen-independent fun to be had. You can slim down the scrollbars whether you use the hack or not:

scrollbars

Or you can give the message viewer a once-over all your own. Here it is with alternating colours and horizontal lines:

messageviewer

I decided to stop before I busted something. But you don’t have to.

UPDATE: The MailWideScreen plugin has a new name: Letterbox Apple GUI, mail.app, apple mail, hacks, widescreen, bundles, nib, interface builder, mods

Tags: , , , , , , , ,