进击的KFC:UI(六)UISegmentControl,UISlider,NSTimer,UIImageView

一.pragma mark ————- UISegmentedControl 分段按钮

———————————–继承于UIControl
1.初始化
UISegmentedControl seg = [UISegmentedControl alloc] initWithItems:(NSArray )
注意这个初始化用到的数组里的元素 必须是字符串 或者 镂空图

  (1)字符串数组初始化
  NSArray *itemArray = @[@"你好",@"KFC",@"再见"];
  //   分段按钮
  UISegmentControl *segmentControl = [[UISegmentControl alloc] initWithItems:itemArray];
  segmentControl.frame = CGRectMake(20,100,300,50);
  // 设置属性
  // 设置默认的选中第2个
  segmentControl.selectedSegmentIndex= 1;
  // 修改旋转状态的 填充 颜色
  segmentControl.tintColor = [UIColor blackColor];
  // 修改中间段的宽度 (两边按钮的宽度会自动缩短)
  [segmentControl setWidth:200 forSegmentAtIndex:1];
  // 为指定下标的分段设置标题
  [segmentControl setTitle:@"M" forSegmentAtIndex:1];

(2)// 用图片来初始化
    // 镂空图:能够把背景的颜色,在轨迹上透出来
    // 选中状态下,镂空图能显示不选中状态下的颜色
    // 不选中状态下,镂空图能显示选中状态下的颜色
     NSArray *imageArray = [NSArray arrayWithObjects:[UIImage imageNamed:@"friend"],[UIImage imageNamed:@"02-redo"],[UIImage imageNamed:@"03-loopback"],nil];
     // 其他属性的设置和上面一致
    // 添加一个点击时间 (核心方法)
    // 分割控件 添加方法 选择 ValueChanged(监测角标,索引高度变化)
    [segmentControl setTarget:self action:@selector:(segmentControlAction:) forControlEvents:(UIControlEventValueChanged)];

二.pragma mark —- UISlider 滑块控件

———————————–继承UIControl

// 先设置成属性
@property(retain,retain)UISlider *slider;
// 初始化
self.slider = [[UISlider alloc]initWithFrame:CGRectMake(20,100,300,50)];
// 设置属性
// 设置背景颜色
self.slider.backgroundColor = [UIColor greenColor];
// 设置轨迹颜色
self.slider.minimumTrackTintColor = [UIColor redColor];  // 左侧颜色
self.slider.minimumTrackTintColor = [UIColor greenColor]; // 右侧颜色
// 设置滑块的填充色
self.slider.thumbTintColor = [UIColor orangeColor] 

// 设置图片
// 设置滑块在不同状态下的图片
[self.slider setThumbImage:[UIImage imageNamed:@"jinru"] forState:(UIControlStateNormal)];
[self.slider setThumbImage:[UIImage imageNamed:@"friend"]forState:(UIControlStateHighlighted)];
[self.slider setThumbImage:[UIImage imageNamed:@"02-redo"forState:(UIControlStateSelected)];

// 添加最小值最大值两端的图片
self.slider.minimumValueImage = [UIImage imageNamed:@"02-redo"];
self.slider.maximumValueImage = [UIImage imageNamed:@"02-redo"];

// 设置初值,最大值,最小值
self.slider.minimumValue = 0;
self.slider.maximumValue = 10;
self.slider.value = 1;
self.slider.continuous = NO; // 滑动时不连续显示数值,只在显示最后停留位置处的值
// 添加响应事件
[self.slider addTarget:self action:@selector(sliderAction:)forControlEvents:(UIControlEventValueChanged)];
// 添加显示
[self.view addSubView:self.slider];

三.pragma mark ———-UIImageView

// ImageView动画 (跑图)
 self.imageView = [[UIImageView alloc] initWithFrame:CGRectMake(20, 200, 340, 400)];
    self.imageView.backgroundColor = [UIColor redColor];
    [self.view addSubview:self.imageView];

    // 构建一个图片数组 (找一组图片拉进工程,注意把图片名字改成1 2 3...10)
    self.onePunch = [NSMutableArray array];
    for (int i = 1; i < 11; i++) {
        [self.onePunch addObject:[UIImage imageNamed:[NSString stringWithFormat:@"%d.jpg",i]]];
    }
    // 设置imageView播放动画的数组
    self.imageView.animationImages = self.onePunch;
    // 设置重复的次数 (0代表无限次)
    self.imageView.animationRepeatCount = 0;
    // 设置完整播放一次的时间(秒)(10秒放10张图,所以改变animationDuration的值,可以改变播放的速度);
    self.imageView.animationDuration = 10;
    // 开始动画
    [self.imageView startAnimation];

四.pragma mark —- NSTimer计时器

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

    // 创建一个button
    self.button = [[UIButton alloc] initWithFrame:CGRectMake(100, 100, 200, 100)];
    self.button.backgroundColor = [UIColor blackColor];
    [self.button setTitle:@"发送验证码" forState:(UIControlStateNormal)];
    [self.button addTarget:self action:@selector(click:) forControlEvents:(UIControlEventTouchUpInside)];
    [self.view addSubview:self.button];

    // 给一个时间的初值
    self.number = 5;


}

- (void)click:(UIButton *)button
{
    // 倒计时:核心 每隔一秒 时间递减

    // 计时器类(可以实现每隔多少时间 调用一个方法),用类方法来初始化
    // (NSTimeInterval) 时间间隔
    // 每隔1秒钟调用timer:这个方法
    NSTimer *timer = [NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(timer:) userInfo:@"button倒计时" repeats:YES];

    // 计时器开始
    [timer fire];

    // 关闭按钮交互
    self.button.userInteractionEnabled = NO;

}

- (void)timer:(NSTimer *)timer
{
    // 改button的标题进行倒计时
        NSString *Buttontitle = [NSString stringWithFormat:@"%ld秒",self.number--];
        [self.button setTitle:Buttontitle forState:(UIControlStateNormal)];
   // 判断倒计时 是否结束 标题是否为0
    {
        if ([[self.button titleForState:(UIControlStateNormal)] isEqualToString:@"0秒"]) {
            // 停止计时器
            [timer invalidate];
            [self.button setTitle:@"重新发送验证码" forState:(UIControlStateNormal)];
            // 把交互再打开 可以重新点击
            self.button.userInteractionEnabled = YES;
            // 重置时间,不然会从继续从-1开始计时
            self.number = 5;
        }
    }

}