Latest 2.1.4
License MIT The DCPathButton use the MIT license
Platforms ios 7.0, requires ARC
Frameworks QuartzCore, AudioToolBox

Build Status


DCPathButton is a custom menu button for iOS. The original design for this control first appeared in the well-known iOS app, Path. Starting in Path 4.0, this beautiful button appeared in the tab bar, with a new design. The DCPathButton is a close replication of Path’s button, including the animations, the sounds and the button’s images (of course you can use your own images).

How To Get Started

git clone [email protected]:Tangdixi/DCPathButton.git


You can install DCPathButton in a traditional way — drag the DCPathButton folder into your project. However, it is strongly recommended that you install via CocoaPods.


  • AudioToolBox.framework
  • QuartzCore.framework

Install with CocoaPods

CocoaPods is a dependency manager for Objective-C and Swift, which automates and simplifies the process of using 3rd-party libraries like DCPathButton in your projects.


platform :ios, '7.0'
pod 'DCPathButton', '~> 2.1.3'


Create a DCPathButton

1.import the "DCPathButton" to your controller

import "DCPathButton.h"

2.Add the DCPathButtonDelegate to your controller

@interface ViewController ()<DCPathButtonDelegate>

3.Create a center button and add it into your view

DCPathButton *centerButton = [[DCPathButton alloc]initWithCenterImage:[UIImage imageNamed:@"chooser-button-tab"]
                                                      hilightedImage:[UIImage imageNamed:@"chooser-button-tab-highlighted"]];
[self.view addSubView:centerButton];

4.Create some item buttons and add them to the center button

DCPathItemButton *itemButton_1 = [[DCPathItemButton alloc]initWithImage:[UIImage imageNamed:@"image"]
                                                       highlightedImage:[UIImage imageNamed:@"highlightedImage"]
                                                        backgroundImage:[UIImage imageNamed:@"backgroundImage"]
                                             backgroundHighlightedImage:[UIImage imageNamed:@"backgroundhighlightedImage"]];

[centerButton addPathItems:@[itemButton_1]];                                                 


<DCPathButtonDelegate> handle the action when you fire the item buttons which is similar to the UITableViewDelegate, control the items through the index

You can add a minimum of one item or a maximum of five items. The itemButtonIndex parameter is Assuming we have five items, so the itemButtonIndex is 0 to 4.

- (void)pathButton:(DCPathButton *)dcPathButton clickItemButtonAtIndex:(NSUInteger)itemButtonIndex {
    NSLog(@"You tap %@ at index : %lu", dcPathButton, (unsigned long)itemButtonIndex);

You also can do something before or when the item buttons appear:

- (void)willPresentItemButton {

    NSLog(@"ItemButton will present");

- (void)didPresentItemButton {

    NSLog(@"ItemButton did present");


Custom Properties

@property (assign, nonatomic) CGFloat bloomRadius;

bloomRadius is used to handle the item button bloom radius. The default value is 105.0f.

@property (assign, nonatomic) CGPoint dcButtonCenter;

dcButtonCenter is used to modify the center button’s position. The default value positions the DCPathButton in bottom center.

@property (assign, nonatomic) BOOL allowSounds;

allowSounds is used to enable the button’s sound. The default value is YES.

@property (copy, nonatomic) NSString *bloomSoundPath;
@property (copy, nonatomic) NSString *foldSoundPath;
@property (copy, nonatomic) NSString *itemSoundPath;

You can change the button’s sound by specifying the path of a custom sound file, for instance:

self.bloomSoundPath = [[NSBundle mainBundle] pathForResource:@"bloom" ofType:@"caf"];

@property (assign, nonatomic) kDCPathButtonBloomDirection bloomDirection;

There are 9 directions in DCPathButton, use the bloomDirection property to change the direction. All the directions are defined in the NS_ENUM below:

typedef NS_ENUM(NSUInteger, kDCPathButtonBloomDirection) {

    kDCPathButtonBloomDirectionTop = 1,
    kDCPathButtonBloomDirectionTopLeft = 2,
    kDCPathButtonBloomDirectionLeft = 3,
    kDCPathButtonBloomDirectionBottomLeft = 4,
    kDCPathButtonBloomDirectionBottom = 5,
    kDCPathButtonBloomDirectionBottomRight = 6,
    kDCPathButtonBloomDirectionRight = 7,
    kDCPathButtonBloomDirectionTopRight = 8,
    kDCPathButtonBloomDirectionCenter = 9,


@property (assign, nonatomic) CGFloat bloomAngel;

bloomAngel is used for changing the item button’s bloom angle.

@property (assign, nonatomic) BOOL allowSubItemRotation;

allowSubItemRotation is used for handling the rotation of the subItems.

@property (assign, nonatomic) NSTimeInterval basicDuration;

basicDuration is used for changing the bloom animation’s duration / speed.

Swift Example

A Swift version of the project is coming. For now refer to the included Swift example to understand how you might integrate this project into your own Swift app.


Special Thanks for these Pull Requests:

Issues, Bugs, Suggestions

Open an issue


DCPathButton is available under the MIT license. See the LICENSE file for more info.

Latest podspec

    "name": "DCPathButton",
    "version": "2.1.4",
    "summary": " A beautiful button copy from Pathu00ae ",
    "description": "tttDCPathButton is a menu button, design by an famous App Pathu00ae.ntttSince Pathu00ae 4.0, it return to use a tab bar instead of a side bar,ntttand also change the menu button. So I try to implement it and then ntttthe DCPathButton born :)  n",
    "homepage": "",
    "license": {
        "type": "MIT",
        "text": "The DCPathButton use the MIT license"
    "authors": {
        "Tangdixi": "[email protected]"
    "platforms": {
        "ios": "7.0"
    "source": {
        "git": "",
        "tag": "2.1.4"
    "source_files": "DCPathButton/Classes/*.{h,m}",
    "resources": [
    "frameworks": [
    "requires_arc": true

Pin It on Pinterest

Share This