自定义DZLMoneyLabel

一、简介

由于父亲生病，好久没有更新博客了，今天10.1 国庆（应该说是昨天了，已经过了12点了），心血来潮自定义了一个小label。这个控件的难度并不大，也没有什么可以值得炫耀的技术点。写这个控件的主要原因是想再熟悉下label 和view 这连个最基本的控件。尽管天天接触这两个控件，但是我觉得很多初学者可能都并没有掌握这两个控件。废话不多说，先看一下效果图吧。

假装它可以闪动

二、思路

基本思路就是，先再初始化方法中创建所需要的控件，然后设置所需要的各种属性（注意各种属性之间可能会有先后顺序，但是使用者希望的是你给我提供的属性我可以随意顺序赋值，这也是我们需要解决的问题，实际上在大多数自定义控件中都会遇到这种问题），赋值完成之后进行各个控件的frame 设置，最后显示控件。下面先看一下头文件：

//
//  DZLMoneyLabel.h
//  StandUI
//
//  Created by 邓竹立 on 15/10/1.
//  Copyright (c) 2015年 GiveMeFive. All rights reserved.
//

#import <UIKit/UIKit.h>

typedef NS_ENUM(NSInteger, DZLMoneyType) {
    DZLMoneyRMBNone,//啥也没有
    DZLMoneyRMBSymbol,//￥
    DZLMoneyRMBUnit,//元
    DZLMoneyDollarSymbol,//$
};

@interface DZLMoneyLabel : UIView

@property(nonatomic,assign)CGFloat money;//金额
@property(nonatomic,assign)NSInteger decimalPlace;//保留几位小数
@property(nonatomic,assign)NSInteger  integerPartFontSize;//整数部分的字体大小
@property(nonatomic,assign)NSInteger decimalPartFontSize;//小数部分的字体大小
@property(nonatomic,assign)DZLMoneyType moneyType;//金钱类型，美元什么的
@property(nonatomic,assign)BOOL needCenterLine;//是否需要划线

@property(nonatomic,strong)NSArray *colors;//渐变色的颜色
@property(nonatomic,assign)BOOL needTwinkleColors;//是否需要闪烁效果

- (instancetype)initWithFrame:(CGRect)frame	__attribute__((unavailable("就不让你用！ 你能咋地？"))) NS_DESIGNATED_INITIALIZER;

@end

头文件中所说的已经很清楚了，唯一要强调的就是最下面的代码，加上这段代码的可以堵住使用者的一些不当的初始化入口。比如说我只写了一个init 方法，懒得去处理initWithFrame方法，那么我就可以将这个方法堵住，使用者是收不到initWithFrame 的快捷提示的。这样的好处是可以减少使用者的疑惑，也可以减少我们的代码量，这个还不错吧？

三、代码解释

-(instancetype)init
{
    if (self=[super init])
    {
        UILabel *moneyLabel=[[UILabel alloc] init];
        self.moneyLabel=moneyLabel;
        [self addSubview:moneyLabel];

        UIView *lineView=[[UIView alloc] init];
        self.lineView=lineView;
        [self addSubview:lineView];

        //默认
        self.integerPartFontSize=13;
        self.decimalPartFontSize=10;
        self.moneyLabel.textColor=[UIColor orangeColor];
        self.moneyLabel.textAlignment=NSTextAlignmentCenter;
        self.lineView.backgroundColor=[UIColor orangeColor];
        self.lineView.hidden=YES;
        self.backgroundColor=[UIColor clearColor];
    }
    return self;
}

在初始化方法里，我主要是进行控件的创建，我的习惯就是先把所需要的控件先创建了再说，frame 等到layoutSubViews 的时候再设置，而且是所有的子视图的frame都在layoutSubViews中设置，集中起来将来好管理。在初始化方法中，需要给使用者一些必要的默认值。

下面是属性设置部分的代码：

