zsy78191 / xxxroundmenubutton Goto Github PK

View Code? Open in Web Editor NEW

385.0 29.0 66.0 202 KB

A simple circle style menu.

License: Apache License 2.0

Objective-C 66.83% Swift 11.35% Ruby 21.82%

xxxroundmenubutton's Introduction

Support CocoaPods.

New at 2019.02.25

Use @property (nonatomic, assign) BOOL isOpened; can open or close RoundMenu.
use -(void)setButtonEnable:(BOOL)enable atIndex:(NSUInteger)index; can config button with RoundMenu.

New at 2017.5.11

Add offset after the menu is opened.

self.roundMenu2.offsetAfterOpened = CGSizeMake(-80, -80);

New at 6.16

Add function to set custom image as center button icon.
Add swift demo.

CocoaPods

pod 'XXXRoundMenuButton'

XXXRoundMenuButton

一个简单的圆形菜单控件。设计来自InVision团队的 Filter Menu by Anton Aheichanka for InVision 和 Secret Project by Anton Aheichanka Follow for InVision Follow

A simple circle style menu. Design from Filter Menu by Anton Aheichanka for InVision and Secret Project by Anton Aheichanka Follow for InVision Follow

Angle

/**
*  config function
*
*  @param icons        array of UIImages
*  @param degree       start degree
*  @param layoutDegree angle span
*/
- (void)loadButtonWithIcons:(NSArray<UIImage*>*)icons startDegree:(CGFloat)degree layoutDegree:(CGFloat)layoutDegree;

startDegree 0 degree is ⬇️ ， layoutDegree is the span between start and end, counterclockwise.

Update

2016.4.19 Fix the issue that touch event can't send to UIView covered by XXXRoundMenuButton

Easy use interface

self.roundMenu.centerButtonSize = CGSizeMake(44, 44);
self.roundMenu.centerIconType = XXXIconTypeUserDraw;
self.roundMenu.tintColor = [UIColor whiteColor];
self.roundMenu.jumpOutButtonOnebyOne = YES;

[self.roundMenu setDrawCenterButtonIconBlock:^(CGRect rect, UIControlState state) {

if (state == UIControlStateNormal)
{
UIBezierPath* rectanglePath = [UIBezierPath bezierPathWithRect: CGRectMake((rect.size.width - 15)/2, rect.size.height/2 - 5, 15, 1)];
[UIColor.whiteColor setFill];
[rectanglePath fill];


UIBezierPath* rectangle2Path = [UIBezierPath bezierPathWithRect: CGRectMake((rect.size.width - 15)/2, rect.size.height/2, 15, 1)];
[UIColor.whiteColor setFill];
[rectangle2Path fill];

UIBezierPath* rectangle3Path = [UIBezierPath bezierPathWithRect: CGRectMake((rect.size.width - 15)/2, rect.size.height/2 + 5, 15, 1)];
[UIColor.whiteColor setFill];
[rectangle3Path fill];
}
}];

[self.roundMenu loadButtonWithIcons:@[
[UIImage imageNamed:@"icon_can"],
[UIImage imageNamed:@"icon_pos"],
[UIImage imageNamed:@"icon_img"],
[UIImage imageNamed:@"icon_can"],
[UIImage imageNamed:@"icon_pos"],
[UIImage imageNamed:@"icon_img"],
[UIImage imageNamed:@"icon_can"],
[UIImage imageNamed:@"icon_pos"],
[UIImage imageNamed:@"icon_img"]

] startDegree:0 layoutDegree:M_PI*2*7/8];

[self.roundMenu setButtonClickBlock:^(NSInteger idx) {

NSLog(@"button %@ clicked !",@(idx));
}];


/**
*  RoundMenu2 config
*/
[self.roundMenu2 loadButtonWithIcons:@[
[UIImage imageNamed:@"icon_can"],
[UIImage imageNamed:@"icon_pos"],
[UIImage imageNamed:@"icon_img"]

] startDegree:-M_PI layoutDegree:M_PI/2];
[self.roundMenu2 setButtonClickBlock:^(NSInteger idx) {

NSLog(@"button %@ clicked !",@(idx));
}];

self.roundMenu2.tintColor = [UIColor whiteColor];

self.roundMenu2.mainColor = [UIColor colorWithRed:0.13 green:0.58 blue:0.95 alpha:1];

xxxroundmenubutton's People

Contributors

Stargazers

Watchers

xxxroundmenubutton's Issues

Center button position

How to change the center button position to top left as well as the item positions consecutively.

Swift help

Hi, I love the look of this! Could you please add some instructions for how to use this in a Swift-based project? I'd really appreciate it!

