iOS开发-UI (一)常用控件

从这里开始是UI篇

知识点:

1.常用IOS基本控件

2.UITouch

=======================

常用基本控件

1.UISegmentedControl:分段控制器

1）创建方式

- (id)initWithItems:(NSArray *)items;

items数组中可以有NSString或者是UIImage对象

UISegmentedControl *seg = [[UISegmentedControl alloc] initWithItems:@[@"广州",@"深圳",@"珠海"]];

2）常用属性

设置标题/图片(注意下标范围从0~segments-1)

- (void)setTitle:(NSString *)title forSegmentAtIndex:(NSUInteger)segment

- (void)setImage:(UIImage *)image forSegmentAtIndex:(NSUInteger)segment

[seg setImage:[UIImage imageNamed:@"refresh_30"] forSegmentAtIndex:];

插入标题/图片

- (void)insertSegmentWithTitle:(NSString *)title 

              atIndex:(NSUInteger)segment 

      animated:(BOOL)animated

- (void)insertSegmentWithImage:(UIImage *)image  

      atIndex:(NSUInteger)segment 

      animated:(BOOL)animated

//插入

[seg insertSegmentWithTitle:@"湛江" atIndex:3 animated:YES];

移除内容

- (void)removeSegmentAtIndex:(NSUInteger)segment animated:(BOOL)animated

- (void)removeAllSegments

//移除某一个分段

[seg removeSegmentAtIndex: animated:YES];

//移除所有分段

[seg removeAllSegments];

事件处理

- (void)addTarget:(id)target

action:(SEL)action

forControlEvents:(UIControlEvents)controlEvents

3)事件处理

UIControlEventValueChanged

//添加事件

//注意事件类型使用：UIControlEventValueChanged

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

2.UISlider:滑块

1）创建方式

2）常用属性

当前value

property(nonatomic) float value

//实例化一个UISlider

UISlider *slider = [[UISlider alloc] initWithFrame:CGRectMake(10, 80, 200, 100)];

//设置默认滑块的位置(默认是0 - 1范围)

slider.value = 0.5;

最小value

@property(nonatomic) float minimumValue

最大value

@property(nonatomic) float maximumValue

//修改最大最小值

slider.minimumValue = 10;

slider.maximumValue = 100;

3)定制UI

@property(nonatomic,retain) UIColor *minimumTrackTintColor

@property(nonatomic,retain) UIColor *maximumTrackTintColor

@property(nonatomic,retain) UIColor *thumbTintColor 

    //添加事件

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

    //设置左右颜色

slider.minimumTrackTintColor = [UIColor redColor];

slider.maximumTrackTintColor = [UIColor yellowColor];

slider.thumbTintColor = [UIColor purpleColor];

3.UISwitch:开关控件

1）创建方式

// 实例化一个UISwitch

UISwitch *swi = [[UISwitch alloc] initWithFrame:CGRectMake(30, 80, 10, 10)];

2）常用属性

@property(nonatomic, retain) UIColor *onTintColor

@property(nonatomic, retain) UIColor *thumbTintColor

@property(nonatomic,getter=isOn) BOOL on

//设置按键颜色

swi.thumbTintColor = [UIColor orangeColor];

//打开的颜色

swi.onTintColor = [UIColor purpleColor];

//设置开关状态

swi.on = NO;

3）事件处理

[swi addTarget:self action:@selector(swiAction:) forControlEvents:UIControlEventValueChanged];

4.UIActivityIndicatorView

1）创建方式

- (id)initWithActivityIndicatorStyle:(UIActivityIndicatorViewStyle)style

　　　UIActivityIndicatorViewStyleWhiteLarge     大白色

UIActivityIndicatorViewStyleWhite            普通大小白

　　UIActivityIndicatorViewStyleGray              普通大小灰

// 加载视图

UIActivityIndicatorView *act = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(30, 100, 200, 200)];

act.activityIndicatorViewStyle = UIActivityIndicatorViewStyleWhiteLarge;

2）常用属性

开始转动

- (void)startAnimating;

停止转动

- (void)stopAnimating;

是否正在转动

- (BOOL)isAnimating;

颜色

@property (readwrite, nonatomic, retain) UIColor *color

//设置颜色

act.color = [UIColor orangeColor];

//开启动画

[act startAnimating];

//停止动画

[act stopAnimating];

//设置停止动画依然显示

act.hidesWhenStopped = NO;

5.UIProgressView:进度条

1）创建方式

- (id)initWithProgressViewStyle:(UIProgressViewStyle)style

UIProgressView *pro = [[UIProgressView alloc] initWithFrame:CGRectMake(30, 100, 200, 30)];

2）常用属性

@property(nonatomic) float progress   当前进度

@property(nonatomic, retain) UIColor* trackTintColor

@property(nonatomic, retain) UIColor* progressTintColor

//默认的范围为0 - 1

//设置进度

pro.progress = 0.5;

//完成进度的颜色

pro.progressTintColor = [UIColor redColor];

//未完成进度的颜色

pro.trackTintColor = [UIColor greenColor];

练习：模仿进度读取状态

6.UIActionSheet

代理方法

//实例化一个UIActionSheet

    UIActionSheet *sheet = [[UIActionSheet alloc] initWithTitle:@"温馨提示" delegate:self cancelButtonTitle:@"取消" destructiveButtonTitle:@"吃饭" otherButtonTitles:@"逛街",@"打游戏", @"睡觉",nil];

    //显示UIActionSheet

    [sheet showInView:self.view];

- (void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex

//点击回调代理方法

-(void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex{

    NSLog(@"buttonIndex = %ld",buttonIndex);

    switch (buttonIndex) {

        case :

        {

            NSLog(@"吃饭");

        }

            break;        

        default:

            break;

    }
}

7.UIAlertView

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{

//实例化一个UIAlertView

UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"温馨提示" message:@"余额不足" delegate:self cancelButtonTitle:@"确定" otherButtonTitles:@"抢银行",@"搬砖",@"找个富婆", nil];

//展示

[alert show];

}

#pragma mark- UIAlertViewDelegate

-(void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex{

NSLog(@"buttonIndex = %ld",buttonIndex);

}

=======================

UITouch

1.如何捕捉触摸事件

触摸开始

      - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event;

      移动

      - (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event;

      触摸结束

      - (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event;

      触摸被取消(触摸时候程序被中断)

      - (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event;

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{

    //获得起始坐标

    //取得触摸点对象

    UITouch *touch = [touches anyObject];

    //转换成坐标点

    CGPoint point = [touch locationInView:self.view];

}

2.如何获取坐标信息

1)获取到触摸点

UITouch *touch=[touches anyObject]

//获得起始坐标

//取得触摸点对象

UITouch *touch = [touches anyObject];

2)转换为坐标点

[touch locationInView:self.view]

CGPoint point = [touch locationInView:self.view];