[翻译] ColourClock 将时间值转换成背景色

本文介绍了一个将时间转换为颜色的创新项目,通过Hex/RGB值动态改变View的背景色,灵感来源于thecolourclock.co.uk。项目包含自定义视图控制器,实现了时间到颜色的动态显示,并提供了多种显示模式,包括军事时间、十六进制颜色代码和RGB值。

ColourClock 将时间值转换成背景色

 

https://github.com/bennyguitar/ColourClock

This project converts Time to Hex/RGB, and is quite beautiful to look at. This was HEAVILY inspired byhttp://thecolourclock.co.uk and really, all credit goes to them.

这个工程是用来把时间值转换为Hex/RGB值的,看起来非常漂亮。灵感来自于这个网站 http://thecolourclock.co.uk

  

 

 

使用思路:

将一个要根据时间改变颜色View中layer的backgroundcolor赋值即可动态改变颜色。

 

附录:

ViewController.h


//
//  ViewController.h
//  ColourClock
//
//  Created by Ben Gordon on 12/20/12.
//  Copyright (c) 2012 Ben Gordon. All rights reserved.
//

#import <UIKit/UIKit.h>

enum ClockType {
    ClockTypeMilitary = 0,
    ClockTypeHex = 1,
    ClockTypeRGB = 2
};

@interface ViewController : UIViewController {
    
    __weak IBOutlet UILabel *timeLabel;
    __weak IBOutlet UILabel *appearanceType;
    
    enum ClockType currentType;
}


- (IBAction)changeClockType:(id)sender;

@end

ViewController.m


//
//  ViewController.m
//  ColourClock
//
//  Created by Ben Gordon on 12/20/12.
//  Copyright (c) 2012 Ben Gordon. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

#pragma mark - View Lifecycle

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    
    currentType = ClockTypeMilitary;
    [self changeColor];
    
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


#pragma mark - Change Colors

-(void)changeColor {
    // Set up date formatters for hour, min, seconds.
    // Then create strings from the current date.
    NSDateFormatter *formatHour = [[NSDateFormatter alloc] init];
    NSDateFormatter *formatMin = [[NSDateFormatter alloc] init];
    NSDateFormatter *formatSec = [[NSDateFormatter alloc] init];
    [formatHour setDateFormat:@"HH"];
    [formatMin setDateFormat:@"mm"];
    [formatSec setDateFormat:@"ss"];
    NSString *hour = [formatHour stringFromDate:[NSDate date]];
    NSString *minute = [formatMin stringFromDate:[NSDate date]];
    NSString *second = [formatSec stringFromDate:[NSDate date]];
    
    
    // Create floats of the time value.
    float hourFloat = [hour floatValue] * 255.0f / 23.0f;
    float minFloat = [minute floatValue] * 255.0f / 59.0f;
    float secFloat = [second floatValue] * 255.0f / 59.0f;
    
    
    // Create unsigned ints for Hex translation
    int32_t hourint = hourFloat + 0.5;
    int32_t minint = minFloat + 0.5;
    int32_t secint = secFloat + 0.5;
    
    
    // Change text color so it's readable.
    if (hourFloat > 200 && minFloat > 200 && secFloat > 200) {
        timeLabel.textColor = [UIColor darkGrayColor];
        appearanceType.textColor = [UIColor darkGrayColor];
    }
    else {
        timeLabel.textColor = [UIColor whiteColor];
        appearanceType.textColor = [UIColor whiteColor];
    }
    
    
    // Set Labels
    if (currentType == ClockTypeMilitary) {
        appearanceType.text = @"MILITARY TIME";
        timeLabel.text = [NSString stringWithFormat:@"%@:%@:%@", hour, minute, second];
    }
    else if (currentType == ClockTypeHex) {
        appearanceType.text = @"HEX COLOR CODE";
        timeLabel.text = [NSString stringWithFormat:@"#%02X%02X%02X",hourint,minint,secint];
    }
    else {
        appearanceType.text = @"RGB VALUES";
        timeLabel.text = [NSString stringWithFormat:@"%.0f:%.0f:%.0f", hourFloat, minFloat, secFloat];
    }
    
    
    // Finally, change image to the right color
    self.view.backgroundColor = [UIColor colorWithRed:(hourFloat/255.0f) green:(minFloat/255.0f) blue:(secFloat/255.0f) alpha:1.0];
    
    // And do it all over again, every .05 seconds so it's more accurate
    [self performSelector:@selector(changeColor) withObject:nil afterDelay:0.05];
}




#pragma mark - Change Clock Type

- (IBAction)changeClockType:(id)sender {
    currentType++;
    
    if (currentType > ClockTypeRGB) {
        currentType = ClockTypeMilitary;
    }
}

@end


AI-PPT 一键生成 PPT:用户输入主题关键词,AI-PPT 可快速生成完整 PPT,涵盖标题、正文、段落结构等,还支持对话式生成,用户可在 AI 交互窗口边查看边修改。 文档导入转 PPT:支持导入 Word、Excel、PDF 等多种格式文档,自动解析文档结构,将其转换为结构清晰、排版规范的 PPT,有保持原文和智能优化两种模式。 AI-PPT 对话 实时问答:用户上传 PPT 或 PPTX 文件后,可针对演示内容进行提问,AI 实时提供解答,帮助用户快速理解内容。 多角度内容分析:对 PPT 内容进行多角度分析,提供全面视野,帮助用户更好地把握内容结构和重点。 多语言对话支持:支持多语言对话,打破语言障碍,方便不同语言背景的用户使用。 AI - 绘图 文生图:用户输入文字描述,即可生成符合语义的不同风格图像,如油画、水彩、中国画等,支持中英文双语输入。 图生图:用户上传图片并输入描述,AI - 绘图能够根据参考图和描述生成新的风格化图像,适用于需要特定风格或元素的创作需求。 图像编辑:提供如 AI 超清、AI 扩图、AI 无痕消除等功能,用户可以上传图片进行细节修改和优化,提升图片质量。 AI - 文稿 文案生成:能够根据用户需求生成多种类型的文章,如市场营销文案、技术文档、内部沟通内容等,提升文案质量和创作效率。 文章润色:对已有文章进行改善和优化,包括语言表达、逻辑连贯性、内容流畅度等方面,使文章更符合用户期望和风格。 文章续写:AI 技术理解文本语境,为用户提供新的想法、补充资料或更深层次的见解,帮助用户丰富文档内容。 AI - 医生 智能健康咨询:包括症状自查,用户输入不适症状,AI 结合病史等信息提供疾病可能性分析与初步建议;用药指导,支持查询药品适应症、禁忌症等,并预警潜在冲突;中医辨证,提供体质辨识与调理建议。 医学报告解读:用户上传体检报告
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值