-(void)setNeedCenterLine:(BOOL)needCenterLine
{
    _needCenterLine=needCenterLine;
    self.lineView.hidden=!_needCenterLine;
    self.money=_money;
}

-(void)setDecimalPlace:(NSInteger)decimalPlace
{
    _decimalPlace=decimalPlace;
    self.money=_money;
}

-(void)setIntegerPartFontSize:(NSInteger)integerPartFontSize
{
    _integerPartFontSize=integerPartFontSize;
    self.money=_money;
}

-(void)setDecimalPartFontSize:(NSInteger)decimalPartFontSize
{
    _decimalPartFontSize=decimalPartFontSize;
    self.money=_money;
}

-(void)setColors:(NSArray *)colors
{
    _colors=colors;
    [self setNeedsLayout];//设置标记
    [self layoutIfNeeded];//如果有标记立即调用
}

-(void)setMoney:(CGFloat)money
{
    _money=money;
    NSString *moneyStr=[self stringByPrecisionWithMoney:_money];//其实就是选择显示的精度
    moneyStr=[self addMoneyTypeWithString:moneyStr];//添加人民币符号等

    NSMutableAttributedString *attrString=[[NSMutableAttributedString alloc] initWithString:moneyStr attributes:nil];
    NSRange range=[moneyStr rangeOfString:@"."];

    NSString *integerPartStr;
    NSString *decimalPartStr;
    if (range.length>0)
    {
        integerPartStr=[moneyStr substringToIndex:range.location];
        decimalPartStr=[moneyStr substringFromIndex:range.location+1];
        NSRange integerPartRange=[moneyStr rangeOfString:integerPartStr];
        NSRange decimalPartRange=[moneyStr rangeOfString:decimalPartStr];
        [attrString addAttribute:NSFontAttributeName value:[UIFont fontWithName:@"Helvetica" size:self.integerPartFontSize] range:integerPartRange];
        [attrString addAttribute:NSFontAttributeName value:[UIFont fontWithName:@"Helvetica" size:self.decimalPartFontSize] range:decimalPartRange];
    }else
    {
        integerPartStr=moneyStr;
        decimalPartStr=@"";
        NSRange integerPartRange=[moneyStr rangeOfString:integerPartStr];
        [attrString addAttribute:NSFontAttributeName value:[UIFont fontWithName:@"Helvetica" size:self.integerPartFontSize] range:integerPartRange];
    }

    self.moneyLabel.attributedText=attrString;
    [self setColors:_colors];
}

-(NSString*)stringByPrecisionWithMoney:(CGFloat)money
{
    NSString *moneyStr;
    if (self.decimalPlace==0)
    {
        moneyStr=[NSString stringWithFormat:@"%.0f",money];
    }else if(self.decimalPlace==1)
    {
        moneyStr=[NSString stringWithFormat:@"%.1f",money];
    }else if (self.decimalPlace==2)
    {
        moneyStr=[NSString stringWithFormat:@"%.2f",money];
    }else
    {
        moneyStr=[NSString stringWithFormat:@"%g",money];
    }
    return moneyStr;
}

-(NSString *)addMoneyTypeWithString:(NSString*)moneyStr
{
    switch (self.moneyType)
    {
        case DZLMoneyRMBSymbol:
        {
            moneyStr=[@"¥" stringByAppendingString:moneyStr];
        }
            break;

        case DZLMoneyRMBUnit:
        {
            moneyStr=[moneyStr stringByAppendingString:@"元"];
        }
            break;

        case DZLMoneyDollarSymbol:
        {
            moneyStr=[@"$" stringByAppendingString:moneyStr];
        }
            break;

        default:
            break;
    }
    return moneyStr;
}

以上代码其实不用细看，其基本思路就是先设置精度、金钱类型等属性，然后再设置金额、最后设置渐变色。如果使用者不小心把顺序搞错了，那么我们就再手动帮他们把顺序纠正过来。比如再设置精度的方法内部调用设置金额的方法。这里再说一下layoutIfNeed 和 setNeedsLayout。 setNeedsLayout其实是做了一个标记：告诉系统某控件需要调用layoutSubViews 了，但是什么时候掉我不管。layoutIfNeed其实是一次检查：这个控件有没有刷新标记啊？有的话我立马调用layoutSubViews。置于layoutSubViews方法，那就没什么可说的了：

