概述

  • UISlider用于从连续范围的值中选择单个值的控件。
  • 当您移动滑块的大拇指时,会将其更新后的值传递给附加的任何动作。滑块的外观是可配置的; 您可以对曲目和大拇指进行着色,并提供出现在滑块末端的图像。

属性和方法

初始化方法

UISlider *slider = [[UISlider alloc] initWithFrame:CGRectMake(100, 100, 100, 30)];

指定附加到滑块断点的值,最小值表示滑块的前端,最大值表示滑块的尾端

slider.maximumValue = 100;
slider.minimumValue = 0;

设置滑块的初始值,该值必须位于最大值和最小值之间

slider.value = 50;

设置滑块滑动到最小值时的图像,如果空白,则不显示图像

slider.minimumValueImage = [UIImage imageNamed:@"验证码"];

设置滑块滑动到最大值时的图像,如果空白,则不显示图像

slider.maximumValueImage = [UIImage imageNamed:@"验证码"];

设置最小值前端滑杆的颜色

 slider.minimumTrackTintColor = [UIColor redColor];

设置最大值右端的滑杆的颜色

slider.maximumTrackTintColor = [UIColor blueColor];

设置滑块拇指的颜色

slider.thumbTintColor = [UIColor blackColor];

注意这个属性:如果你没有设置滑块的图片,那个这个属性将只会改变已划过一段线条的颜色,不会改变滑块的颜色,如果你设置了滑块的图片,又设置了这个属性,那么滑块的图片将不显示,滑块的颜色会改变(IOS7)

设置滑块值的更改是否是连续事件,该值默认为YES

[slider setContinuous:NO];

设置滑块划过部分的线条图案,要让该属性生效,不能设置minimumTrackTintColor属性

[slider setMinimumTrackImage:[UIImage imageNamed:@"验证码"] forState:(UIControlStateNormal)];

设置滑块未划过部分的线条图案,要让该属性生效,不能设置maximumTrackTintColor属性

[slider setMaximumTrackImage:[UIImage imageNamed:@"验证码"] forState:(UIControlStateNormal)];

设置滑块的图片,要使该属性生效,则不能设置ThumbImage属性

[slider setThumbImage:[UIImage imageNamed:@"验证码"] forState:(UIControlStateNormal)];

添加触发事件

[slider addTarget:self action:@selector(valueChanged:) forControlEvents:(UIControlEventValueChanged)];

小礼物走一走,来简书关注我

作者:coder小鹏

ios开发UI篇—UISlider的更多相关文章

  1. iOS开发UI篇—Quartz2D简单使用(三)

    iOS开发UI篇—Quartz2D简单使用(三) 一.通过slider控制圆的缩放 1.实现过程 新建一个项目,新建一个继承自UIview的类,并和storyboard中自定义的view进行关联. 界 ...

  2. iOS开发UI篇—CAlayer(自定义layer)

    iOS开发UI篇—CAlayer(自定义layer) 一.第一种方式 1.简单说明 以前想要在view中画东西,需要自定义view,创建一个类与之关联,让这个类继承自UIView,然后重写它的Draw ...

  3. iOS开发UI篇—UITabBarController简单介绍

    iOS开发UI篇—UITabBarController简单介绍 一.简单介绍 UITabBarController和UINavigationController类似,UITabBarControlle ...

  4. iOS开发UI篇—懒加载

    iOS开发UI篇—懒加载 1.懒加载基本 懒加载——也称为延迟加载,即在需要的时候才加载(效率低,占用内存小).所谓懒加载,写的是其get方法. 注意:如果是懒加载的话则一定要注意先判断是否已经有了, ...

  5. iOS开发UI篇—CAlayer层的属性

    iOS开发UI篇—CAlayer层的属性 一.position和anchorPoint 1.简单介绍 CALayer有2个非常重要的属性:position和anchorPoint @property ...

  6. iOS开发UI篇—CAlayer(创建图层)

    iOS开发UI篇—CAlayer(创建图层) 一.添加一个图层 添加图层的步骤: 1.创建layer 2.设置layer的属性(设置了颜色,bounds才能显示出来) 3.将layer添加到界面上(控 ...

  7. iOS开发UI篇—CALayer简介

    iOS开发UI篇—CALayer简介   一.简单介绍 在iOS中,你能看得见摸得着的东西基本上都是UIView,比如一个按钮.一个文本标签.一个文本输入框.一个图标等等,这些都是UIView. 其实 ...

  8. iOS开发UI篇—核心动画(UIView封装动画)

    iOS开发UI篇—核心动画(UIView封装动画) 一.UIView动画(首尾) 1.简单说明 UIKit直接将动画集成到UIView类中,当内部的一些属性发生改变时,UIView将为这些改变提供动画 ...

  9. iOS开发UI篇—核心动画(转场动画和组动画)

    转自:http://www.cnblogs.com/wendingding/p/3801454.html iOS开发UI篇—核心动画(转场动画和组动画) 一.转场动画简单介绍 CAAnimation的 ...

随机推荐

  1. CentOS6.5(2)----安装Tab键自动补全功能:bash-completion

    首先要确保网络畅通,因为该过程要通过网络下载相关的软件包. 在 root 用户下,使用 cd ~/Downloads 命令进入下载文件夹,然后依次输入如下三个命令: [root@prime:~/Doc ...

  2. MPU/SoC/Application Processor/Embedded OS

    Everything has its principles and mechanisms which are designed by its creator and followed by its u ...

  3. Ubuntu下搭建Hbase单机版并实现Java API访问

    工具:Ubuntu12.04 .Eclipse.Java.Hbase 1.在Ubuntu上安装Eclipse,可以在Ubuntu的软件中心直接安装,也可以通过命令安装,第一次安装失败了,又试了一次,开 ...

  4. springboot中filter的配置和顺序执行

    项目结构 springboot版本 <parent> <groupId>org.springframework.boot</groupId> <artifac ...

  5. winform基础控件总结

    转自:http://www.cnblogs.com/top5/archive/2010/04/29/1724039.html 基础 - 常用控件 C# WinForm开发系列 - CheckBox/B ...

  6. Azure 经典模式中虚拟机证书指纹的生成和作用

    用户在使用经典虚拟机时,经常会有如下疑问:门户主板页面中的 SSH/RDP 证书指纹这项信息是怎么来的?用途是什么?为什么有的时候为空?有没有对虚拟机使用有什么影响?以下我们进行一些基本的介绍: 证书 ...

  7. 从golang-gin-realworld-example-app项目学写httpapi (八)

    https://github.com/gothinkster/golang-gin-realworld-example-app/blob/master/common/unit_test.go 单元测试 ...

  8. js构建类的方法

    Javascript是一种基于对象的语言,你遇到的所有东西几乎都是对象.但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有Class.(不过,ES6引入了Class这个概念,作为对 ...

  9. 详解CATransformLayer

    详解CATransformLayer CATransformLayer与CALayer有着细微的差别,但这些差别会影响到3D变换的动画效果. 动画都有坐标系,如下所示(注意,这个不是iOS中的坐标系, ...

  10. rabbitmq集群步骤

    这里选用三台主机,主机名分别是hidden1, hidden2, hidden3 主机名一定要修改成不一样的,要不然加入集群的时候会加入不成功 修改完主机名后,在/etc/hosts文件中加入对应的解 ...