UI 第六天 UISegmentControl UISlider UIImageView

原创 2015年11月17日 19:41:05

UISegmentControl

分段按钮 可以以数组的方式初始化,给每个按钮附上标题
初始化的数组必须是字符串,或者是图片,图片必须是镂空图(能使背景颜色透出来的图),
UISegmentControl的属性:
设置默认选中按钮 selectedSegmentIndex
设置选中按钮的颜色 tintColor
修改某个下标下的按钮的宽度(默认按钮都是相等的)
[segmentControl setWidth:160 forSegmentAtIndex:1]
重点:添加一个点击事件 和按钮一样,不过后面的状态改成ValueChange 实际上检测的是 索引的变化

主要的需求就是:每个分段按钮 控制一个界面 每个界面是一个控制器来控制 并且可以切换界面 切记:这里不是页面前面学过的页面跳转,实际上这些界面切换是在一个页面上进行的.
例如: 有3个按钮,实现页面切换.
1.首先创建3个控制器,控制器对应3个界面
2.将这三个控制器添加到跟控制器上,然后把控制器的view添加到跟视图上
3.用bringSubviewToFront: 将开始的控制器视图放到最前面
4.再用bringSubviewToFront:segmentControl 将分段按钮放到最前面,不然会被覆盖掉的
5.实现分段按钮的方法
可以使用分支语句 if-else 或者switch-case ,实现按钮与界面的连接, 把对应的界面放在最前面. 注意的的是:必须把分段按钮再放到最前面,不然被覆盖

UISlider

滑块: 应用场景有调节音量,
属性:
设置轨迹颜色 setMaximumTrackTintColor 滑块右边的颜色(往最大值方向)
setMinimumTrackTintColor 滑块左边的颜色(往最小值方向)
设置滑动按钮颜色(球) setThumbTintColor
设置图片,可以不使用镂空图(不过要注意图片尺寸) setThumbImage
设置最大值图片 setMaximumValueImage
设置最小值图片 setMinimumValueImage
设置滑块的初值 最大值 最小值(如果不给最大最小值,默认是0,1)
如果想设置初始位置 需要先把最大 最小值设置上 再给初值 才会发生变化
滑动事件 声明方法同UISegmentControl

UIImageView

给UIImageView设置动画(跑图)

设置imageView的动画数组
imageView.animationImages = pictureArray; pictureArray 是一个用于存放图片的数组
设置时间间隔(播放完整一次10秒)
imageView.animationDuration = 10;
设置重复次数(零代表无限次)
imageView.animationRepeatCount = 0
让动画开始
[imageView startAnimating]
让动画停止
[imageV stopAnimating]

可以将UISlider和UIImageView结合起来.用UISlider来控制动画的时间间隔,并且在滑块到最大时停止滑动
在UISlider的滑动方法里实现:
- (void)sliderAction:(UISlider *)slider
{

if (slider.value != slider.maximumValue) {

    imageV.animationDuration = 100 / slider.value;

     让动画开始   
    [imageV startAnimating];
} else {

    为了美观,停止的时候 添加一张占位图
     动画停止
    [imageV stopAnimating];
    imageV.image = [UIImage imageNamed:@"12.jpg"];
}  

}

相关文章推荐

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

一.pragma mark ————- UISegmentedControl 分段按钮———————————–继承于UIControl 1.初始化 UISegmentedControl...

UI - UISegmentedControl、UISlider、UIImageView、UISwitch

// UIControl的子类(8个): // UITextField // UIPageControl // UISlider // UIButton // UI...

UI基础之-UIImage,UIImageView, UISegmentedControl,UISlider

一  UIImageView和 UIImage 1.  UIImage 继承自 NSObject,是用来保存图片资源的 UIImageView继承自 UIView, 用来显示图片的控件,相当于一个相框...

【IOS 开发】基本 UI 控件详解 (UISegmentedControl | UIImageView | UIProgressView | UISlider | UIAlertView )

.一. 分段控件 (UISegmentedControl)控件展示 : 1. UISegmentedControl 控件属性(1) Style 属性Style 属性 :      -- Plain :...

UI连载五--常用UI控件—Label、Button、UITextField、UIImageView、UISlider、UISwitch、UIActivityIndicatorView等

#pragma mark -UILabel - (void)_initLabel {     UILabel *textLable = [[UILabel alloc] initWith...

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

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

UISegmentControl,UISlider,ImageView 常用方法

1.Image 设置图片,默认显示  UIImageView *_imageView = [[UIImageView alloc]init]; _imageView.image = [...

UIActionSheet,UIAlertView,UISlider,UIProgressView,UISwitch,UISegmentControl,UIActivityIndicatorView基

一、UIActionSheet 行动表 UIActionSheet 用来对指定的事件向用户呈现一系列的操作;也可以用来提示用户确认有些带有危险性的操作;ActionSheet包含一个可选的标题和...

[TwistedFate]滑块UISlider 跑图UIImageView

UISlider初始化及设背景色UISlider *slider = [[UISlider alloc] initWithFrame:CGRectMake(40, 100, 300, 20)]; sl...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:UI 第六天 UISegmentControl UISlider UIImageView
举报原因:
原因补充:

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