iOS阶段学习第34天笔记(UI小组件 UISegment-UISlider-UIStepper-UIProgressView-UITextView介绍)

iOS学习(UI)知识点整理

一、UI小组件

1、UISegmentedControl 分段选择器  实例代码

- (void)viewDidLoad {
    [super viewDidLoad];
    //分段选择器
    //在iOS6里,每个段的宽度会根据字数来决定
    //iOS7以后,每个段的宽度相同,宽度取决于最长的字数
    self.view.backgroundColor=[UIColor whiteColor];     
    seg=[[UISegmentedControl alloc]initWithItems:@[@"消息",@"视频电话"]];      
    self.navigationItem.titleView=seg;  
    //设置选中的某一个选项   
    seg.selectedSegmentIndex=1; 
    
    UIButton *button=[[UIButton alloc]init];
    button.frame=CGRectMake(80, 100, 200, 30);
    button.backgroundColor=[UIColor blackColor];
    [button setTitle:@"添加" forState:UIControlStateNormal];
    [button setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
    [button addTarget:self action:@selector(touchButton:) forControlEvents:UIControlEventTouchUpInside];
    
    [self.view addSubview:button]; 
    UIButton *rmbutton=[[UIButton alloc]init];
    rmbutton.frame=CGRectMake(80, 200, 200, 30);
    rmbutton.backgroundColor=[UIColor blackColor];
    [rmbutton setTitle:@"移除" forState:UIControlStateNormal];
    [rmbutton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
    [rmbutton addTarget:self action:@selector(touchRmButton:) forControlEvents:UIControlEventTouchUpInside]; 
    [self.view addSubview:rmbutton]; 
   //给seg添加点击事件的监听
    [seg addTarget:self action:@selector(changeView:) forControlEvents:UIControlEventValueChanged]; 
  }

//插入一个图片组成的段
-(void)touchButton:(UIButton*)button{     
    //[seg insertSegmentWithTitle:button.titleLabel.text atIndex:2 animated:YES];
  [seg insertSegmentWithImage:[UIImage imageNamed:@"005"] atIndex:2 animated:YES];
    
}
//移除某一个segment
-(void)touchRmButton:(UIButton*)button{     
    [seg removeSegmentAtIndex:1 animated:YES];     
}  
//按钮点击事件
-(void)changeView:(UISegmentedControl*)mseg{
    NSLog(@"%li",mseg.selectedSegmentIndex);     
}

效果图 如下：

2、UISlider 滑动条 实例代码

- (void)viewDidLoad {
    [super viewDidLoad];     
    //设置的高度无效
    UISlider *slider = [[UISlider alloc]initWithFrame:CGRectMake(10, 100, 300, 200)];
    [self.view addSubview:slider];      
    //滑块的最大值
    slider.maximumValue = 1.0;     
    //滑块的最小值
    slider.minimumValue = 0.0;     
    //滑块的当前值
    slider.value = 0.1;     
    //是否连续:NO:在滑动过程中,不会响应方法,只有在停止滑动时,才会调用对应的事件方法
    slider.continuous = YES;     
    [slider addTarget:self action:@selector(sliderAction:) forControlEvents:UIControlEventValueChanged];
    
}

//滑动滑块改变视图背景色
-(void)sliderAction:(UISlider *)slider
{
    NSLog(@"%f",slider.value);
    self.view.backgroundColor = [UIColor colorWithRed:slider.value green:1.0 - slider.value blue:slider.value alpha:1];
    
}

效果图 如下：

3、UIStepper和UIProgressView 步进器与进度条的使用 实例代码

@interface ViewController ()
{
    UIProgressView *_pro;
}
@end

@implementation ViewController
- (void)viewDidLoad {
    [super viewDidLoad];
    
    //设置的size信息无效,大小是固定的
    UIStepper *stepper = [[UIStepper alloc]initWithFrame:CGRectMake(10, 100, 300, 200)];
    //设置最大值
    stepper.maximumValue = 100;     
    //设置最小值
    stepper.minimumValue = 0;     
    //设置当前值
    stepper.value = 10;     
    //设置步进值
    stepper.stepValue = 5;     
    //设置颜色
    stepper.tintColor = [UIColor orangeColor];
    [self.view addSubview:stepper];
     [stepper addTarget:self action:@selector(stepperAction:)  forControlEvents:UIControlEventValueChanged];
    //进度条,高度无效
    UIProgressView *pro = [[UIProgressView alloc]initWithFrame:CGRectMake(10, 200, 300, 100)];
    _pro = pro;
    
    //值是0.0-1.0
    pro.progress = 0.5;     
    pro.progressTintColor = [UIColor redColor];     
    [self.view addSubview:pro];
}

//通过步进器改变进度条的值
-(void)stepperAction:(UIStepper *)stepper
{
    NSLog(@"%f",stepper.value);     
    _pro.progress = stepper.value / stepper.maximumValue;     
}

效果图 如下：

4、UISwitch和UIActivityIndicatorView 开关与活动指示器的使用 实例代码

- (void)viewDidLoad {
    [super viewDidLoad]; 
 
       //注意页面背景色不能为白色，否则看不到活动器因为活动器本身为白色
    self.view.backgroundColor = [UIColor blackColor];   
    //长宽无效
    UISwitch *s = [[UISwitch alloc]init];
    s.center = self.view.center;
    //设置UISwitch的开关状态
    s.on = YES; 
    [self.view addSubview:s];     
    [s addTarget:self action:@selector(switchAction:) forControlEvents:UIControlEventValueChanged];     
    _activity = [[UIActivityIndicatorView alloc]initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge];
    [self.view addSubview:_activity];     
    _activity.center = CGPointMake(100, 100);     
    [_activity startAnimating];     
   }

-(void)switchAction:(UISwitch *)s
{
    NSLog(@"%d",s.on);
    if (s.on) {
        //开启活动指示器
        [_activity startAnimating];
    }
    else
    {
         //关闭活动指示器
        [_activity stopAnimating];
    }
}

效果图 如下：

5、UITextView 多行文本框  实例代码

- (void)viewDidLoad {
    [super viewDidLoad];
    
    //解决多行文本框光标不从左上角开始问题
    self.automaticallyAdjustsScrollViewInsets = NO;     
    //多行文本框
    UITextView *tv = [[UITextView alloc]initWithFrame:CGRectMake(10, 100, 300, 100)];
    
    tv.backgroundColor = [UIColor grayColor];     
    [self.view addSubview:tv];     
    tv.delegate = self;
}

//文本框内容变化时触发;返回值表示能否修改内容
- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text
{
    //文本变化范围
    NSLog(@"%@",NSStringFromRange(range));
    //文本内容
    NSLog(@"%@",text);     
    return YES;  
}