• Open Menu Close Menu
  • Apple
  • Shopping Bag
  • Apple
  • Mac
  • iPad
  • iPhone
  • Watch
  • TV
  • Music
  • Support
  • Search apple.com
  • Shopping Bag

Lists

Open Menu Close Menu
  • Terms and Conditions
  • Lists hosted on this site
  • Email the Postmaster
  • Tips for posting to public mailing lists
Re: How to create "pressed" effect on custom rounded buttons (like Safari bookmark)
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

Re: How to create "pressed" effect on custom rounded buttons (like Safari bookmark)


  • Subject: Re: How to create "pressed" effect on custom rounded buttons (like Safari bookmark)
  • From: Ricky Sharp <email@hidden>
  • Date: Wed, 17 May 2006 17:03:19 -0500


On May 17, 2006, at 2:10 PM, I. Savant wrote:


How did you create your custom button? Did you draw it in code or did you use a pre-rendered image? Either way, you need to provide the same button with the "pressed" look.


I'd been using pre-rendered images (two images per button - one normal and one pressed) but be warned - OS X 10.5 will supposedly support scaling displays which will make this method obsolete (because the scaling will make your pre-rendered interface elements look ugly). I've since changed my ways. ;-)

This isn't necessarily true. The body of all my buttons are vector- based PDFs. When finally rendered, I believe most (all?) are getting an NSBitmapImageRep rendered at the appropriate scaling factor. I thus get beautiful scaling at all scaling factors offered by QuartzDebug. If you use 72-dpi bitmapped images, then yes, you're going to get scaling artifacts. High-DPI or multi-DPI images are also a way to go, but in my experience, vector-PDFs have given me far better results.


I recommend drawing your buttons using code. For what it's worth, though, I believe Safari uses pre-rendered button images for the buttons you mentioned. Look in the Safari app bundle's Resources folder for an example.

You can definitely do that. Or fire up an app like Illustrator. In terms on multi-DPI images, I know that Photoshop CS 1 doesn't handle them. Cannot speak for CS 2.


On May 17, 2006, at 2:56 PM, Eric wrote:

I have custom created a rounded button much like Safari's bookmark button.
However, I'm unable to create the etched in effect on the button when it is
pressed down, like it does in Safari. I've tried using shadows and
offsetted paths to no avail. Any suggestion appreciated.

Safari is just using a bitmapped image.

___________________________________________________________
Ricky A. Sharp         mailto:email@hidden
Instant Interactive(tm)   http://www.instantinteractive.com

_______________________________________________
Do not post admin requests to the list. They will be ignored.
Cocoa-dev mailing list      (email@hidden)
Help/Unsubscribe/Update your Subscription:
This email sent to email@hidden


  • Follow-Ups:
    • Re: How to create "pressed" effect on custom rounded buttons (like Safari bookmark)
      • From: Eric <email@hidden>
    • Re: How to create "pressed" effect on custom rounded buttons (like Safari bookmark)
      • From: "I. Savant" <email@hidden>
References: 
 >How to create "pressed" effect on custom rounded buttons (like Safari bookmark) (From: Eric <email@hidden>)
 >Re: How to create "pressed" effect on custom rounded buttons (like Safari bookmark) (From: "I. Savant" <email@hidden>)

  • Prev by Date: Re: NSApplication Terminate:self <-- doesn't trigger dealloc method.
  • Next by Date: willPositionSheet and the x coordinate
  • Previous by thread: Re: How to create "pressed" effect on custom rounded buttons (like Safari bookmark)
  • Next by thread: Re: How to create "pressed" effect on custom rounded buttons (like Safari bookmark)
  • Index(es):
    • Date
    • Thread