UI-2-UILabel&UIImageView-补充

课程要点：

• 控件之间的继承关系、
• UILabel
• UIImageView
• 利用UIImageView实现帧动画
• 补充

试图之间的继承关系

昨天学习UIView的时候，了解到UIView里面有以下几个常用属性

* backGroundColor:背景颜色

* alpha:透明度

* subViews:子试图集合

* hidden:是否隐藏

* tag:标签值

* superview:父试图

我们从这些基本属性可以发现，UIView里面没有属性让在文字显示在试图上面，也就是说UIView这个试图，无法满足咱的需求。此时UILabel就应运而生。在深入学习UILabel之前，咱们需要先研究一下UIView与UILabel的关系。

 [self.window makeKeyAndVisible];      

 //首先按照咱们创建控件的三步走创建一个UILbale,并把他在Window上。
 UILabel *testLabel = [[UILabel alloc]init];

 //按住command的同时鼠标点击frame,此时咱们能查看到关于frame属性的API
 testLabel.frame = CGRectMake(100, 100, 120, 30);

 [self.window addSubview:testLabel];

出现这种情况的主要原因是UILable继承于UIView，由于UILabel跟UIView有很多通用的属性，因此系统的UILabel类直接采用继承的方式，避免了在UILabel中写重复的属性。

PS：在工程里，我们怎么查看UILabel类是继承于谁的。按住Command的同时点击该类名。系统会自动定位到该类的.h文件中的interface部分，冒号部分是谁，就表示这个类继承于谁。在做项目的过程中学会怎么查看API以及习惯于查看API

UILabel：他是一个标签试图，继承UIView，不适合放太多的文本内容。

    //首先创建一个UILabel对象
    UILabel *testLabel = [[UILabel alloc]init];

    //设置testLabel的位置和大小
    testLabel.frame = CGRectMake(100, 100, 120, 100);

    //设置testLabel的背景颜色
    testLabel.backgroundColor = [UIColor grayColor];

    //给testLabel设置字符串
    testLabel.text = @"全球领先的移动设备操作系统";

    //给testLabel设置字体颜色
    testLabel.textColor = [UIColor greenColor];

    //给testLabel设置对其方式
    testLabel.textAlignment = NSTextAlignmentCenter;

    //给testLabel设置字体大小
    testLabel.font = [UIFont systemFontOfSize:17];

    //给testLabel设置阴影颜色
//    testLabel.shadowColor = [UIColor blackColor];

    //给testLabel设置阴影偏移量 此时你可以试试如果此时填的是（-5，-5）会是什么效果
//    testLabel.shadowOffset = CGSizeMake(10, 10);

    //给testLabel设置行数 1是一行显示 2是两行显示  0是根据内容自适应函数
    testLabel.numberOfLines = 2;

    //根据testLabel的宽高自动设置字体大小，从而让内容全部显示出来
    testLabel.adjustsFontSizeToFitWidth = YES;

    [self.window addSubview:testLabel];

UIImageView：图片试图,继承UIView，主要用来显示图片

怎么在工程里放图片

 //创建一个试图对象
    UIImageView *imgView = [[UIImageView alloc]init];

    //如果图片是PNG格式的，图片名不需要加后缀，否则都要加后缀
    imgView.image = [UIImage imageNamed:@“图片名字"];

    //在某个方向上让图片自适应，已达到最好看的效果。
    imgeView.contentMode = UIViewContentModeScaleAspectFit;

    //让图片充满整个frame
    imgeView.contentMode = UIViewContentModeScaleToFill;
    //取到图片的相应位置，并放到屏幕上，会超出设置的图片试图Frame
    imgeView.contentMode = UIViewContentModeRight;

    //裁剪掉超出试图frame的部分
    imgeView.clipsToBounds = YES;

   //给试图设置frame
    imgView.frame = CGRectMake(10, 10, 300, 400);

   //将试图放在window上
    [self.window addSubview:imgView];

用UIImageView设置一个帧动画

  /*
     * 创建帧动画四要素
        1、设置间隔时间
        2、准备图片素材
        3、设置重复次数
        4、开始动画
        5、结束动画
     */

    //animationDuration设置动画的时间间隔
    imgView.animationDuration = 1;

    UIImage *img1 = [UIImage imageNamed:@“图片名字”];

    UIImage *img2 = [UIImage imageNamed:@"图片名字"];

    NSArray *array = @[img1,img2];

    //给帧动画准备素材
    imgView.animationImages = array;

    //给动画设置重复次数
    imgView.animationRepeatCount = 0;

    //开始动画
    [imgView startAnimating];

    //结束动画
    [imgView stopAnimating];

  PS：UIImageView与UIImage的区别，UIImageView他就好比是一块专门放图片的位置，UIImage对象就是你要放置的图片。

补充

#import "AppDelegate.h"

/*
 * 宏定义格式：

     #define k常量名 @""

 * 作用：宏定义就是用内容替换变量名,不仅可以替换字符串还可以替换一句代码

 * 命名规则：k+驼峰命名法，例如：kCotent

 */
//
//
#define kContent @"我改过的内容"
#define kLabelX label.frame.origin.x
#define kScreenWidth [UIScreen mainScreen].bounds.size.height

@interface AppDelegate ()

@end

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

#pragma mark 补充
    /*

     * 延迟方法performselector

     * CGRectGetHeight(<#CGRect rect#>)

     * [UIScreen mainScreen].bounds.origin

     * 宏定义

     * 宏定义的使用技巧

    */

    [self.window makeKeyAndVisible];

    //延迟多少秒后执行相应的方法，用selector选择的方法一定要实现，否则会崩溃。
    [self performSelector:@selector(start) withObject:nil afterDelay:5];

    UILabel *label = [[UILabel alloc]init];

    label.frame = CGRectMake(10, 20, 120, 49);

    label.backgroundColor = [UIColor redColor];

    label.text = kContent;  //此时用到宏定义，试着按住command的同时点击kScreenWidth

    [self.window addSubview:label];
//    获取到label的x值方式
//    //第一种方式
//    NSLog(@"label的x=%f",kLabelX);
//    //第二种方式(这种方式还能获取到空间的最右边中间的x值，试着用看UILabel是继承哪个类的方式来查看怎么获取到label高，宽)
//    NSLog(@"label的x=%f",CGRectGetMinX(label.frame));

    //UIScreen指的就是屏幕，能帮组我们获取到各种屏幕的宽和高,再次我用宏定义来获取
    NSLog(@"屏幕的高=%f",kScreenWidth);

    return YES;
}

- (void)start{

}