-(void)layoutSubviews
{
    [super layoutSubviews];
    [self.moneyLabel sizeToFit];
    self.bounds=CGRectMake(0, 0, self.moneyLabel.bounds.size.width, self.moneyLabel.bounds.size.height);
    self.moneyLabel.frame=self.bounds;

    if (!self.needCenterLine)
    {
        return;
    }
    const CGFloat lineH=1.25;
    self.lineView.frame=CGRectMake(0,self.bounds.size.height*0.5 , self.bounds.size.width, lineH);
}

其他的只要看代码里的注释就可以了，总的来说在写这段代码时候遇到挺多坑的，不过还是很有收获，对UIView 又加深了印象。最后说两句题外话：程序员需要不断地去学习。程序员需要向其他程序员学习。拜拜各位，睡觉喽~

-(void)textColorChange
{
    //颜色交替
    id lastColor=[self.randomColors lastObject];
    [self.randomColors removeObject:lastColor];
    [self.randomColors insertObject:lastColor atIndex:0];
    self.gaLineLayer.colors=self.randomColors;
    self.gaLayer.colors=self.randomColors;
}

-(NSMutableArray*)randomColors
{
    if (_randomColors==nil)
    {
        _randomColors=[NSMutableArray arrayWithArray:[self makeRandomColors]];
    }
    return _randomColors;
}

-(NSArray *)makeRandomColors
{
    NSArray *array= @[
                      (id)[UIColor colorWithRed:0.5 green:0.1 blue:0.1 alpha:1].CGColor,//color 必须是CGColor强转来的
                      (id)[UIColor colorWithRed:0.6 green:0.1 blue:0.1 alpha:1].CGColor,
                      (id)[UIColor colorWithRed:0.7 green:0.1 blue:0.1 alpha:1].CGColor,
                      (id)[UIColor colorWithRed:0.8 green:0.1 blue:0.1 alpha:1].CGColor,
                      (id)[UIColor colorWithRed:0.9 green:0.1 blue:0.1 alpha:1].CGColor,
             ];

    return array;
}

-(void)drawRect:(CGRect)rect
{
    [super drawRect:rect];

    //这段代码放在这里的原因是 这段代码调用时，每个控件的frame 都已经设置好了
    //不放在layoutSubview 中是因为layoutSubview会调用多次，很难控制
    if (_colors.count>0)
    {
        CAGradientLayer *gaLayer=[CAGradientLayer layer];
        gaLayer.colors=_colors;
        gaLayer.frame=self.moneyLabel.frame;
        gaLayer.startPoint=CGPointMake(0, 0);
        gaLayer.endPoint=CGPointMake(1, 0);
        gaLayer.mask=self.moneyLabel.layer;
        self.moneyLabel.layer.frame=gaLayer.bounds;//这里需要设置一下frame 关于文字渐变的 可以上网搜一下袁征的博客
        self.gaLayer=gaLayer;
        [self.layer addSublayer:gaLayer];

        CAGradientLayer *gaLineLayer=[CAGradientLayer layer];
        gaLineLayer.colors=_colors;
        gaLineLayer.frame=self.lineView.frame;
        gaLineLayer.startPoint=CGPointMake(0, 0);
        gaLineLayer.endPoint=CGPointMake(1, 0);
        self.gaLineLayer=gaLineLayer;
        [self.layer addSublayer:gaLineLayer];

        if (self.needTwinkleColors)
        {
            CADisplayLink *link = [CADisplayLink displayLinkWithTarget:self selector:@selector(textColorChange)];
            link.frameInterval=20;//勉强可以设置刷新时间
            [link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];
        }
    }
}