- GitHub地址：Wonderful
- star: 700+
??????
以下內(nèi)容來源于官方源碼、 README 文檔、測試 Demo或個人使用總結 ！
Wonderful
一個關于色彩的庫
image
ChangeLog 1.2.1
1.2.1版本修復了：
有marquee或是headline組件的頁面，后臺回到前臺偶現(xiàn)錯亂的問題
有marquee或是headline組件的頁面，?停留在當前頁面，鎖屏解鎖偶現(xiàn)錯亂的問題
允許marquee在運行中修改文字
Demo程序截圖
建議使用iPhone6運行Demo程序
Drawing
<br />
一、UIColor+Wonderful
1.這個分類里擴充了更多的顏色擴展，以后隨手寫個小Demo再也不需要redColor buleColor了。
self.view.backgroundColor = [UIColor khakiColor];
self.view.backgroundColor = [UIColor chocolateColor];
2.平均每個色系有10種顏色，不僅可以使用名稱直接敲出，還能使用顏色階梯的宏敲出，在你想不起詞的時候更加方便。 宏從1～10是顏色漸深，可以根據(jù)自己的感覺使用淺一級的宏或深一級的宏。<br />
self.view.backgroundColor = Wonderful_YelloeColor4;
self.view.backgroundColor = Wonderful_BrownColor4;
<br />
Drawing
Drawing
<br />
二、UIColor+Separate
1.提供顏色分離方案，可以將任何顏色的rgb喝alpha的值取出。<br />
UIColor *testC = [UIColor salmonColor];
float r= [testC red];
float g= [testC green];
float b= [testC blue];
float alpha= [testC alpha];
NSLog(@"****** %f,%f,%f,%f",r,g,b,alpha);
2.可以通過一個顏色算出此顏色的反色，使得背景無論被用戶設置成什么色，文字顏色都是背景的反色。<br />
self.showLbl1.backgroundColor = [UIColor peachRed];
self.showLbl1.textColor = [[UIColor peachRed]reverseColor];
3.也可以直接打印這個顏色的各項詳細數(shù)值。<br />
[[UIColor salmonColor]printDetail];
// 打印結果
This Color's Red:250, Green:128, Blue:114, Alpha:1
decimal red:0.9804 green:0.5020 blue:0.4471
Hexadecimal 0xfa8072
4.提供了顏色微調(diào)方案，可以讓一個已知顏色的rgb的某值上升或下降若干，可用于不管背景是什么色，邊框都比背景深20。 也可以將認可顏色的詳細值打印出來。<br />
UIColor *navColor = [[UIColor redColor]up:SXColorTypeBlue num:30]; // 在紅色上把藍色色值提高30
UIColor *barColor = [[UIColor blueColor]up:1 num:140]; // 可以直接用枚舉對應的tag
UIColor *bgColor = [[UIColor blackColor]down:SXColorTypeAlpha num:10]; // 取一個比黑色稍微淡的顏色
UIColor *lineColor = [bgColor up:3 num:20]; // 不管背景是什么顏色 線都比背景淺20.
image
<br />
三、SXColorGradientView
1.顏色漸變的view，可以設置任何顏色到透明的過渡。<br />
SXColorGradientView *grv1 = [SXColorGradientView createWithColor:[UIColor paleGreen] frame:CGRectMake(10, 10, 80, 30) visible:YES direction:SXColorGradientToRight];
2.也可以設置兩個顏色相互過渡。<br />
SXColorGradientView *grv3 = [SXColorGradientView createWithFromColor:[UIColor peruColor] toColor:[UIColor ghostWhite] frame:CGRectMake(10, 50, 80, 30) direction:SXColorGradientToRight];
3.可以設置向上下左右四個過渡的方向。<br />
typedef NS_ENUM(NSInteger, SXColorGradientDirection) {
SXColorGradientToTop = 1,
SXColorGradientToLeft = 2,
SXColorGradientToBottom = 3,
SXColorGradientToRight = 4,
};
4.支持增加傳入一個數(shù)組，然后搭建一個多個顏色過渡的view。<br />
Drawing
<br />
四、SXMarquee
1.實現(xiàn)任何樣式的跑馬燈。<br />
跑馬燈方法：
- (instancetype)initWithFrame:(CGRect)frame
speed:(SXMarqueeSpeedLevel)speed
Msg:(NSString *)msg
bgColor:(UIColor *)bgColor
txtColor:(UIColor *)txtColor;
// 點擊動作，默認點擊停止
- (void)changeTapMarqueeAction:(void(^)())action;
// 改變字體大小
- (void)changeMarqueeLabelFont:(UIFont *)font;
- (void)start;
- (void)stop;
- (void)restart;
Demo:
SXMarquee *mar = [[SXMarquee alloc] initWithFrame:CGRectMake(20, 255, 335, 35)
speed:4
Msg:@"重大活動，天貓的雙十一，然而并沒卵用"
bgColor:[UIColor salmonColor]
txtColor:[UIColor whiteColor]];
// 默認字體：[UIFont fontWithName:@"HelveticaNeue" size:14.0f]
[mar changeMarqueeLabelFont:[UIFont systemFontOfSize:26]];
// 添加點擊事件,源碼實現(xiàn)方式：在該視圖上添加了一個按鈕
[mar changeTapMarqueeAction:^{
UIAlertView *alert = [[UIAlertView alloc]initWithTitle:@"點擊事件" message:@"可以設置彈窗，當然也能設置別的" delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"確定", nil];
[alert show];
}];
[mar start];
2.跑馬燈的背景可以設置任何顏色，這個是基于顏色過渡view做的。<br />
3.跑馬燈可以實現(xiàn)點擊拖動，或者綁定更多點擊事件。<br />
?? 源碼解析
/*
// Label 的寬度是根據(jù)字符串長度計算而來
UIFont *fnt = [UIFont fontWithName:@"HelveticaNeue" size:14.0f];
CGSize msgSize = [_marqueeLbl.text sizeWithAttributes:@{NSFontAttributeName:fnt}];
*/
#pragma mark - 核心動畫
- (void)moveAction {
// 以 Label 的中心點運動
// 貝塞爾曲線 起點
CGPoint fromPoint = CGPointMake(self.frame.size.width + self.marqueeLbl.frame.size.width/2, self.frame.size.height/2);
// 貝塞爾曲線 終點
CGPoint toPoint = CGPointMake(-self.marqueeLbl.frame.size.width/2, self.frame.size.height/2);
self.marqueeLbl.center = fromPoint;
UIBezierPath *movePath = [UIBezierPath bezierPath];
[movePath moveToPoint:fromPoint];
[movePath addLineToPoint:toPoint];
// 創(chuàng)建動畫實例
CAKeyframeAnimation *moveAnim = [CAKeyframeAnimation animationWithKeyPath:@"position"];
// 設置動畫路徑
moveAnim.path = movePath.CGPath;
// 完成后移除
moveAnim.removedOnCompletion = YES;
// 設置延遲
moveAnim.duration = self.marqueeLbl.frame.size.width * self.speedLevel * 0.01;
// 委托協(xié)議，動畫完成后重復該動畫
moveAnim.delegate = self;
// 在圖層上添加動畫
[self.marqueeLbl.layer addAnimation:moveAnim forKey:nil];
}
#pragma mark - CAAnimationDelegate
- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag{
if (flag) {
[self moveAction];
}
}
SXHeadLine
方法：
- (void)setBgColor:(UIColor *)bgColor
textColor:(UIColor *)textColor
textFont:(UIFont *)textFont;
// 設置時間間隔
- (void)setScrollDuration:(NSTimeInterval)scrollDuration
stayDuration:(NSTimeInterval)stayDuration;
// 改變點擊動作，默認點擊停止
- (void)changeTapMarqueeAction:(actionBlock)action;
- (void)start;
- (void)stop;
Demo:
SXHeadLine *headLine3 = [[SXHeadLine alloc]initWithFrame:CGRectMake(100, 530, 250, 30)];
headLine3.messageArray = @[@"1、庫里43分，勇士吊打騎士",@"2、倫納德死亡纏繞詹姆斯，馬刺大勝騎士",@"3、樂福致命失誤，騎士慘遭5連敗",@"4、五小陣容發(fā)威，雄鹿吊打騎士", @"5、天貓的雙十一，然而并沒卵用"];
[headLine3 setBgColor:[UIColor whiteColor] textColor:[UIColor orangeRed] textFont:[UIFont systemFontOfSize:13]];
[headLine3 setScrollDuration:0.5 stayDuration:3];
headLine3.hasGradient = YES;
[headLine3 changeTapMarqueeAction:^(NSInteger index) {
NSLog(@"你點擊了第 %ld 個button！內(nèi)容：%@", index, headLine3.messageArray[index]);
}];
[headLine3 start];
image
<br />
五、SXColorLabel
1.把text里重要的內(nèi)容用特殊符號包起來，就會特殊顯示<br />
2.如果用<>包起來，就會顯示高亮顏色。如果用[]包起來，就會顯示高亮的字體。
lbl.text = @"例1：今天要記得通知<Peter>和<Robin>去開會。";
lbl2.text = @"例2：禮物很有[糞]量，你會大吃一[斤]！";
3.這個高亮顏色和高亮字體可以自行設置。
// 高亮顏色
[SXColorLabel setAnotherColor:[UIColor salmonColor]];
// 高亮字體大小
[SXColorLabel setAnotherFont:[UIFont boldSystemFontOfSize:18]];
4.兩者也可以混合使用。 高亮的字體里有高亮顏色。
lbl3.text = @"例3：一定要：[通知<Peter>和<Robin>去開會]";
完整方法：
SXColorLabel *sxlbl3 = [[SXColorLabel alloc]initWithFrame:CGRectMake(40, 200, 350, 30)];
sxlbl3.anotherColor = [UIColor salmonColor];
sxlbl3.anotherFont = [UIFont systemFontOfSize:14];
sxlbl3.text = @"一定要：[通知<Peter>和<Robin>去開會]";
[self.bodyView addSubview:sxlbl3];
Drawing
<br />
?? 源碼解析
在同一個 Label 中設置不同字體顏色的方法參考如下，源碼中只是在字符串中放了標記符號<>、[]、遍歷刪除這些標記符號的同時將他們的范圍、長度記錄下來設置不同的字體和顏色。
- (UILabel *)titleLabel {
if (!_titleLabel) {
_titleLabel = [[UILabel alloc] initWithFrame:CGRectMake((MaxX(self.imageView)+10), MinY(self.imageView), 245, 40)];
_titleLabel.numberOfLines = 2;
_titleLabel.lineBreakMode = NSLineBreakByWordWrapping;
_titleLabel.font = [UIFont systemFontOfSize:16];
NSString *strPrice = [NSString stringWithFormat:@"%d元 - %d元", (int)self.data.minPrice, (int)self.data.maxPrice];
NSString *strTitle = self.data.title;
NSMutableAttributedString *string = [[NSMutableAttributedString alloc] initWithString:[NSString stringWithFormat:@"%@ %@", strTitle, strPrice]];
[string setAttributes:@{NSForegroundColorAttributeName: COLOR_RGB(34, 34, 39)} range:NSMakeRange(0, strTitle.length)];
[string setAttributes:@{NSForegroundColorAttributeName: COLOR_RGB(255, 77, 100)} range:NSMakeRange((strTitle.length+1), strPrice.length)];
_titleLabel.attributedText = string;
}
return _titleLabel;
}
舊版demo<br />
顏色列表<br />
image
