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

UIday0602:UISlider(滑块控件)的属性和用法

2015-08-31 21:30 621 查看
UISlider的属性和使用

UISlider是IOS中的滑块控件,通常用于控制音量、视频的进度等。

滑块停在不同的位置,可以取到不同的值

AppDelegate.m

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
// Override point for customization after application launch.
self.window.backgroundColor = [UIColor whiteColor];
[self.window makeKeyAndVisible];

RootViewController * rootVC = [[RootViewController alloc]init];
self.window.rootViewController = rootVC;
return YES;
}


RootViewController.m

#import "RootViewController.h"

@interface RootViewController ()

@property(nonatomic,strong)RootView * rv;

@end

@implementation RootViewController

-(void)loadView{
self.rv = [[RootView alloc]initWithFrame:[UIScreen mainScreen].bounds];
self.view = _rv;
}

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

// 设置属性
// 最小值
self.rv.slider.minimumValue = 0;
// 最大值
self.rv.slider.maximumValue = 1.0;
// 滑条颜色  滑过颜色
self.rv.slider.minimumTrackTintColor = [UIColor redColor];
// 滑条颜色  未滑过颜色
self.rv.slider.maximumTrackTintColor = [UIColor cyanColor];
// 小圆点颜色(Xcode6.3 之前的版本  直接设置是没有颜色的 需要先添加一个图片,然后设置颜色才行)
//    [self.rv.slider setThumbImage:[UIImage imageNamed:@"01.png"] forState:UIControlStateNormal];
//    self.rv.slider.thumbTintColor = [UIColor redColor];

// Slider 的值默认为0  这里改为1
self.rv.slider.value = 1;

// 添加事件
[self.rv.slider addTarget:self action:@selector(sliderAction:) forControlEvents:UIControlEventValueChanged];

}

// 响应方法 value当前值默认为0
-(void)sliderAction:(UISlider *)sender{
NSLog(@"%.2f",sender.value);
// 设置图片的透明度
self.rv.imageView.alpha = sender.value;
}

- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}

@end


RootView.h

@interface RootView : UIView

@property(nonatomic,strong)UISlider * slider;
@property(nonatomic,strong)UIImageView * imageView;

@end


RootView.m

#import "RootView.h"

@implementation RootView

- (instancetype)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
[self p_setupViews];
}
return self;
}

-(void)p_setupViews{
self.backgroundColor = [UIColor yellowColor];

// 创建slider  主要作用调音量,播放进度等
self.slider  = [[UISlider alloc]initWithFrame:CGRectMake(50, 50, 200, 50)];
self.slider.backgroundColor = [UIColor blueColor];
[self addSubview:_slider];

//
self.imageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"01.png"]];
self.imageView.frame = CGRectMake(50, 100, 200, 200);
[self addSubview:_imageView];

}

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