IOS跟我学——UI篇——UIView

控件

• 什么是控件？

  • 在屏幕上的所有UI元素都可以叫控件，也可以叫视图，组件等
  • 文本（UILabel）、按钮（UIButton）等都是控件

• 控件的共同属性有哪些？

  • 尺寸
  • 背景色
  • 位置
  • 。。。

• 苹果将控件的共同属性抽取到父类UIView中，所以所有的控件最终都继承自UIView

• 父控件和子控件
  
  • 每个控件都是容器，能容纳其他的控件
  • 内部小控件是外部大控件的子控件，反之亦然
  • 每一个控制器（UIViewController）内部都有一个默认的UIView属性（ @property(nonatomic,retain) UIView *view）
  • 控制器管理的其他控件都间接或直接是这个view的子控件

常见属性

• 获得父控件对象
  
  • @property(nonatomic,retain) UIView *view;
  • 获得所有子控件的对象
    
    • @property(nonatomic,readonly,copy) NSArray *subviews;
• 控件ID标识
  
  • @property(nonatomic) NSInteger tag;
• 控件形变
  
  • @property(nonatomic) CGAffineTransform transform;
• 添加子控件
  
  • - (void)addSubview:(UIView *)view;
• 从父控件中移除
  
  • - (void)removeFromSuperview;
• 根据tag找出对应的控件
  
  • - (UIView *)viewWithTag:(NSInteger)tag;

坐标系

• @property(nonatomic) CGRect frame;

  • 控件矩形框在⽗父控件中的位置和尺⼨寸(以⽗父控件的左上⾓角为坐标原点) - - -

• @property(nonatomic) CGRect bounds;

  • 控件矩形框的位置和尺⼨寸(以⾃自⼰己左上⾓角为坐标原点,所以bounds的x、y⼀一般为0)

• @property(nonatomic) CGPoint center;

  • 控件中点的位置(以⽗父控件的左上⾓角为坐标原点)

• 在UIKit中,坐标系的原点(0,0)在左上⾓角,x值向右正向延伸,y值向下正向延伸
  

  1. 新拖一个View Controller的时候，会有一个默认的View
  2. frame指的是在父控件中的位置，左上角为（0.0），向右X增加，向下Y增加
  3. bound是以自己的左上角为（0.0）以自己为中心
  4. UIView相当于画板，我们可以向这个画板上添加我们需要的“图画”

部分代码展示

#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIView *purpleView;
@end

@implementation ViewController
//- (IBAction)buttonClick {
//    UIView *purpleView = [self.view viewWithTag:10];
//    [purpleView removeFromSuperview];
//}

#pragma mark 控制器的view加载完毕后会调用1次
- (void)viewDidLoad
{
    [super viewDidLoad];


    UIView *tempView = [[UIView alloc] init];
    tempView.backgroundColor = [UIColor redColor];
    tempView.frame = CGRectMake(100, 100, 100, 100); // 修改位置和尺寸
    tempView.bounds = CGRectMake(0, 0, 200, 200); // 修改尺寸
    tempView.center = CGPointMake(0, 0); // 修改位置
    [self.view addSubview:tempView];

    UISwitch *s = [[UISwitch alloc] init];
    s.center = CGPointMake(100, 100);
    [self.purpleView addSubview:s];
}

//- (UIView *)viewWithTag:(NSInteger)tag
//{
//    if (self.tag == tag) return self;
//    
//    for (UIView *subview in self.subviews) {
//        if (subview.tag == tag) return subview;
//    }
//    
//    return nil;
//}
//- (IBAction)bottomButtonClick:(UIButton *)button {
//    switch (button.tag) {
//        case 1:
//            NSLog(@"点击了左边按钮");
//            break;
//        case 2:
//            NSLog(@"点击了中间按钮");
//            break;
//        case 3:
//            NSLog(@"点击了右边按钮");
//            break;
//            
//        default:
//            break;
//    }
//}

//- (IBAction)button1Click:(UIButton *)sender {
//}
//
//- (IBAction)switchChange:(UISwitch *)sender {
//    NSLog(@"开关状态改变了 - %d", sender.isOn);
//}

@end