iOSLibraries

EPISODE #3, 13 Mar 20:29

Plus Path

L'application Path est graphiquement splendide, et le bouton "+" est l'une de leurs plus belle réalisation. Nous allons découvrir dans cet épisode comment implémenter un bouton similaire en 2 minutes.

Duration : 35

Si vous n'arrivez pas à lire la video, cliquez ici.

Project : https://github.com/ioslibraries/003-PlusPath

QuadCurveMenu

Github : https://github.com/ioslibraries/QuadCurveMenu

#import 
#import "QuadCurveMenu.h"

@interface MainViewController : UIViewController 

@end

- (void) initQuadCurveMenu {
    UIImage *storyMenuItemImage = [UIImage imageNamed:@"bg-menuitem.png"];
    UIImage *storyMenuItemImagePressed = [UIImage imageNamed:@"bg-menuitem-highlighted.png"];
    
    UIImage *starImage = [UIImage imageNamed:@"icon-star.png"];
    
    QuadCurveMenuItem *starMenuItem1 = 
                [[QuadCurveMenuItem alloc] initWithImage:storyMenuItemImage
                           highlightedImage:storyMenuItemImagePressed 
                               ContentImage:starImage 
                    highlightedContentImage:nil];
    QuadCurveMenuItem *starMenuItem2 = 
                [[QuadCurveMenuItem alloc] initWithImage:storyMenuItemImage
                           highlightedImage:storyMenuItemImagePressed 
                               ContentImage:starImage 
                    highlightedContentImage:nil];
    QuadCurveMenuItem *starMenuItem3 = 
                [[QuadCurveMenuItem alloc] initWithImage:storyMenuItemImage
                           highlightedImage:storyMenuItemImagePressed 
                               ContentImage:starImage 
                    highlightedContentImage:nil];
    QuadCurveMenuItem *starMenuItem4 = 
                [[QuadCurveMenuItem alloc] initWithImage:storyMenuItemImage
                           highlightedImage:storyMenuItemImagePressed 
                               ContentImage:starImage 
                    highlightedContentImage:nil];
    QuadCurveMenuItem *starMenuItem5 = 
                [[QuadCurveMenuItem alloc] initWithImage:storyMenuItemImage
                           highlightedImage:storyMenuItemImagePressed 
                               ContentImage:starImage
                    highlightedContentImage:nil];
    QuadCurveMenuItem *starMenuItem6 = 
                [[QuadCurveMenuItem alloc] initWithImage:storyMenuItemImage
                          highlightedImage:storyMenuItemImagePressed 
                              ContentImage:starImage
                   highlightedContentImage:nil];
    QuadCurveMenuItem *starMenuItem7 = 
                [[QuadCurveMenuItem alloc] initWithImage:storyMenuItemImage
                          highlightedImage:storyMenuItemImagePressed 
                              ContentImage:starImage
                   highlightedContentImage:nil];
    QuadCurveMenuItem *starMenuItem8 = 
                [[QuadCurveMenuItem alloc] initWithImage:storyMenuItemImage
                          highlightedImage:storyMenuItemImagePressed 
                              ContentImage:starImage
                   highlightedContentImage:nil];
    QuadCurveMenuItem *starMenuItem9 = 
                [[QuadCurveMenuItem alloc] initWithImage:storyMenuItemImage
                            highlightedImage:storyMenuItemImagePressed 
                                ContentImage:starImage
                     highlightedContentImage:nil];
                    
    NSArray *menus = [NSArray arrayWithObjects:starMenuItem1, starMenuItem2,
                                starMenuItem3, starMenuItem4, starMenuItem5, 
                                starMenuItem6, starMenuItem7,starMenuItem8,
                                starMenuItem9, nil];
    [starMenuItem1 release];
    [starMenuItem2 release];
    [starMenuItem3 release];
    [starMenuItem4 release];
    [starMenuItem5 release];
    [starMenuItem6 release];
    [starMenuItem7 release];
    [starMenuItem8 release];
    [starMenuItem9 release];
    
    QuadCurveMenu *menu = [[QuadCurveMenu alloc] initWithFrame:self.view.bounds 
                                                    menus:menus];
    
    
    menu.rotateAngle = M_PI/3;
    menu.menuWholeAngle = M_PI;
    menu.timeOffset = 0.2f;
    menu.farRadius = 180.0f;
    menu.endRadius = 100.0f;
    menu.nearRadius = 50.0f;
    
    menu.delegate = self;
    [self.view addSubview:menu];
    [menu release];
    
}

[self initQuadCurveMenu];