A project needs to show a little red dot on the Uitabbar, where three methods are collected.

1. Use the system comes with, and can display the number on the Little red dot.

[ItemOne Setbadgevalue:@ ""// show Little Red dots without numbers [itemone setbadgevalue:@ "1 "]; // show Little Red dots with numbers

The above shortcomings: Little red dot too big, hurt Ah!

2. Use the picture, create the picture, set the rendering of the picture.

UIImage * Normalimage = [[UIImage imagenamed:@"Pic_msg_yes_nor"] imagewithrenderingmode:uiimagerenderingmodealwaysoriginal]; UIImage* Selectimage = [[UIImage imagenamed:@"Pic_msg_yes_sel"] imagewithrenderingmode:uiimagerenderingmodealwaysoriginal]; Uitabbaritem*itemone=[[uitabbaritem Alloc]initwithtitle:@"message"image:normalimage Selectedimage:selectimage];/** Set the rendering mode of UIImage: Uiimage.renderingmode Coloring (Tint Color) is one of the iOS7 interfaces. Set the rendering mode of the UIImage: Uiimage.renderingmode A significant change, you can set a UIImage whether to use the tint Color of the current view when rendering. UIImage added a read-only property: Renderingmode, corresponding to a new method: Imagewithrenderingmode:, It uses the Uiimagerenderingmode enumeration value to set the Renderingmode property of the picture.  The enumeration contains the following values: Uiimagerenderingmodeautomatic//automatically adjusts the rendering mode based on the environment in which the picture is used and the drawing context in which it is located.  Uiimagerenderingmodealwaysoriginal//Always draws the original state of the picture without using tint Color.   Uiimagerenderingmodealwaystemplate//Always draws a picture based on tint color, ignoring the color information of the picture. The default value for the Renderingmode property is Uiimagerenderingmodeautomatic*/

Disadvantage: This will only show the small red dots, can not display the specific number. But the landlord of the project does not need to display the numbers, the use of this. Convenient and concise.

3. Using Catgory, expand Uitabbar

This method is reproduced from: http://blog.csdn.net/lilinoscar/article/details/47103747

The first step is to build a uitabbar category.

The second step is to write the code.

. h file

[OBJC]View Plaincopy

1. #import <UIKit/UIKit.h>
3. @interface Uitabbar (Badge)
5. -(void) Showbadgeonitemindex: (int) index; //show Little red dot
7. -(void) Hidebadgeonitemindex: (int) index; //Hide Little Red dot
9. @end

. m file

[OBJC]View Plaincopy < param name= "wmode" value= "Transparent" >

1. #import "Uitabbar+badge.h"
2. #define The number of Tabbaritemnums 4.0//tabbar if 5 is set to 5.0
4. @implementation Uitabbar (Badge)

[OBJC]View Plaincopy

2. Show Little Red Dot
4. -(void) Showbadgeonitemindex: (int) index{
6. //Remove the Little red dot before
8. [self removebadgeonitemindex:index];
12. //New Little Red dot
14. UIView *badgeview = [[UIView alloc]init];
16. Badgeview. Tag = 888 + index;
18. Badgeview. Layer. Cornerradius = 5; Round
20. Badgeview. backgroundcolor = [Uicolor redcolor]; Color: Red
22. CGRect tabframe = self. frame;
26. //Determine the location of the Little red dot
28. float Percentx = (index +0. 6)/tabbaritemnums;
30. CGFloat x = CEILF (percentx * tabframe. Size. width);
32. CGFloat y = Ceilf (0. 1 * tabframe. Size. height);
34. Badgeview. frame = CGRectMake (x, y, 10, 10); Round size is ten
36. [self addsubview:badgeview];
38. }

[OBJC]View Plaincopy < param name= "wmode" value= "Transparent" >

1. Hide the Little Red dot
2. -(void) Hidebadgeonitemindex: (int) index{
3. //Remove the Little red dot
4. [self removebadgeonitemindex:index];
5. }

[OBJC]View Plaincopy

2. Remove the Little red dot
4. -(void) Removebadgeonitemindex: (int) index{
6. //Remove according to tag value
8. For (UIView *subview in self. subviews) {
10. if (subView. Tag = = 888+index) {
12. [SubView Removefromsuperview];
14. }
16. }
18. }
22. @end

The third step is to introduce the classes that need to be used.

[OBJC]View Plaincopy

1. #import "Uitabbar+badge.h"

The reference code is as follows:

[OBJC]View Plaincopy < param name= "wmode" value= "Transparent" >

1. Show
2. [self. Tabbarcontroller. TabBar Showbadgeonitemindex:2];
3. Hide
4. [self. Tabbarcontroller. TabBar Hidebadgeonitemindex:2]

A project needs to show a little red dot on the Uitabbar, where three methods are collected.