IOS开发-代码创建UI控件并修改控件属性(代码创建UIButton、UILabel)

一. 概述：

在IOS开发的界面搭建步骤中，Storyboard中的所有操作都可以通过代码实现，Storyboard的实质是xcode根据Storyboard文件的描述帮我们转换为代码，总之代码是万能的，那么什么时候适合使用Storyboard什么时候使用代码创建按钮呢？一般一个界面中位置是固定不变的，程序运行时一直是可见的这样一般用Storyboard即可，但是有些控件需要做某些操作时才会出现，这时候一般就会使用代码创建。

二. 代码创建控件的步骤

1. 使用要用控件的类创建控件对象，比如创建按钮控件：

// 创建默认类型的按钮
UIButton *delete = [[UIButton alloc] init];
// 创建custom类型按钮
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];

2.设置控件的各种属性，包括位置尺寸、显示的文字、背景颜色等等，总之在sotryBoard中可以设置的属性代码完全可以做到:

// 设置按钮位置尺寸 
btn.frame = CGRectMake(20, 0, ROWH , ROWH);
// 设置按钮背景颜色
btn.backgroundColor = [UIColor clearColor];

3. 添加控件到父控件中

// 将按钮添加到当前视图控制器管理的视图中
[self.view addSubview:btn];

4. 如果是按钮还要设置监听事件

// 设置按钮点击后执行deleteClick方法
[delete addTarget:self action:@selector(deleteClick:) forControlEvents:UIControlEventTouchUpInside];

- (void)deleteClick:(UIButton *)btn
{
    NSLog(@"delete btn click");
}

三. 代码创建控件使用实例-联系人管理

下面通过联系人个管理这个简单的应用熟悉代码创建控件，此应用结合了storyboard和代码两种方式创建界面。

本实例的UIToolbar由于位置固定是在storyboard创建，初始状态删除按钮时disable状态。

本程序主要的方法有UIToolbar中增加和删除两个按钮的监听和联系人这一行的创建。

@interface ViewController ()
{
    NSArray *_names; // 存储姓名
}
/** UIToolbar中的删除按钮 */
@property (weak, nonatomic) IBOutlet UIBarButtonItem *removeButton;
/** UIToolbar中增加联系人按钮的监听 */
- (IBAction)add:(UIBarButtonItem *)sender;
/** UIToolbar中删除联系人按钮的监听 会删除最后一行 */
- (IBAction)removeLast:(UIBarButtonItem *)sender;

@end

@implementation ViewController
#pragma mark 启动时加载一次
- (void)viewDidLoad {
    [super viewDidLoad];
    
    // 创建名字数组
    _names = @[@"无情",@"铁手",@"追命",@"冷血",@"安世耿"];
}

