您的位置:首页 > 产品设计 > UI/UE

UI基础整理-6

2015-12-02 20:20 435 查看


UISlider


就是音量条或者调节亮度的条

设置大小(滑块视图默认高度34,不会被改变)

设置划过区域的颜色

设置未划过区域的颜色

设置滑块图片

左右视图(例如音量的最小和最大或者屏幕最暗和最亮)

设置两侧的值(最小值和最大值)

设置进度条背景颜色

进度条切圆角

//创建滑块视图,默认高度34

//改这边的大小不会改变中间球的大小

UISlider *slider = [[UISlider alloc]initWithFrame:CGRectMake(0, 0, 300, 34)];

//设置中心点

slider.center = self.view.center;

//划过区域的颜色mini...

slider.minimumTrackTintColor = [UIColor magentaColor];

//未划过区域的颜色maxi...

slider.maximumTrackTintColor = [UIColor yellowColor];

//设置滑块图片

[slider setThumbImage:[UIImage imageNamed:@"3"] forState:UIControlStateNormal];

[slider setThumbImage:[UIImage imageNamed:@"1"] forState:UIControlStateHighlighted];//高亮

//左右视图

//左边

slider.minimumValueImage = [UIImage imageNamed:@"yin1"];

//右边

slider.maximumValueImage = [UIImage imageNamed:@"yin2"];

//设置最小值

slider.minimumValue = 0;

//设置最大值

slider.maximumValue = 1.0;

slider.value = 0.5;

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

// //进度条背景颜色

// slider.backgroundColor = [UIColor blueColor];

// //切进度条背景圆角

// slider.layer.cornerRadius = 17;

// //切除多余

// slider.layer.masksToBounds = YES;

分段控制器:
tintColor : 边框及字体颜色
layer.cornerRadius
: 切圆角
layer.masksToBounds
: 切除多余部分
apportionsSegmentWidthsByContent : 根据内容自动适应大小
[seg setTitle:@"一生一世一双人"forSegmentAtIndex:2]
: 设置分段标题
[seg removeSegmentAtIndex:1animated:YES]
: 移除
[seg
insertSegmentWithTitle:@"骆宾王"atIndex:2animated:YES]
: 插入标题
selectedSegmentIndex : 设置默认选中下标
[seg addTarget:<#(nullable id)#> action:<#(nonnull SEL)#> forControlEvents:<#(UIControlEvents)#>] : 给分段控制器添加事件

//继承于UIControl-->UIView -->UIResponder-->NSObject

//分段控制器独有的初始化方法中,参数是一个数组

//数组要求:字符串数组或者图片数组

NSArray *array = @[@"相怜相念倍相亲",@"第二页",@"第三页"];

UISegmentedControl *seg = [[UISegmentedControl alloc]initWithItems:array];

seg.frame = CGRectMake(40, 150, 300, 50);

//边框及字体颜色

seg.tintColor = [UIColor redColor];

//背景色

seg.backgroundColor = [UIColor yellowColor];

seg.layer.cornerRadius = 3;

seg.layer.masksToBounds = YES;

//根据内容自动适应大小

seg.apportionsSegmentWidthsByContent = YES;

//设置分段标题

[seg setTitle:@"一生一世一双人" forSegmentAtIndex:2];

//移除

[seg removeSegmentAtIndex:1 animated:YES];

//插入标题

[seg insertSegmentWithTitle:@"骆宾王" atIndex:2 animated:YES];

//设置默认选中下标

seg.selectedSegmentIndex = 0;

//移除第三个标题

// [seg removeSegmentAtIndex:2 animated:YES];

//给分段控制器添加事件

[seg addTarget:self action:@selector(changePage:) forControlEvents:UIControlEventValueChanged];

动画

将图片放在数组中利用for循环进行图片的添加

设置动画需要的图片数组

设置动画间隔(动画持续时间)

设置动画重复次数(0是一直重复)

设置开始动画(startAnimating)

NSMutableArray *images = [[NSMutableArray alloc]initWithCapacity:40];//申请53个指针

//为什么使用上面这种申请空间:实现告诉系统可能要放53个(防止数组频繁的搬家(所处的内存空间不够,数组中所有东西都会重新找个地方)),不够就再开辟53个空间,如果再不够,就开辟106个,以此类推,开辟212—>开辟424.

for (int i = 0; i <= 39; i ++) {

//根据格式创建图片名称

NSString *imageName = [NSString stringWithFormat:@“cat_eat%04d.jpg”,i];

//根据图片名称创建图片对象

UIImage *image = [UIImage imageNamed:imageName];

//将图片对象添加到数组

[images addObject:image];

}

// NSLog(@“%lu”,images.count);

//创建图片视图

UIImageView *imageView = [[UIImageView alloc]initWithFrame:self.view.bounds];

//设置动画需要的图片数组

imageView.animationImages = images;

//设置动画间隔(动画持续时间)

imageView.animationDuration = 5;

//动画重复次数(0就是一直重复)

imageView.animationRepeatCount = 1;

//开始动画

[imageView startAnimating];
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: