UILabel、UIImageView、UIButton的使用

UILabel

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

1.常见属性:

@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;
//换行模式

2.UIFont类代表字体，常见创建方法有以下几个

+(UIFont *)systemFontOfSize:(CGFloat)fontSize;   //系统默认字体
+(UIFont *)boldSystemFontOfSize:(CGFloat)fontSize;  //粗体
+(UIFont *)italicSystemFontOfSize:(CGFloat)fontSize; // 斜体

UIImageView

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

1.常见属性

@property(nonatomic,retain) UIImage *image;
//显示的图片
@property(nonatomic,copy) NSArray *animationImages;
//显示的动画图片
@property(nonatomic) NSTimeInterval animationDuration;
//动画图片的持续时间
@property(nonatomic) NSInteger animationRepeatCount;
//动画的播放次数（默认是0，代表无限播放）

2.常见方法（与动画相关）

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

3.UIImage:1个UIImage对象代表一张图片，一般通过imageNamed:方法就可以通过文件名加载项目中的图片

UIImage *image = [UIImage imageNamed:@“name”];

UIButton

俗称“按钮”，非常重要的一个UI控件，一般情况下，点击某个控件后，会做出相应反应的都是按钮

按钮的功能比较多，既能显示文字，又能显示图片，还能随时调整内部图片和文字的位置

1.按钮的状态



2.设置按钮在不同状态下的背景图片（为了保证高亮状态下的图片正常显示，必须设置按钮的type为custom）





3.按钮的样式：实际上，UIButton自带了很多种不同的样式，可以在用代码创建按钮的同时指定按钮样式

UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
//其它样式
UIButtonTypeCustom：
UIButtonTypeDetailDisclosure：
UIButtonTypeInfoLight：
UIButtonTypeInfoDark：
UIButtonTypeContactAdd：

4.常见设置

btn.titleLabel.font = [UIFont systemFontOfSize:13];
//设置按钮的文字字体（需要拿到按钮内部的label来设置）
-(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;
//设置按钮的背景图片
-(NSString *)titleForState:(UIControlState)state;
//获得按钮的文字
-(UIColor *)titleColorForState:(UIControlState)state;
//获得按钮的文字颜色
-(UIImage *)imageForState:(UIControlState)state;
//获得按钮内部的小图片
-(UIImage *)backgroundImageForState:(UIControlState)state;
//获得按钮的背景图片

UIButton、UIImageView、UILabel的选择

选择

Storyboard到代码的转换

Storyboard设置示例



相当于在代码设置

// 创建一个自定义的按钮
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
// 默认状态的背景
[btn setBackgroundImage:[UIImage imageNamed:@"btn_01"] forState:UIControlStateNormal];
// 默认状态的文字
[btn setTitle:@"点我啊" forState:UIControlStateNormal];
// 默认状态的文字颜色
[btn setTitleColor:[UIColor redColor] forState:UIControlStateNormal];