Giter VIP home page Giter VIP logo

uiview-mgbadgeview's Introduction

UIView+MGBadgeView

Category which allows to show and customize a badge on every object which inherits from UIView.

UIView-MGBadgeView Screenshot

Info

This code must be used under ARC. If your code doesn't use ARC you can mark this source with the compiler flag -fobjc-arc

Example Usage

This is an easy example to show and customize the control from code:

    //Add buttons
    UIButton *b1 = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 100, 50)];
    [b1 setBackgroundColor:[UIColor grayColor]];
    [[self view] addSubview:b1];
    
    UIButton *b2 = [[UIButton alloc] initWithFrame:CGRectMake(100, 400, 100, 50)];
    [b2 setBackgroundColor:[UIColor grayColor]];
    [[self view] addSubview:b2];
    
    UIButton *b3 = [[UIButton alloc] initWithFrame:CGRectMake(150, 150, 100, 50)];
    [b3 setBackgroundColor:[UIColor grayColor]];
    [[self view] addSubview:b3];
    
    
    //Customize badges
    [b1.badgeView setBadgeValue:1];
    [b1.badgeView setOutlineWidth:0.0];
    [b1.badgeView setPosition:MGBadgePositionBest];
    [b1.badgeView setBadgeColor:[UIColor blueColor]];
    
    [b2.badgeView setBadgeValue:2];
    [b2.badgeView setOutlineWidth:1.0];
    [b2.badgeView setPosition:MGBadgePositionTopRight];
    [b2.badgeView setOutlineColor:[UIColor blueColor]];
    [b2.badgeView setBadgeColor:[UIColor yellowColor]];
    [b2.badgeView setTextColor:[UIColor blueColor]];
    
    [b3.badgeView setBadgeValue:3];
    [b3.badgeView setPosition:MGBadgePositionTopLeft];
    [b3.badgeView setBadgeColor:[UIColor redColor]];

Contact

Matteo Gobbi

License

UIView+MGBadgeView is available under the MIT license.

uiview-mgbadgeview's People

Contributors

goranche avatar matteogobbi avatar soscomp avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

uiview-mgbadgeview's Issues

Is it supposed to work with UICollectionViewCell?

I'm trying to use your project inside a UICollectionView.
This is the code I wrote:

NSIndexPath *index = [NSIndexPath indexPathForRow:number inSection:0];
MyCell *cell = (MyCell *)[self collectionView:self.collectionView cellForItemAtIndexPath:index];

[cell.badgeView setBadgeValue:2];
[cell.badgeView setOutlineWidth:1.0];
[cell.badgeView setPosition:MGBadgePositionBest];
[cell.badgeView setOutlineColor:[UIColor blueColor]];
[cell.badgeView setBadgeColor:[UIColor yellowColor]];
[cell.badgeView setTextColor:[UIColor blueColor]];

But I don't see any badge view on my cell. What am I doing wrong?

Badge position is not in place

I upgraded my Xcode to version 6. Now, the badge position is no longer in the right place. Does anyone know how to fix it?

deprecated API

Nice API, I just added to my Swift Project, but I got this warning about a deprecated API,

line 210
CGSize appFrameSize = [[UIScreen mainScreen] applicationFrame].size;

'applicationFrame' is deprecated: first deprecated in iOS 9.0 - Use -[UIScreen bounds]

could you fix it please

thanks

Sometime the position will display at wrong place.

Sometime the position will display at wrong place. Change the setPosition method as follow.

  • (void)setPosition:(MGBadgePosition)position {
    if(_position != position) {
    _position = position;
    }
    [self mg_updateBadgeViewPosition];
    [self setNeedsDisplay];
    }

Pods not working

I added "UIView+MGBadgeView" to my Podfile and update but it show below error:

Unable to find a specification for UIView+MGBadgeView (HEAD).

badge switches position

I chose to put the badge on the top right corner with MGBadgePositionTopRight.
I update the badge when events are happening.
When I set the badge to a certain number it appears in the right position, and also when updating the number it also remains on the right position. But after setting the badge to 0 - which makes it disappear, and setting it later on to a number which isn't 0, makes the badge appear on the to left corner.
Do you know why?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.