iOS-个人整理09 - UIControl与子类:UISlider,UISegmentControl

一、UISlider

UISlider是iOS中的滑块控件
通常用于控制视频播放进度,控制音量
它继承于UIControl,滑块位于滑条不同位置时提供不同的Value值


 //滑竿初始化  
 UISlider *mySlider = [[UISlider alloc]initWithFrame:CGRectMake(22, 22, 300, 50)];  
   
 //设置滑竿值范围  
 mySlider.minimumValue = 0.5;  
 mySlider.maximumValue = 3;  
 //设置起始值  
 mySlider.value = 1;  
   
 //设置滑过范围的颜色  
 mySlider.minimumTrackTintColor = [UIColor grayColor];  
 //未滑过的颜色  
 mySlider.maximumTrackTintColor = [UIColor redColor];  
   
 //指定左边和右边指示图 图像大小30X30  
 mySlider.minimumValueImage = [UIImage imageNamed:@"bc.jpg"];  
 mySlider.maximumValueImage = [UIImage imageNamed:@"bc.jpg"];  
 //设置滑块的颜色  
 mySlider.thumbTintColor = [UIColor greenColor];  
 mySlider.tag = 1004;  
  
 //设置滑块的图片  
 [mySlider setThumbImage: [UIImage imageNamed:@"bc.jpg"]forState:UIControlStateNormal];  
  
 //添加触发事件,滑动滑竿触发  
 [mySlider addTarget:self action:@selector(changeTransform:) forControlEvents:UIControlEventValueChanged];  
  
 //添加到父视图  
 [self.view addSubview:mySlider];  

可以练习创建三个UISlider,通过它们改变背景的RGB值,达到调节背景颜色的效果,没啥难度

二、UISegmentControl

UISegmentControl是iOS中常用的分段控件,它相当于集成了多个Button
可以使用分段控件切换不同的视图


//初始化,items 根据数组在的元素创建相应个数的按钮  
    UISegmentedControl *segmentedControl = [[UISegmentedControl alloc]initWithItems:[NSArray arrayWithObjects:@"红",@"绿",@"蓝", nil nil]];  
      
    //设置大小  
    segmentedControl.frame = CGRectMake(100, 100, 200, 50);  
      
    //指定被选中的分段  
    segmentedControl.selectedSegmentIndex = 0;  
    [segmentedControl setSelectedSegmentIndex:1];  
      
    //更改分段控制器颜色  
    [segmentedControl setTintColor:[UIColor grayColor]];  
      
    //给每个分段设置图片  
    //渲染模式imageWithRenderingMode 设置 为UIImageRenderingModeAlwaysOriginal  
    //否则会根据当前的颜色对图片进行颜色渲染  
    [segmentedControl setImage:[[UIImage imageNamed:@"bc.jpg"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] forSegmentAtIndex:1];  
      
    //添加点击事件  
    [segmentedControl addTarget:self action:@selector(changeBgColor:) forControlEvents:UIControlEventValueChanged];  
      
    //设置样式,已经废弃  
   // segmentedControl.segmentedControlStyle  
      
     [self.view addSubview:segmentedControl];  

下面做一个小练习,通过UISegmentControl改变视图的颜色

#pragma mark  三个界面通过分段控制器切换  
      
    //创建三个视图  
    for (int i = 0; i < 3; i ++) {  
        UIView *view = [[UIView alloc]initWithFrame:CGRectMake(0, 300, 375, 300)];  
        view.tag = 1000+i;  
        //设置背景色为随机  
        view.backgroundColor = [UIColor colorWithRed:arc4random()%256/255.0 green:arc4random()%256/255.0 blue:arc4random()%256/255.0 alpha:1];  
        [self.view addSubview:view];  
//        if (i == 0) {  
//            view.hidden = NO;  
//        }  
//        else  
//            view.hidden = YES;  
    }  
      
    //创建分段控制器  
    UISegmentedControl *changeViewSegment = [[UISegmentedControl alloc]initWithItems:[NSArray arrayWithObjects:@"1",@"2",@"3", nil nil]];  
    changeViewSegment.frame = CGRectMake(80, 100, 200, 30);  
      
    //默认选中第一个分段,设置tag值  
    changeViewSegment.selectedSegmentIndex = 0;  
    changeViewSegment.tag = 1003;  
      
    //添加方法,点击分段切换颜色  
    [changeViewSegment addTarget:self action:@selector(changeView:) forControlEvents:UIControlEventValueChanged];  
    [self.view addSubview:changeViewSegment];  
  
<pre name="code" class="objc">//segment切换视图方法  
  
 -(void)changeView:(UISegmentedControl*)sender  
{  
    //根据Tag值得到三个视图  
    UIView *firstView = [self.view viewWithTag:1000];  
    UIView *secondView = [self.view viewWithTag:1001];  
    UIView *thirdView = [self.view viewWithTag:1002];  
      
    //通过修改三个视图的hidden属性实现切换  
    switch (sender.selectedSegmentIndex) {  
        case 0:  
            firstView.hidden = NO;  
            secondView.hidden = YES;  
            thirdView.hidden = YES;  
            break;  
        case 1:  
            firstView.hidden = YES;  
            secondView.hidden = NO;  
            thirdView.hidden = YES;  
            break;  
        case 2:  
            firstView.hidden = YES;  
            secondView.hidden = YES;  
            thirdView.hidden = NO;  
            break;  
        default:  
            break;  
    }  
}  

实现效果如下:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,016评论 4 62
  • 自用收藏 原文:http://www.th7.cn/Program/IOS/201606/884245.shtml...
    西瓜皮奥特曼阅读 2,169评论 0 16
  • 今天早上在大桔子区,听到一个骇人听闻的消息:跟XZ家帮忙干活的那个人,在今天八点,死在了医院里,年仅三十八岁。 当...
    桥上风景阅读 183评论 1 1
  • 其实吧,那些那么多觉得烦的事,都是因为自己想太多了,唉,有事没事就和弟弟打打游戏看看电影什么的多好,不然偷偷骂着哪...
    novia329阅读 320评论 0 0