Share button on all app with Secret Project effect

Hi,
I've a tab bar-based app and I would like to show the button on all app. How can I do it? Furthermore, I would like to add the button behind the tab bar, so when the button expands after the click, the effect is like shown in Secret Project:https://dribbble.com/shots/1928064-Secret-Project. How can I do it?

Thank you

transparent center button color?

is there any way to make the center button transparent colored

Xxx

close outer arch

I want to close the outer arch of a button.
when I click on a button it gets open and loads sub buttons but if I haven't close it manually it remains open. How can I close it without clicking again on a button?

swift version

is it possible to have a swift version?

Swift: Expected ',' separator

I get this error at

i got other stuff in this class

here is my code:

import Foundation
import UIKit
import ObjectiveC

  class myMenuClass: UIViewController {

 @IBOutlet weak var wheel: UIImageView!

@IBOutlet weak var spinValueLabel: UILabel!

@IBOutlet weak var roundMenu: XXXRoundMenuButton!


var spinnerView = SpinnerView(frame: CGRect.zero)
override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.
    addSpinnerView()
    spinnerView.addOval()
    
    
    
    
    
    let roundMenu = XXXRoundMenuButton();
    self.view.addSubview(roundMenu);
    roundMenu.frame = CGRectMake(self.view.frame.size.width/2-100, self.view.frame.size.height/2-100, 200, 200);
    roundMenu.centerButtonSize = CGSizeMake(44, 44);
    roundMenu.tintColor = UIColor.whiteColor();
    roundMenu.jumpOutButtonOnebyOne = true;
    
    
    
    roundMenu.loadButtonWithIcons([UIImage(named: "icon_can")!,UIImage(named: "icon_pos")!,UIImage(named: "icon_img")!], startDegree: -M_PI, layoutDegree: M_PI/2);
    
    roundMenu.buttonClickBlock =  {(idx:NSInteger)-> Void in
        NSLog("%d", idx);
    };


    self.roundMenu.centerButtonSize = CGSizeMake(44, 44);
    self.roundMenu.centerIconType = XXXIconTypeUserDraw;
    self.roundMenu.tintColor = [UIColor whiteColor];
    self.roundMenu.jumpOutButtonOnebyOne = YES;
    
    [self.roundMenu setDrawCenterButtonIconBlock:^(CGRect rect, UIControlState state) {
        
        if (state == UIControlStateNormal)
        {
        UIBezierPath* rectanglePath = [UIBezierPath bezierPathWithRect: CGRectMake((rect.size.width - 15)/2, rect.size.height/2 - 5, 15, 1)];
        [UIColor.whiteColor setFill];
        [rectanglePath fill];
        
        
        UIBezierPath* rectangle2Path = [UIBezierPath bezierPathWithRect: CGRectMake((rect.size.width - 15)/2, rect.size.height/2, 15, 1)];
        [UIColor.whiteColor setFill];
        [rectangle2Path fill];
        
        UIBezierPath* rectangle3Path = [UIBezierPath bezierPathWithRect: CGRectMake((rect.size.width - 15)/2, rect.size.height/2 + 5, 15, 1)];
        [UIColor.whiteColor setFill];
        [rectangle3Path fill];
        }
        }];
    
    [self.roundMenu loadButtonWithIcons:@[
        [UIImage imageNamed:@"icon_can"],
        [UIImage imageNamed:@"icon_pos"],
        [UIImage imageNamed:@"icon_img"],
        [UIImage imageNamed:@"icon_can"],
        [UIImage imageNamed:@"icon_pos"],
        [UIImage imageNamed:@"icon_img"],
        [UIImage imageNamed:@"icon_can"],
        [UIImage imageNamed:@"icon_pos"],
        [UIImage imageNamed:@"icon_img"]
        
        ] startDegree:0 layoutDegree:M_PI*2*7/8];
    
    [self.roundMenu setButtonClickBlock:^(NSInteger idx) {
        
        NSLog(@"button %@ clicked !",@(idx));
        }];
    
    
    /**
     *  RoundMenu2 config
     */
    [self.roundMenu2 loadButtonWithIcons:@[
        [UIImage imageNamed:@"icon_can"],
        [UIImage imageNamed:@"icon_pos"],
        [UIImage imageNamed:@"icon_img"]
        
        ] startDegree:-M_PI layoutDegree:M_PI/2];
    [self.roundMenu2 setButtonClickBlock:^(NSInteger idx) {
        
        NSLog(@"button %@ clicked !",@(idx));
        }];
    
    self.roundMenu2.tintColor = [UIColor whiteColor];
    
    self.roundMenu2.mainColor = [UIColor colorWithRed:0.13 green:0.58 blue:0.95 alpha:1];
    
    
    
    

    
    
    
    
    
}
    
    
    
    
    
}

