javisoto/jsbadgeview

Customizable UIKit badge view like the one on applications in the iOS springboard.

JSBadgeView

Customizable UIKit badge view like the one on applications in the iOS springboard. Very optimized for performance: drawn entirely using CoreGraphics.

Snapshoot:

Usage

• Clone the repository:

$ git clone [email protected]:JaviSoto/JSBadgeView.git

• Check out the sample project.

• Drag the JSBadgeView folder into your project.

• Include the header file:

#import "JSBadgeView.h"

• Create a JSBadgeView and attach it to a view at the position you like. Example:

JSBadgeView *badgeView = [[JSBadgeView alloc] initWithParentView:rectangle alignment:JSBadgeViewAlignmentTopRight];
badgeView.badgeText = @"3";

• Check the header file for all the things you can customize.

CocoaPods:

• Add pod 'JSBadgeView' to your Podfile.
• You're done!

UIAppearance

• You can customize all JSBadgeViews in your application, or the ones that are subviews of a specific type of view, using UIAppearance. Example:

[[JSBadgeView appearance] setBadgeBackgroundColor:UIColor.blackColor];
[[JSBadgeView appearance] setBadgeAlignment:JSBadgeViewAlignmentTopRight];

Compatibility

• Supports ARC. If you want to use it in a project without ARC, mark JSBadgeView.m with the linker flag -fobjc-arc.
• Compatible with iOS7.0+.

MIT License

Copyright 2013 Javier Soto ([email protected])

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

jsbadgeview's Issues

Remove code that silences deprecation warnings

Related: #13

the background is oval when text is short

the background is oval when text is short
and text is not in the center of round (a little bottom)

Address warnings under iOS7/XCODE 5

Looks like there are a number of warnings about deprecated function calls with XCODE 5 and iOS7 as a target. As a fanatic of 'no warning' builds, I'd love if those issues could be addressed.

Thanks for contributing this to the community!

iOS8 support?

Is the project still active? Any plan on supporting iOS8?

Question: badgeview on UIBarButtonItem

Hello I have been looking at this for some time now and haven't quite found a solution. I am looking to put a badge view on a Bar Button Item and am getting the warning (it force closes) "Incompatible pointer types sending 'UIBarButtonItem *' to parameter of type 'UIView *'"

I was hoping someone with more experience than I has either dealt with this prior or has found a solution.

Many thanks for your time!

New Cocoapods version

Referring to #35

Hey Javi,
thanks for the new Tag, but in order to get it up to the cocoapods repo, it has to be pushed in the Specs repository. From what I can see, this didn´t happen yet:
https://github.com/CocoaPods/Specs/tree/4a2a7d017cddfdec782da5bbdd2abee353549280/Specs/JSBadgeView

Cheers,
Marc

iOS 7 style

Swift 3 Support

Is there a branch that I can point CocoaPods to that will support Swift 3.0?

能否扩展可拖拽清除功能？

Is there any way to see the text as transparent?

Hello Nacho!
Is there any easy way to see the text as transparent?
I mean, if I use:
_messagesCountBadgeView.badgeTextColor=[UIColor clearColor];
What I see is just a circle painted with badgeBackgroundColor, which makes sense.
I guess something like a mask operation must be done, not sure.
Any idea or suggestion?

Slight change of settings seems to easily affect ability to draw "circular"

Here's a badge with the number 3 with font size 7. It isn't circular:
badge.badgeTextFont = [UIFont boldSystemFontOfSize:7.];

Badge prevent touches to underlying view?

Great work! I've been using in my app, but I notice that the badge prevents the underlying view from receiving touches. This really only becomes an issue when placing the badge partially over a small toolbar item. For now, I've worked around it by adding the following code to JSBadgeView and I set the same action on both the badge and toolbar item:

id _target;
SEL _action;

- (void) touchesBegan:(NSSet*)touches withEvent:(UIEvent*)event
{
    if(_target != nil && _action != nil) {
        [_target performSelector:_action withObject:nil];
    }
}

- (void)addTarget:(id)target action:(SEL)action forControlEvents:(UIControlEvents)controlEvents;
{
    _target = target;
    _action = action;
}

When to increase the function of the red dot or adjust the size of the red dot

Text in Badge is not centered

Please center the Text inside the badge.
At least in iOS7 it is displayed wrong

Add documentation to the README about all the properties you can customize

How to share JSBadgeView's state across several viewcontrollers?

Add support for UIAppearance

Re-write layout using AutoLayout

Project Structure

Hi there,

Was wondering whether you'd be open to restructuring the repo for this library to be more along the lines of a pod lib create JSBadgeView ala https://guides.cocoapods.org/making/using-pod-lib-create.html? I just included this repo in a pull request for a feature at work and it was pointed out that importing the pod means that the same project appeared in the project too. I believe using pod lib create JSBadgeView wouldn't result in the sample project appearing.

