ole / obshapedbutton Goto Github PK

A UIButton subclass that works with for non-rectangular button shapes.

Home Page: http://oleb.net/blog/2009/10/obshapedbutton-non-rectangular-buttons-on-the-iphone/

License: MIT License

Ruby 16.27% Objective-C 83.73%

obshapedbutton's Introduction

OBShapedButton

OBShapedButton is a UIButton subclass optimized for non-rectangular button shapes. Instances of OBShapedButton respond to touches only in areas where the image that is assigned to the button for UIControlStateNormal is non-transparent.

How to Install

Installation via CocoaPods

If possible, you should install OBShapedButton via CocoaPods:

$ edit Podfile
platform :ios
pod 'OBShapedButton'

Manual Installation

If you cannot use CocoaPods for whatever reason, manually add OBShapedButton.h, OBShapedButton.m, UIImage+ColorAtPixel.h, and UIImage+ColorAtPixel.m to your Xcode project.

Usage

Design your UI in Interface Builder with UIButtons as usual. Set the Button type to Custom and provide transparent PNG images for the different control states as needed.
In the Identity Inspector in Interface Builder, set the Class of the button to OBShapedButton. That's it! Your button will now only respond to touches where the PNG image for the normal control state is non-transparent.

Credits

Written by Ole Begemann, [email protected]
http://oleb.net/blog/2009/10/obshapedbutton-non-rectangular-buttons-on-the-iphone/
October, 2009

Corrected some serious bugs in April 2011. Thanks to the commenters on my blog and those who posted issues on GitHub for pointing them out, including the fixes.

Contributors:

balabhadra added support for background images.
yurkins fixed an issue that only occurred in release builds.
Steven Zweier fixed an issue that would intermittently result in wrong hit tests.
jvanakker fixed an issue with images that had a different size than the button.

MIT License

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

obshapedbutton's People

Contributors

Stargazers

Watchers

Forkers

balabhadra hyuni childhood guiguiguigui93 jprothwell gitm2m lionxing ltgbau evifree ahdidou-mohamed sdesimone oldfrank lamlee extremeboredom ananthatgis dineshprasanna pts011080 krishna03 theniks david402 iosandroiddev nookaraju hpique imtcn patgdut demonnico xibic masbog yurkins xiaoyanit markuscosta briangu nagendratripathi cyndibaby905 linhtran1788 imeteora akash-obl macbuildserver meachware noobish1 yarchiko robitanzil emptymind81 xingftw eyeye chenzufa benno26 liubin1777 kerembirinci vdeleon yunzixun elpsk rokodev zoyag mingsai sarfarazsajjad mr-97 alstonwei wshcdr snymax avinashkiran yinjiahjk guoyalun starakaj nelsonnan zengkebing3630 neuhq bnorman2 anatoly-kondratyuk fkhannouf wckai arslanraza sayan1886 guoyi001 luiseduardohdbackup ashishgabani verma-manish58 454036111 liudeng peterstudio crashmaker ahyin007 piglikeyoung zjn13500651999 ycaihua casparzheng jeffasd huogenghao chengxxxxwang tuwanli pppqppqpphejj winsonchueng rather divenwei anchoritefili jiliangzhai sunnyshah407 cnbin afreshman 583175259

obshapedbutton's Issues

Obshaped buttons not working for ipad retina .

I have used obshaped buttons for iphone and ipad and its working fine on ipad,iphone and iphone retina. But now i find out that its not working on ipad retina device. Why?

Alpha detection flipped

On iOS, UI vs CG drawing has a flipped Y order. The colorAtPixel is currently looking at the image flipped vertically.
Changing a line to:

// Draw the pixel we are interested in onto the bitmap context
CGContextTranslateCTM(context, -pointX, -((CGFloat)height-pointY));

Fixes it. (verified with a button shaped like Texas)

Issue with Storyboards and Release Build

There is a very strange issue with a combination of using Storyboards and selecting the "Release" build on the Run .App scheme.

The OBShapedButtons are not working with this configuration.

This issue cannot be reproduced on the simulator, only on a device (I use an iPhone 4S with iOS 5.1).

The problem seems to be choosing on the "Apple LLVM compiler 4.2 - Code Generation", "Optimization Level" for "Release" the "Fastest, Smallest [-Os]" option.

Any ideas why is this happening on "Release" builds with storyboards?

It appears that the calculation for point inside is not correct when the button image dimensions do not match the button size dimensions

It appears that the code does not account for image sizes that do not match the button size (probably only applies to development builds as production images should match the button size).

I added the following logic inside of "pointInside" to account for image sizes that do not match the button size (I did not test for Retina Display @2x images). You may be able to design something more elegant.

CGSize iSize = buttonImage.size;
CGSize bSize = self.frame.size;
point.x *= (bSize.width != 0) ? (iSize.width / bSize.width) : 1;
point.y *= (bSize.height != 0) ? (iSize.height / bSize.height) : 1;

swift

Hi,

what about a swift version?

thanks

Doesn't account for contentMode

The hit testing / alpha check is wrong for when you change your button's image content mode. It behaves as if the image was still in default content mode, as a result the touch check doesn't match anymore with the button on the screen.

[[myButton imageView] setContentMode: UIViewContentModeScaleAspectFit];

Any ideas?

some file are missing.

hi, with xcode4 some files in your projetc are "red"

ComplexShapesDemoViewController.xib
ComplexShapesDemoViewController.h
ComplexShapesDemoViewController.m

can you update your project?
i'm using different approach for recognize alpha level, and i want try your project.

thanks

- (BOOL)isAlphaVisibleAtPoint:forImage: has a bug

if a button have setBackGroundImage, and a AttributedTitle( contain a image and some text), self.imageView.frame may be (40, 80, 0, 0), then the color will be nil.

The version 1.2.0 is not yet in CocoaPods, the latest one is 1.1.0.

I am surprised that over 2 years I am the first one, who discovered this)