AvePurchaseButton
Drop In App Store Styled Purchase Button, with proper animations. Title configurable in Interface Builder.
Animations
A gif-movie showing how the button animates from normal to confirmation to in-progress state:
Screenshot
A screenshot showing the different states of the button:
How to use
Create an instance of AvePurchaseButton. Set the normalTitle, confirmationTitle and handle UIControlEventTouchUpInside. To change states, use -[AvePurchaseButton setButtonState:animated:].
Example usage:
- (void)addPurchaseButton {
AvePurchaseButton* button = [[AvePurchaseButton alloc] initWithFrame:CGRectZero];
[button addTarget:self action:@selector(purchaseButtonTapped:) forControlEvents:UIControlEventTouchUpInside];
button.buttonState = AvePurchaseButtonStateNormal;
button.normalTitle = @"$ 2.99";
button.confirmationTitle = @"BUY";
[button sizeToFit];
[self.view addSubview:button];
}
- (void)purchaseButtonTapped:(AvePurchaseButton*)button {
switch(button.buttonState) {
case AvePurchaseButtonStateNormal:
[button setButtonState:AvePurchaseButtonStateConfirmation animated:YES];
break;
case AvePurchaseButtonStateConfirmation:
// start the purchasing progress here, when done, go back to
// AvePurchaseButtonStateProgress
[button setButtonState:AvePurchaseButtonStateProgress animated:YES];
[self startPurchaseWithCompletionHandler:^{
[button setButtonState:AvePurchaseButtonStateNormal animated:YES];
}];
break;
case AvePurchaseButtonStateProgress:
break;
}
}