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];
}

Unity通过UGUI的Slider调整物体颜色

//首先我们创建三个Slider 和一个Cube,为了方便查看,我把Slider下面的Handle分别改变颜色并和名字一一对应; 然后我们把脚本放在Cube上,并且把三个Slider分别 拖进去 ...
  • tianduyingcai0113
  • tianduyingcai0113
  • 2017年09月09日 15:28
  • 309

Objective--C Slider实现三原色之间颜色变化

// 定义三个属性,分别为红,绿,蓝的slider @property(nonatomic,retain)UISlider *redSlider; @property(nonatomi...
  • u011535252
  • u011535252
  • 2015年12月17日 19:14
  • 941

IOS修改键盘颜色

- (void)textViewDidBeginEditing:(UITextView *)textView{    NSArray *ws = [[UIApplication sharedAppli...
  • kaizi318
  • kaizi318
  • 2012年10月22日 11:29
  • 3808

ios中slider高度修改

ios中slider高度修改
  • yw1990128
  • yw1990128
  • 2016年07月07日 14:20
  • 1709

Iphone开发(五)用滑块slider来调节控件透明度

holydancer原创,如需转载,请在显要位置注明: 转自holydancer的CSDN专栏,原文地址:http://blog.csdn.net/holydancer/article/deta...
  • holydancer
  • holydancer
  • 2012年03月27日 21:14
  • 10321

自定义UISlider的样式和滑块

//自定义UISlider的样式和滑块          //轨道图片     UIImage *stetchLeftTrack = [UIImage imageNamed:@"th...
  • Lu_Ca
  • Lu_Ca
  • 2015年07月01日 17:29
  • 8195

微信小程序----组件之slider

效果图 项目结构: 核心代码: index.wxml 设置left/right icon 设置step 显示当前value...
  • zhaihaohao1
  • zhaihaohao1
  • 2017年09月07日 15:24
  • 441

iOS UISlider改变高度

在我们iOS开发中,很多时候都会用到很多控件自定义,但是个人觉得,能够在最短的时间里实现UI的方法还是尽量用系统的控件,因为即稳定又快捷。 下面就是我们所要修改的地方,只需要创建一个继承UISlid...
  • mapleXK
  • mapleXK
  • 2017年04月01日 16:51
  • 835

微信小程序例子——使用slider设置数据值和switch开关组件

微信小程序例子——使用slider设置数据值和switch开关组件
  • FutrueJet
  • FutrueJet
  • 2016年10月18日 22:25
  • 3271

IOS 第三方库之-MBProgressHUD的使用详解

1,MBProgressHUD常用属性和用法Demo - (void)testMBProgressHUD { NSLog(@"test MBProgressHUD "); /* ...
  • walden00
  • walden00
  • 2015年09月24日 15:46
  • 2779
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS小项目-使用Slider完成三种颜色的改变
举报原因:
原因补充:

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