UI控件

一、简单说明：

1.屏幕上的所有UI元素都叫做控件，也有人叫做视图、组件。按钮（UIButton）、文本（UILabel）都是控件，都具有尺寸、位置、背景色共同属性

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

3.每一个控制器（UIViewController）内部都有个默认的UIView属性
@property(nonatomic,retain) UIView *view;
控制器中管理的其他所有控件都是这个view的子控件（直接或者间接）

 

二、控件的属性：

1.UIView

常见属性：

//获得自己的父控件对象
@property(nonatomic,readonly) UIView *superview;

//获得自己的所有子控件对象
@property(nonatomic,readonly,copy) NSArray *subviews;

//控件的ID(标识)，父控件可以通过tag来找到对应的子控件
@property(nonatomic) NSInteger tag;

//控件的形变属性(可以设置旋转角度、比例缩放、平移等属性)
@property(nonatomic) CGAffineTransform transform;

//添加一个子控件view
- (void)addSubview:(UIView *)view;

//从父控件中移除
- (void)removeFromSuperview;

//根据一个tag标识找出对应的控件（一般都是子控件）
- (UIView *)viewWithTag:(NSInteger)tag;

//控件矩形框在父控件中的位置和尺寸(以父控件的左上角为坐标原点)
@property(nonatomic) CGRect frame;

//控件矩形框的位置和尺寸(以自己左上角为坐标原点，所以bounds的x、y一般为0)
@property(nonatomic) CGRect bounds;

//控件中点的位置(以父控件的左上角为坐标原点)
@property(nonatomic) CGPoint center;

2.UILabel

作用：UILabel极其常用，功能比较专一：显示文字

常见属性：

// 显示的文字
@property(nonatomic,copy)   NSString           *text;

// 字体
@property(nonatomic,retain) UIFont             *font;

// 文字颜色
@property(nonatomic,retain) UIColor            *textColor;

// 对齐模式（比如左对齐、居中对齐、右对齐）
@property(nonatomic)        NSTextAlignment    textAlignment;

// 文字行数
@property(nonatomic) NSInteger numberOfLines;

// 换行模式
@property(nonatomic)        NSLineBreakMode    lineBreakMode;

// UIFont代表字体，常见创建方法有以下几个：
+ (UIFont *)systemFontOfSize:(CGFloat)fontSize;   // 系统默认字体
+ (UIFont *)boldSystemFontOfSize:(CGFloat)fontSize; // 粗体
+ (UIFont *)italicSystemFontOfSize:(CGFloat)fontSize; // 斜体

3.UIImageView

作用：UIImageView极其常用，功能比较专一：显示图片

常见属性：

// 显示的图片
@property(nonatomic,retain) UIImage *image;

// 显示的动画图片
@property(nonatomic,copy) NSArray *animationImages;

// 动画图片的持续时间
@property(nonatomic) NSTimeInterval animationDuration;

// 动画的播放次数（默认是0，代表无限播放
@property(nonatomic) NSInteger animationRepeatCount;

- (void)startAnimating; // 开始动画
- (void)stopAnimating; // 停止动画
- (BOOL)isAnimating; // 是否正在执行动画

 

mode属性：图片在UIImageView中如何显示：

UIViewContentMode：
但凡取值中包含Scale单词的, 都会对图片进行拉伸(缩放)。 但凡取值中没有出现Scale单词的, 都不会对图片进行拉伸

UIViewContentModeScaleToFill,
会按照UIImageView的宽高比来拉伸图片
直到让整个图片都填充UIImageView为止
因为是按照UIImageView的宽高比来拉伸, 所以图片会变形
但凡取值中包含Aspect单词的, 都会按照图片的宽高比来拉伸 。 因为是按照图片的宽高比来拉伸, 所以图片不会变形

UIViewContentModeScaleAspectFit,

会按照图片的宽高比来拉伸
要求整张图片都必须在UIImageView的范围内
并且宽度和高度其中一个必须和UIImageView一样
居中显示
UIViewContentModeScaleAspectFill,

会按照图片的宽高比来拉伸
要求整张图片必须填充UIImageView
并且图片的宽度或者高度其中一个必须和UIImageView一样

 

4.UIButton

一般情况下，点击某个控件后，会做出相应反应的都是按钮
作用：按钮的功能比较多，既能显示文字，又能显示图片，还能随时调整内部图片和文字的位置

3种状态：

normal（普通状态）
默认情况（Default）
对应的枚举常量：UIControlStateNormal

highlighted（高亮状态）
按钮被按下去的时候（手指还未松开）
对应的枚举常量：UIControlStateHighlighted

disabled（失效状态，不可用状态）
如果enabled属性为NO，就是处于disable状态，代表按钮不可以被点击
对应的枚举常量：UIControlStateDisabled

常见属性：

// 设置按钮的文字
- (void)setTitle:(NSString *)title forState:(UIControlState)state;

// 设置按钮的文字颜色
- (void)setTitleColor:(UIColor *)color forState:(UIControlState)state;

// 设置按钮内部的小图片
- (void)setImage:(UIImage *)image forState:(UIControlState)state;

// 设置按钮的背景图片
- (void)setBackgroundImage:(UIImage *)image forState:(UIControlState)state;

// 设置按钮的文字字体（需要拿到按钮内部的label来设置）
btn.titleLabel.font = [UIFont systemFontOfSize:13];

// 获得按钮的文字
- (NSString *)titleForState:(UIControlState)state;

// 获得按钮的文字颜色
- (UIColor *)titleColorForState:(UIControlState)state;

// 获得按钮内部的小图片
- (UIImage *)imageForState:(UIControlState)state;

// 获得按钮的背景图片
- (UIImage *)backgroundImageForState:(UIControlState)state;