5 | 
6 |
7 | ##Features
8 | * Adaptive direction
9 | * You can add a text above buttons
10 | * Customize the appearance
11 | * Written in Swift
12 |
13 | ##Usage
14 |
15 | ###Setup
16 | ```Swift
17 | popMenuView.circleButton?.delegate = self
18 | //Buttons count
19 | popMenuView.circleButton?.buttonsCount = 4
20 |
21 | //Distance between buttons and the red circle
22 | popMenuView.circleButton?.distance = 105
23 |
24 | //Delay between show buttons
25 | popMenuView.circleButton?.showDelay = 0.03
26 |
27 | //Animation Duration
28 | popMenuView.circleButton?.duration = 0.8
29 | ```
30 |
31 | ###Delegate methods
32 | ```Swift
33 | func circleMenu(circleMenu: CircleMenu, buttonWillSelected button: CircleMenuButton, atIndex: Int) {
34 | print("button!!!!! will selected: \(atIndex)")
35 | }
36 |
37 | func circleMenu(circleMenu: CircleMenu, buttonDidSelected button: CircleMenuButton, atIndex: Int) {
38 | print("button!!!!! did selected: \(atIndex)")
39 | }
40 | ```
41 |
42 | ###Customization
43 | ```Swift
44 | func circleMenu(circleMenu: CircleMenu, willDisplay button: CircleMenuButton, atIndex: Int) {
45 | //set text
46 | guard let textLabel = button.textLabel else {return}
47 | textLabel.text = items[atIndex].text
48 |
49 | //set color
50 | button.backgroundColor = UIColor.lightGrayColor()
51 | button.setImage(UIImage(imageLiteral: items[atIndex].icon), forState: .Normal)
52 | button.layer.borderWidth = 5.0
53 | button.layer.borderColor = UIColor.whiteColor().CGColor
54 |
55 | // set highlited image
56 | let highlightedImage = UIImage(imageLiteral: items[atIndex].icon).imageWithRenderingMode(.AlwaysTemplate)
57 | button.setImage(highlightedImage, forState: .Highlighted)
58 | button.tintColor = UIColor.init(colorLiteralRed: 0, green: 0, blue: 0, alpha: 0.3)
59 |
60 | }
61 |
62 | ```
63 | Take a look at Example for more information.
64 |
65 |
66 | ##Install
67 | ###Cocoapods
68 | ```Ruby
69 | use_frameworks!
70 | pod ‘PopCircleMenu’, :git => 'https://github.com/luiyezheng/PopCircleMenu.git'
71 | ```
72 |
73 | ##Plan
74 | - [ ] Dynamic center button
75 | - [ ] [Frisbee Pop Style](https://www.pinterest.com/pin/43136108910485890/)
76 |
77 | ##Acknowledgement
78 | Inspired by [circle-menu](https://github.com/fdzsergio/SFFocusViewLayout) and Pinterst
79 |
80 | Based on [circle-menu](https://github.com/fdzsergio/SFFocusViewLayout)
81 |
82 | ##Author
83 | Luiyezheng ,luiyezheng@foxmail.com
84 |
85 |
86 |
87 |
--------------------------------------------------------------------------------
/README/README.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 | PopCircleMenu
13 |
14 |
23 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/README/adptive.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Textcat/PopCircleMenu/c75925dfaf12fd6234f4b63ec6f6c35f5fcb34fb/README/adptive.gif
--------------------------------------------------------------------------------
/README/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
15 |
18 | Adaptive direction
16 |Pop buttons with text
17 |
19 | 
20 | 
21 |
22 |
20 |
21 | PopCircleMenu
13 |
14 |
23 |
24 |
--------------------------------------------------------------------------------
/README/main.css:
--------------------------------------------------------------------------------
1 | div#container {
2 | position: absolute;
3 |
4 | width: 100%;
5 | }
6 |
7 | div#img-container {
8 | display: -webkit-flex;
9 | display: flex;
10 |
11 | width: 100%;
12 |
13 | position: relative;
14 |
15 | }
16 |
17 | div#text-container {
18 | margin-bottom: 20px;
19 |
20 | position: relative;
21 | }
22 |
23 | h2 {
24 | width: 240px;
25 |
26 | display: inline;
27 | margin: 0 120px 0 0;
28 | text-align: center;
29 | }
30 |
31 | img {
32 | width: 240px;
33 | height: 460px;
34 |
35 | margin: 0 100px 0 0;
36 |
37 | position: relative
38 | }
--------------------------------------------------------------------------------
/README/pop.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Textcat/PopCircleMenu/c75925dfaf12fd6234f4b63ec6f6c35f5fcb34fb/README/pop.gif
--------------------------------------------------------------------------------
/Source/CircleMenu.swift:
--------------------------------------------------------------------------------
1 | //
2 | // CircleMenu1.swift
3 | // PopCircleMenu
4 | //
5 | // Created by 刘业臻 on 16/7/8.
6 | // Copyright © 2016年 luiyezheng. All rights reserved.
7 | //
8 |
9 |
10 | import UIKit
11 |
12 | // MARK: helpers
13 |
14 | @warn_unused_result
15 | func Init
15 |
18 | Adaptive direction
16 |Pop buttons with text
17 |
19 |
20 |
21 |
22 |
20 |
21 |