iOS小项目-使用Slider完成三种颜色的改变

原创 2015年11月20日 21:02:06

如题目所说,我们要做一个用三个slider完成背景颜色的改变。

实现效果如下图:
这里写图片描述

实现代码如下:

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

    //view的初始颜色是黑色
    self.view.backgroundColor = [UIColor blackColor];
    //创建三个滑动条,置于不同的view的不同地方
    for (int i = 0; i < 3; i++) {
        //进度条的大小
        UISlider *slider = [[UISlider alloc] initWithFrame:CGRectMake(50, 100 + 200 * i, self.view.frame.size.width - 100, 40)];
        //为进度条设置tag值
        slider.tag = i + 1;
        //slider添加事件的方法(注意:应使用UIControlEventValueChanged)
        [slider addTarget:self action:@selector(change:) forControlEvents:UIControlEventValueChanged];
        //将slider添加到view上面
        [self.view addSubview:slider];
        //我是手动管理内存,所以需要这句话。(如果是自动管理内存,这句话可以省略)
        [slider release];
    }
}

- (void)change:(UISlider *)slider
{
    //通过tag值获得上面三个UISlider
    UISlider *red = (UISlider *)[self.view viewWithTag:1];
    UISlider *green = (UISlider *)[self.view viewWithTag:2];
    UISlider *blue = (UISlider *)[self.view viewWithTag:3];
    //根据三个滑动条更改背景颜色。(红、绿、蓝的三个颜色是 0 ~ 1),(Slider的默认值也是 0 ~ 1);所以可以实现效果。
    self.view.backgroundColor = [UIColor colorWithRed:red.value green:green.value blue:blue.value alpha:1.0];
}

相关文章推荐

iOS项目开发实战——使用三种方式实现页面跳转与参数传递(一)

在iOS中,可以使用三种不同的方式实现页面的跳转并传递参数:nib页面方式,segue方式,和代码跳转。现在先来实现使用nib设计界面并传递参数。实现如下: (1)在项目中新建一个Cocoa Touc...

wpf slider 进度条的样式模板,带有进度颜色显示

效果图: 只需在前台加上这段代码即可:
  • libo250
  • libo250
  • 2014年12月30日 22:38
  • 2926

iOS中使用blend改变图片颜色

iOS中使用blend改变图片颜色 使用Blend处理图片颜色 最近对Core Animation和Core Graphics的内容东西比较感兴趣,自己之前也在这块相对薄弱,趁此机...

iOS开发笔记--使用blend改变图片颜色

iOS开发笔记--使用blend改变图片颜色  分类: iOS2014-01-02 17:24 2836人阅读 评论(2) 收藏 举报 最近对Core Anim...
  • Lu_Ca
  • Lu_Ca
  • 2015年08月11日 11:47
  • 528

ios 中使用blend改变图片的颜色

在ios开发的过程中,我们经常会遇到这样的情况:当我们点击一个按钮时,按钮的背景颜色会发生变化,一般情况下 我们会调用UIButton 的函数- (void)setBackgroundImage:(U...

iOS开发笔记--使用blend改变图片颜色

最近对Core Animation和Core Graphics的内容东西比较感兴趣,自己之前也在这块相对薄弱,趁此机会也想补习一下这块的内容,所以之后几篇可能都会是对CA和CG学习的记录的文章。 ...
  • hopedark
  • hopedark
  • 2014年01月02日 17:24
  • 11577

wpf slider进度条的样式模板,带有进度颜色显示

效果图: 只需在前台加上这段代码即可: ...

android改变字体的颜色的三种方法

法一: TextView tv = new TextView(this); tv.setText("你好"); setContentView(tv);   该方法自己没有...

iOS项目开发实战——自定义控件背景与颜色

在自定义控件这部分的内容中,可能更多的是涉及美工的工作,而不是程序员应该干的事。但是不懂设计的程序猿就不是好攻城狮。程序猿也应该学会一点基本的UI设计,这样会更加有利于以后的学习与开发。       ...

JQuery Slider 实现时间刻度滑动条,用以编辑项目/起始时间(手动输入可自动更新到滑动条)

使用jquery slider 实现时间刻度可以使用滑动条调整,用以设置项目起始时间,同时更新页面起始时间表单; 可以使用弹出层编辑时间,提交后自动更新到slider刻度条上...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS小项目-使用Slider完成三种颜色的改变
举报原因:
原因补充:

(最多只允许输入30个字)