UI 一一 常用控件-UILabel,UIImageView

UI常用控件:

• UIButton 按钮
• UILabel 文本标签
• UITextField文本输入框
• UIImageView 图片显示
• UIScrollView  滚动的控件
• UITableView  表格
• UICollectionView 九宫格
• UIWebView 网页显示控件
• UIAlertView  对话框（中间弹框）
• UINavigationBar导航条

• UIPageControl  分页控件
• UITextView  能滚动的文字显示控件
• UIActivityIndicator 圈圈
• UISwitch 开关
• UIActionSheet 底部弹框
• UIDatePicker 日期选择器
• UIToolbar  工具条
• UIProgressView进度条
• UISlider滑块
• UISegmentControl 选项卡
• UIPickerView 选择器

注意: 红色表明最常用，蓝色代表一般，黑色代表几乎不用

UILabel

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代表字体，常见创建方法有以下几个：

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

UIImageView

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

UIImageView的常见属性

@property(nonatomic,retain)UIImage *image; 

• ➢显示的图片

@property(nonatomic,copy)NSArray *animationImages; 

• ➢显示的动画图片

@property(nonatomic)NSTimeInterval animationDuration; 

• ➢动画图片的持续时间

@property(nonatomic)NSInteger      animationRepeatCount; 

• ➢动画的播放次数（默认是0，代表无限播放）

@property(nonatomic)UIViewContentMode contentMode;  

设置图片的模式

有以下模式:

     UIViewContentModeRedraw, // 重新绘制 (核心绘图) drawRact

     

     //带有Scale,标明图片有可能被拉伸或压缩

     UIViewContentModeScaleToFill, // 完全的压缩或拉伸

     

     // Aspect 比例,缩放是带有比例的

     UIViewContentModeScaleAspectFit, //宽高比不变 Fit适应(显示整张图片)

     UIViewContentModeScaleAspectFill, //宽高比不变 Fill填充(显示部分图片,填充image大小)

     

     //不带有Scale,标明图片不可能被拉伸或压缩

     UIViewContentModeCenter,

     UIViewContentModeTop,

     UIViewContentModeBottom,

     UIViewContentModeLeft,

     UIViewContentModeRight,

     UIViewContentModeTopLeft,

     UIViewContentModeTopRight,

     UIViewContentModeBottomLeft,

     UIViewContentModeBottomRight,

UIImageView的常见方法

- (void)startAnimating; //开始动画

- (void)stopAnimating; //停止动画

- (BOOL)isAnimating; //是否正在执行动画

UIImageView设置frame的四种方法

    // 设置frame的方式

    // 方式一

      UIImageView *imageView = [[UIImageViewalloc] init];

      imageView.image = [UIImageimageNamed:@"1"];

     

//    imageView.frame = CGRectMake(100, 100, 267, 400);

//    imageView.frame = (CGRect){{100, 100},{267, 400}};

    

    

    // 方式二

    UIImageView *imageView = [[UIImageView alloc] init];

    // 创建一个UIImage对象

    UIImage *image = [UIImageimageNamed:@"1"];

    // 设置frame

    imageView.frame =CGRectMake(100,10, image.size.width, image.size.height);

    // 设置图片

    imageView.image = image;

    

    

    // 方式三

    // 创建一个UIImage对象

    UIImage *image = [UIImage imageNamed:@"1"];

    UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(100,10, image.size.width, image.size.height)];

    imageView.image = image;

    

    

    // 方式四

    // 创建一个UIimageview对象

    // 注意: initWithImage默认就有尺寸--->图片的尺寸

    UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"1"]];

    

    // 改变位置

//    imageView.center = CGPointMake(200, 150);

    

    imageView.center =CGPointMake(self.view.frame.size.width * 0.5, self.view.frame.size.height * 0.5);

    

    [self.viewaddSubview:imageView];