override func didReceiveMemoryWarning() {
    // Dispose of any resources that can be recreated.
}

@IBAction func spinBuutonAction(_ sender: UIButton) {
    
    spinnerView.callSpinTimer()
}

func addSpinnerView() {
    let boxSize: CGFloat = 100.00
    spinnerView.frame = CGRect(x: view.bounds.width / 2 - boxSize / 2,
                               y: view.bounds.height / 2 - boxSize / 2,
                               width: boxSize,
                               height: boxSize)
    spinnerView.parentFrame = view.frame
    spinnerView.delegate = self
    view.addSubview(spinnerView)
}

extension RouletteClass: spinnerProtocol {

func spinValueAfterCompleteRoatation(value: Float) {
    
    let radianToDegree = Int(value * 180 / .pi)
    spinValueLabel.text = "\(radianToDegree)"
    
    
    
}


override open var preferredStatusBarStyle: UIStatusBarStyle {
    return .lightContent
}


override open var prefersStatusBarHidden: Bool {
    return true
}

}

inappropriate porn

[Inappropriate]
#Spam
(ISIS user)
////////////////////////////
Insulting the presidency, insulting the president and the country's politics, insulting the Iranian government, insulting the type of Iranian nationality, insulting Khamenei
https://web.rubika.ir/#c=u0EvUco06d7b00fe3d9201ce163d5c9c

[Insulting and humiliating the government of Iran, insulting the leader of the Islamic Republic of Iran, editing images of Imam Khamenei in an obscene manner and inserting his photo in channels and groups and humiliating Iran. Government by ugliness and theft. Obscenity against the IRGC and the regime of Iran, insulting the government of Iran and the type of Iranian nationality, obscene insults and posting obscene and obscene content in terrorist and anti-revolutionary channels, harmful activity and filtering]

X

Bar button

is possible to add this effect in a bar button item?

CocoaPods support

it would be nice to add CocoaPods support

Data Type Inconsistency for Degree

Please take a look at the method which pass in the parameter for the start degree and layout degree

XXXRoundMenuButton.h
- (void)animatedLoadIcons:(NSArray<UIImage*>*)icons start:(CGFloat)start layoutDegree:(CGFloat)layoutDegree oneByOne:(BOOL)onebyone;

XXXRoundMenuButton.m

- (void)animatedLoadIcons:(NSArray<UIImage*>*)icons start:(CGFloat)start layoutDegree:(CGFloat)layoutDegree oneByOne:(BOOL)onebyone;
- (void)animatedLoadIcons:(NSArray<UIImage*>*)icons start:(double)start layoutDegree:(double)layoutDegree oneByOne:(BOOL)onebyone

There's inconsistency on the data type for the layoutDegree and startDegree which causes conflicting parameters types.
It's causing issue when I try to run on iphone4/5 , the icon didn't fan out circling the center of it, but instead it stick at one location, or at the wrong location.
When I try to nslog the layoutDegree parameter, it shows 0.000000 instead of a proper value.
But once I change the "double" to "CGFloat" , then it manage to pass in proper value for the layoutDegree and perform the animation properly.

Change animation initial speed

Hey, how are you?

Is it possible to change the initial speed (animation) when the user clicks to open the menu?

Error on Iphone 4, 4s and 5

Works fine on Iphone 5s or over. On others the buttons is not distributed along axis.

layoutDegree

I understand that startDegree is where the first button object begins.
I don't quite understand layout Degree.

In your first example, it represents the angle that is the gap between the button objects.??

In the second example, there are 3 button objects and the layout degree is 90degrees?

add hitTest to this library

Hi,
I'm trying to use this fabulous library with a large radius, in a way that icons would locate outside of the parent view, And as a result, they can't be clicked!!!
how can I add HitTest function to this??

disable a subbutton

I've this button with 4 sub-button. I would like that one of this 4 sub button is disabled and get enabled if it is in some situation. e.g the share button,I would like be disabled at start, but when appear a detail to share this button become enabled.

is it possible? How?

菜单按钮可以做成可以拖动的吗，写死感觉不灵活

按钮可以做成浮动的，展开的图标可以按照浮动的位置进行排布，另外加一些隐藏动画，不操作的时候自动改变透明度，并隐藏到屏幕边上。

ButtonClick in Swift

Trying to call:

roundedButtonNavigation.buttonClickBlock { idx in
}

from a swift class, but the compiler rejects it with:

Cannot call value of non-function type '((Int) -> Void)!'

Any idea on how to call this block properly from Swift?