ChangeColorLabel
效果
源码
//
// ChangeColorLabel.h
// YXMWeather
//
// Created by XianMingYou on 15/6/22.
// Copyright (c) 2015年 XianMingYou. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface ChangeColorLabel : UIView
@property (nonatomic, strong) UIFont *font;
@property (nonatomic, strong) UIColor *textColor;
@property (nonatomic, strong) UIColor *changedColor;
/**
* 文本
*/
@property (nonatomic, strong) NSString *text;
/**
* 设定文本后将会重新更新控件
*/
- (void)updateLabelView;
/**
* 颜色百分比
*
* @param percent 颜色的百分比
*/
- (void)colorPercent:(CGFloat)percent;
@end//
// ChangeColorLabel.m
// YXMWeather
//
// Created by XianMingYou on 15/6/22.
// Copyright (c) 2015年 XianMingYou. All rights reserved.
//
#import "ChangeColorLabel.h"
#import "AlphaView.h"
#import "UIView+SetRect.h"
@interface ChangeColorLabel ()
@property (nonatomic, strong) UILabel *showLabel;
@property (nonatomic, strong) UILabel *alphaLabel;
@property (nonatomic, strong) AlphaView *alphaView;
@end
@implementation ChangeColorLabel
- (instancetype)initWithFrame:(CGRect)frame {
self = [super initWithFrame:frame];
if (self) {
[self initLabels];
}
return self;
}
- (void)initLabels {
self.showLabel = [[UILabel alloc] initWithFrame:CGRectZero];
[self addSubview:self.showLabel];
self.alphaLabel = [[UILabel alloc] initWithFrame:CGRectZero];
[self addSubview:self.alphaLabel];
// 设定alphaView
self.alphaView = [[AlphaView alloc] initWithFrame:CGRectZero];
self.alphaView.colors = @[[UIColor clearColor],
[UIColor blackColor],
[UIColor blackColor],
[UIColor clearColor]];
self.alphaView.locations = @[@(0.f), @(0.05), @(0.95), @(1.f)];
self.alphaView.startPoint = CGPointMake(0, 0);
self.alphaView.endPoint = CGPointMake(1, 0);
self.alphaLabel.maskView = self.alphaView;
}
/**
* 设定文本后将会重新更新控件
*/
- (void)updateLabelView {
// 字体
UIFont *font = (self.font == nil ? self.showLabel.font : self.font);
// 设置文本 + 设置颜色 + 设置字体
self.showLabel.text = self.text;
self.alphaLabel.text = self.text;
self.showLabel.textColor = self.textColor;
self.alphaLabel.textColor = self.changedColor;
self.showLabel.font = font;
self.alphaLabel.font = font;
// 重置文本位置
[self.showLabel sizeToFit];
[self.alphaLabel sizeToFit];
// 重新设置alphaView的frame值
self.alphaView.width = self.showLabel.width;
self.alphaView.height = self.showLabel.height;
}
/**
* 文本颜色百分比
*
* @param percent 百分比
*/
- (void)colorPercent:(CGFloat)percent {
if (percent <= 0) {
self.alphaView.x = -self.showLabel.width;
} else {
self.alphaView.x = -self.showLabel.width + percent * self.showLabel.width;
}
}
#pragma mark - 私有方法
@end//
// AlphaView.h
// YXMWeather
//
// Created by XianMingYou on 15/6/20.
// Copyright (c) 2015年 XianMingYou. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface AlphaView : UIView
@property (nonatomic, strong) NSArray *colors;
@property (nonatomic, strong) NSArray *locations;
@property (nonatomic) CGPoint startPoint;
@property (nonatomic) CGPoint endPoint;
- (void)alphaType;
@end//
// AlphaView.m
// YXMWeather
//
// Created by XianMingYou on 15/6/20.
// Copyright (c) 2015年 XianMingYou. All rights reserved.
//
#import "AlphaView.h"
@interface AlphaView ()
{
CAGradientLayer *_gradientLayer;
}
@end
@implementation AlphaView
/**
* 修改当前view的backupLayer为CAGradientLayer
*
* @return CAGradientLayer类名字
*/
+ (Class)layerClass {
return [CAGradientLayer class];
}
- (instancetype)initWithFrame:(CGRect)frame {
self = [super initWithFrame:frame];
if (self) {
_gradientLayer = (CAGradientLayer *)self.layer;
}
return self;
}
- (void)alphaType {
self.colors = @[[UIColor clearColor], [UIColor blackColor], [UIColor clearColor]];
self.locations = @[@(0.25), @(0.5), @(0.75)];
self.startPoint = CGPointMake(0, 0);
self.endPoint = CGPointMake(1, 0);
}
/**
* 重写setter,getter方法
*/
@synthesize colors = _colors;
- (void)setColors:(NSArray *)colors {
_colors = colors;
// 将color转换成CGColor
NSMutableArray *cgColors = [NSMutableArray array];
for (UIColor *tmp in colors) {
id cgColor = (__bridge id)tmp.CGColor;
[cgColors addObject:cgColor];
}
// 设置Colors
_gradientLayer.colors = cgColors;
}
- (NSArray *)colors {
return _colors;
}
@synthesize locations = _locations;
- (void)setLocations:(NSArray *)locations {
_locations = locations;
_gradientLayer.locations = _locations;
}
- (NSArray *)locations {
return _locations;
}
@synthesize startPoint = _startPoint;
- (void)setStartPoint:(CGPoint)startPoint {
_startPoint = startPoint;
_gradientLayer.startPoint = startPoint;
}
- (CGPoint)startPoint {
return _startPoint;
}
@synthesize endPoint = _endPoint;
- (void)setEndPoint:(CGPoint)endPoint {
_endPoint = endPoint;
_gradientLayer.endPoint = endPoint;
}
- (CGPoint)endPoint {
return _endPoint;
}
@end//
// UIView+SetRect.h
// TestPch
//
// Created by YouXianMing on 14-9-26.
// Copyright (c) 2014年 YouXianMing. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface UIView (SetRect)
// Frame
@property (nonatomic) CGPoint viewOrigin;
@property (nonatomic) CGSize viewSize;
// Frame Origin
@property (nonatomic) CGFloat x;
@property (nonatomic) CGFloat y;
// Frame Size
@property (nonatomic) CGFloat width;
@property (nonatomic) CGFloat height;
// Frame Borders
@property (nonatomic) CGFloat top;
@property (nonatomic) CGFloat left;
@property (nonatomic) CGFloat bottom;
@property (nonatomic) CGFloat right;
// Center Point
#if !IS_IOS_DEVICE
@property (nonatomic) CGPoint center;
#endif
@property (nonatomic) CGFloat centerX;
@property (nonatomic) CGFloat centerY;
// Middle Point
@property (nonatomic, readonly) CGPoint middlePoint;
@property (nonatomic, readonly) CGFloat middleX;
@property (nonatomic, readonly) CGFloat middleY;
@end//
// UIView+SetRect.m
// TestPch
//
// Created by YouXianMing on 14-9-26.
// Copyright (c) 2014年 YouXianMing. All rights reserved.
//
#import "UIView+SetRect.h"
@implementation UIView (SetRect)
#pragma mark Frame
- (CGPoint)viewOrigin
{
return self.frame.origin;
}
- (void)setViewOrigin:(CGPoint)newOrigin
{
CGRect newFrame = self.frame;
newFrame.origin = newOrigin;
self.frame = newFrame;
}
- (CGSize)viewSize
{
return self.frame.size;
}
- (void)setViewSize:(CGSize)newSize
{
CGRect newFrame = self.frame;
newFrame.size = newSize;
self.frame = newFrame;
}
#pragma mark Frame Origin
- (CGFloat)x
{
return self.frame.origin.x;
}
- (void)setX:(CGFloat)newX
{
CGRect newFrame = self.frame;
newFrame.origin.x = newX;
self.frame = newFrame;
}
- (CGFloat)y
{
return self.frame.origin.y;
}
- (void)setY:(CGFloat)newY
{
CGRect newFrame = self.frame;
newFrame.origin.y = newY;
self.frame = newFrame;
}
#pragma mark Frame Size
- (CGFloat)height
{
return self.frame.size.height;
}
- (void)setHeight:(CGFloat)newHeight
{
CGRect newFrame = self.frame;
newFrame.size.height = newHeight;
self.frame = newFrame;
}
- (CGFloat)width
{
return self.frame.size.width;
}
- (void)setWidth:(CGFloat)newWidth
{
CGRect newFrame = self.frame;
newFrame.size.width = newWidth;
self.frame = newFrame;
}
#pragma mark Frame Borders
- (CGFloat)left
{
return self.x;
}
- (void)setLeft:(CGFloat)left
{
self.x = left;
}
- (CGFloat)right
{
return self.frame.origin.x + self.frame.size.width;
}
- (void)setRight:(CGFloat)right
{
self.x = right - self.width;
}
- (CGFloat)top
{
return self.y;
}
- (void)setTop:(CGFloat)top
{
self.y = top;
}
- (CGFloat)bottom
{
return self.frame.origin.y + self.frame.size.height;
}
- (void)setBottom:(CGFloat)bottom
{
self.y = bottom - self.height;
}
#pragma mark Center Point
#if !IS_IOS_DEVICE
- (CGPoint)center
{
return CGPointMake(self.left + self.middleX, self.top + self.middleY);
}
- (void)setCenter:(CGPoint)newCenter
{
self.left = newCenter.x - self.middleX;
self.top = newCenter.y - self.middleY;
}
#endif
- (CGFloat)centerX
{
return self.center.x;
}
- (void)setCenterX:(CGFloat)newCenterX
{
self.center = CGPointMake(newCenterX, self.center.y);
}
- (CGFloat)centerY
{
return self.center.y;
}
- (void)setCenterY:(CGFloat)newCenterY
{
self.center = CGPointMake(self.center.x, newCenterY);
}
#pragma mark Middle Point
- (CGPoint)middlePoint
{
return CGPointMake(self.middleX, self.middleY);
}
- (CGFloat)middleX
{
return self.width / 2;
}
- (CGFloat)middleY
{
return self.height / 2;
}
@end//
// ViewController.m
// ChangeColorLabel
//
// Created by YouXianMing on 15/6/25.
// Copyright (c) 2015年 YouXianMing. All rights reserved.
//
#import "ViewController.h"
#import "ChangeColorLabel.h"
#import "UIView+SetRect.h"
@interface ViewController () <UIScrollViewDelegate>
@property (nonatomic, strong) ChangeColorLabel *label;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
self.view.backgroundColor = [UIColor blackColor];
self.label = [[ChangeColorLabel alloc] initWithFrame:CGRectMake(0, 0, 320, 70)];
self.label.font = [UIFont fontWithName:@"AppleSDGothicNeo-UltraLight" size:40.f];
self.label.textColor = [UIColor redColor];
self.label.changedColor = [UIColor purpleColor];
self.label.text = @"YouXianMing";
self.label.center = self.view.center;
self.label.x += 50;
[self.label updateLabelView];
[self.view addSubview:self.label];
[self.label colorPercent:0];
UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:self.view.bounds];
scrollView.contentSize = CGSizeMake(self.view.width * 2, self.view.height);
scrollView.delegate = self;
[self.view addSubview:scrollView];
}
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
CGFloat x = scrollView.contentOffset.x;
CGFloat percent = x / self.view.width;
[self.label colorPercent:percent];
}
@end