I'd be happy to contribute to this in much the same manner as AFNetworking/AFAmazonS3Manager#88 if you'd be open to the restructuring of the library.

Cheers,

Sean

显示不全

这是为什么?

64 bit compatibility

compiling warning for arm 64

Build error in Xcode 7.3 using JSBadgeView from CocoaPods

Hi, I'm getting an odd build error when adding JSBadgeView via CocoaPods. I thought it might be a config issue with my project, so I created a brand new project and nothing else but installed JSBadgeView via CocoaPods and still same issue. If ye GitHub gods favor me today, the screenshot of my error might be attached here :-). I have not seen this with any other pod I've added. Any ideas? Thanks!

Add AppleDoc style documentation for cocoadocs

Add badgeSize method to public API

The following properties should be exposed to public API and be customizable using Appeareance.

JSBadgeViewShadowRadius
JSBadgeViewHeight
JSBadgeViewTextSideMargin
JSBadgeViewCornerRadius

I will be happy to do a pull request when I have more time.

Regards,

New CocoaPods version

I think it´s time to do a new tag for Cocoapods, as in the newest tag there´s one warning when using arm64.

CollectionView Item issue

Hello,

I added badge in the Collection View item.
It works fine but Some part of badge hides by image view in the cell.
How can I solve that?

Thank you,

Better support different sizes

setBadgeTextFont should update layout

as font affects size of badge, [self setNeedsLayout] should be called inside setBadgeTextFont, probably not just this method should initiate setNeedsLayout

setBadgeBackgroundColor for only a single JSBadgeView

Is there a way to set the color of a single JSBadgeView instead of all together?

Improvement: Animate Badge when label changes.

It would be great if the badge will be animated when the label changes. E.g., the label can increase its size and decrease it afterwards.

How to remove the badge number after notifications are read.?

Can you please help me out how to reset the badge count and remove the view.?
I have tried something like this, But it didn't worked out.
badgeView.badgeText = @""; or badgeView.badgeText = @"0"

Badge cornner is not circle

Bump deployment target to iOS7

Related: #14

Drawing in legacy mode on iOS 12

isUIKitFlatMode = (NSVersionOfLinkTimeLibrary("UIKit") >> 16) >= UIKitVersionNumber_iOS_7_0;
returns false

Badge does not appear unless I tap on barButtonItem

Hello,

I have a QRCode Scanner.. when I scan the code and tap on 'add button' I set the badge of my BarButtonItem, see:

JSBadgeView *badgeView = [[JSBadgeView alloc] initWithParentView:self.productsButtonItem alignment:JSBadgeViewAlignmentTopRight];
badgeView.badgeText = @"3";

But the badge does not apper unless I tap on my barButtonItem..

I have to do something more?

Thanks

userInteractionEnabled should be set to NO by default in init methods

As badge does not respond to any user interaction, and it can be attached e.g. to UIButton, it overlaps UIButton and intercepts a lot of touches that were directed to UIButton

Unable to apply a transform

Would be great if we could apply a transform mainly to change the scale. For now, the drawRect does not cope well with such transform.

Badge does not show on simulator iOS 7.1

Hello,

I use your library to add some badge over button in my app. When I run it on device or simulator on iOS8.3 it works, I see the badge but when I put the app on the simulator with device on iOS7.1, the badge does not show itself.
Did I miss something about the compatibility of your library ?

BadgeAlignment is always JSBadgeViewAlignmentTopRight

The BadgeAlignment property is always JSBadgeViewAlignmentTopRight.

This is because + (void)applyCommonStyle sets
badgeViewAppearanceProxy.badgeAlignment = JSBadgeViewAlignmentTopRight;

so the calls to
JSBadgeView *badgeViewAppearanceProxy = JSBadgeView.appearance;

in + (void)applyIOS7Style and + (void)applyLegacyStyle always gets set to JSBadgeViewAlignmentTopRight.

This can be fixed by commenting out/removing:
badgeViewAppearanceProxy.badgeAlignment = JSBadgeViewAlignmentTopRight;

in + (void)applyCommonStyle

Use tintColor property to set the background color.

i'm adding the badge to a button, it'll be nice auto detect tint adjustment of the button, or respect tint adjustment mode set on the view

badge is clipped.

JSBadgeView's parent view is UIImageView,and it's property masksToBounds is set to YES.The top right badgeText is clipped.How to resolve this issue?

64 bit compatibility

in class:
JSBadgeView

method:
layoutSubviews

NSAssert(NO, @"Unimplemented JSBadgeAligment type %d", self.badgeAlignment);

should change

NSAssert(NO, @"Unimplemented JSBadgeAligment type %lu", (unsigned long)self.badgeAlignment);

for suppressing compiling warning