自定义DZLMoneyLabel

2019-11-14 18:13:25

字体：大中小

来源：转载

供稿：网友

一、简介

由于父亲生病，好久没有更新博客了，今天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];        }    }}

上一篇：AppSubmissionIssues

下一篇：IOS-UI-UIDynamic（一）