#pragma mark 创建一行
- (UIView *)createRow
{
    /** 1.创建一行UIView 此行作为父控件,包含了:头像（UIButton） 姓名(UILabel) 删除按钮（UIButton）*/
    UIView *newView = [[UIView alloc] init];
    
    /** 2.设置一行的背景颜色为绿色 */
    newView.backgroundColor = [UIColor greenColor];
    
    /** 3.设置一行的姓名 使用UILabel */
    // 创建lable控件
    UILabel *label = [[UILabel alloc] init];
    // 设置label控件的位置和尺寸
    label.frame = CGRectMake(0, 0, self.view.frame.size.width, ROWH);
    
    // label控件的字体相关的属性，考虑的几个方面
    // 1. 文字内容，通过arc4random_uniform（u_int32_t x）方法得到小于x的随机数
    int nameIndex = arc4random_uniform((u_int32_t)_names.count);
    // 随机去一个名字并赋给label
    label.text = _names[nameIndex];
    
    // 2. 字体位置居中 初学者不知道就看sb文件的右侧对应的属性名字
    label.textAlignment = NSTextAlignmentCenter;
    // 2.背景颜色
    label.backgroundColor = [UIColor clearColor];
    // 给label绑定一个tag
    label.tag = 10;
    
    // 将label添加到父控件（一行）中并显示
    [newView addSubview:label];
    
    
    /** 4. 设置一行的图像 使用UIButton */
    // 创建button
    UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
    
    // 图片的原点以自己父控件（一行）左上角为原点，不是整个屏幕
    btn.frame = CGRectMake(20, 0, ROWH , ROWH);
    // 设置button的背景颜色为无色
    btn.backgroundColor = [UIColor clearColor];

    // 产生小于9的随机数
    int num = arc4random_uniform(9);
    // 随机产生一个图片名
    NSString *imageName = [NSString stringWithFormat:@"01%d",num];
    // 设置button的Normal状态背景图片
    [btn setImage:[UIImage imageNamed:imageName] forState:UIControlStateNormal];
    
    // 添加图像点击监听事件 */
    [btn addTarget:self action:@selector(iconClick:) forControlEvents:UIControlEventTouchUpInside];
    
    // 将button添加到父控件（一行）中并显示
    [newView addSubview:btn];
    
    /** 5.为每行添加删除按钮 */
    UIButton *delete = [[UIButton alloc] init];
    delete.frame = CGRectMake(self.view.frame.size.width - 70, 10, 50, 30);
    // 设置按钮的文字为“删除”
    [delete setTitle:@"删除" forState:UIControlStateNormal];
    
    // 设置button的Normal状态的文字颜色
    [delete setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    
    // 设置删除按钮的背景颜色为白色
    [delete setBackgroundColor:[UIColor whiteColor]];
    
    // 设置监听事件
    [delete addTarget:self action:@selector(deleteClick:) forControlEvents:UIControlEventTouchUpInside];
    
    // 将删除按钮添加到一行中
    [newView addSubview:delete];
    
    return newView;
}
#pragma mark 删除自己所在的一行
/** 删除自己所在的一行 */
- (void)deleteClick:(UIButton *)btn
{
    // 获取父控件
    UIView *delete = [btn superview];
    /** 动画方式删除本行所有内容 */
    [UIView animateWithDuration:0.5 animations:^{
        // 取出frame
        CGRect TempFrame = delete .frame;
        // 改写frame
        TempFrame.origin.x = self.view.frame.size.width;
        // 重新写回
        delete .frame = TempFrame;
    } completion:^(BOOL finished) {
        // 获取当前删除按钮的父控件的索引
        int index = (int)[self.view.subviews indexOfObject:delete];
        // 从父控件中删除
        [delete removeFromSuperview];
        
        _removeButton.enabled = self.view.subviews.count > 1;

        [UIView animateWithDuration:0.5 animations:^{
            // 将下面的行上移
            for (int i = index; i < self.view.subviews.count; i++)
            {
                //UIView *tempView = [self.view viewWithTag:i];
                UIView *tempView = self.view.subviews[i];
                CGRect tempF = tempView.frame;
                tempF.origin.y -= (ROWH + 1);
                tempView.frame = tempF;
                
            }
        }];

    }];

}
// 每个头像被点击都会调用此方法
- (void)iconClick:(UIButton *)btn
{
    UILabel *name = (UILabel *)[btn.superview viewWithTag:10];
    NSLog(@"name.text %@",name.text);
}
#pragma mark 添加一行
- (IBAction)add:(UIBarButtonItem *)sender
{
    NSLog(@"add");
    
    // 0.取出最后一个控件,根据此控件设置添加的下一个控件的坐标
    UIView *last = self.view.subviews.lastObject;
    
    // 调用createRow创建一行这个控件
    UIView *newView = [self createRow];
    
    // 设置初始坐标，最开始为隐藏的(使整个控件出现在屏幕最右侧) 之后动画形式展示出来，从右向左慢慢移动
    CGFloat rowY = last.frame.origin.y + ROWH + 1;
    // x设置为在屏幕右侧
    CGFloat rowX = last.frame.size.width;
    newView.frame = CGRectMake(rowX, rowY, last.frame.size.width, ROWH);

    /** 添加到面板 */
    [self.view addSubview:newView];
    
    /** 使能UIToolBar中删除按钮 */
    _removeButton.enabled = YES;
    
    //开始透明的
    newView.alpha = 0;
    [UIView animateWithDuration:0.5 animations:^{
        // 改变一行的位置从最右侧看不见的位置移动到左侧
        newView.frame = CGRectMake(0, rowY, last.frame.size.width, ROWH);
        // 透明度动画
        newView.alpha = 1;
    } completion:^(BOOL finished) {
        NSLog(@"添加完毕");
    }];
    
}
#pragma mark 删除最后一个联系人信息
- (IBAction)removeLast:(UIBarButtonItem *)sender
{
    NSLog(@"remove");
    /** 判断要删除的是否是自己（toolBar）防止删除自己，有两种方式 */
    
    /**  方式1 根据当前子控件个数
     *    如果大于一个子控件则使能ToolBar中的删除按钮，如果只有一个子控件就
     *    是toolbar,不能删除
     */
    // 取出最后一个子控件
    UIView *last = self.view.subviews.lastObject;

      /* 开始执行动画 */
      // 1. 取出当前的fram付给临时值
      CGRect tempF = last.frame;
      // 2.改变frame
      tempF.origin.x = last.frame.size.width;
      // 3.重写frame并执行动画
      [UIImageView animateWithDuration:0.5 animations:^{
          last.frame = tempF;
      } completion:^(BOOL finished) {// 动画执行完毕之后删除这个对象
          [last removeFromSuperview];
          // 判断子控件的个数大于1置为使能状态
          _removeButton.enabled = self.view.subviews.count > 1;
      }];
    
//    
      /** 方式2 根据要删除控件的类是否和UItoolBar这个类相等 */
//    // 取出UItoolBar这个类
//    Class c = [UIToolbar class];
      // 判断最后一个控件的类是否是UIToolbar
//    UIView *last2 = self.view.subviews.lastObject;
//    if([last2 isKindOfClass:c])
//    {
//        _removeButton.enabled  = NO;
//    }
    
}
@end

小结：

1.关于颜色的获取与设置

1）一个UIColor代表一种颜色，通过UIColor的类方法，可以获得很多常用的颜色，每种颜色的方法如下：

+ (UIColor *)blackColor;      // 0.0 white 
+ (UIColor *)darkGrayColor;   // 0.333 white 
+ (UIColor *)lightGrayColor;  // 0.667 white 
+ (UIColor *)whiteColor;      // 1.0 white 
+ (UIColor *)grayColor;       // 0.5 white 
+ (UIColor *)redColor;        // 1.0, 0.0, 0.0 RGB 
+ (UIColor *)greenColor;      // 0.0, 1.0, 0.0 RGB 
+ (UIColor *)blueColor;       // 0.0, 0.0, 1.0 RGB 
+ (UIColor *)cyanColor;       // 0.0, 1.0, 1.0 RGB 
+ (UIColor *)yellowColor;     // 1.0, 1.0, 0.0 RGB 
+ (UIColor *)magentaColor;    // 1.0, 0.0, 1.0 RGB 
+ (UIColor *)orangeColor;     // 1.0, 0.5, 0.0 RGB 
+ (UIColor *)purpleColor;     // 0.5, 0.0, 0.5 RGB 
+ (UIColor *)brownColor;      // 0.6, 0.4, 0.2 RGB 
+ (UIColor *)clearColor;      // 0.0 white, 0.0 alpha 

2）将控件背景颜色设为绿色的示例

UIView *newView = [[UIView alloc] init]; 
// 设置背景颜色为绿色
newView.backgroundColor = [UIColor greenColor];

2.UIViewController的 - (void)viewDidLoad方法使用

1》 这是控制器的一个方法

2》当控制器的view创建完毕的时候会调用一次，仅此一次。

一般在此方法中加载app的数据。

3. 随机数的获取

// 产生一个随机数 
u_int32_t    arc4random(void);
// 产生小于所传参数的随机数
u_int32_t arc4random_uniform(u_int32_t /*upper_bound*/) 

4.控制器的宽度和高度的获取

开发中为了适应不同的屏幕尺寸要经常使用当前屏幕的宽度和高度，可通过UIView的frame.size得到

// 宽度获取
CGFloat width = self.view.frame.size.width;
// 高度获取
CGFloat height = self.view.frame.size.height;