ios开发-UI控件的概览了解

<记录点滴笔记>

UI控件的概览和基础控件的了解

可能用得上的UI控件一览表

UI控件	名称	功能
UIButton	按钮	按钮的作用是:坚挺用户的点击时间,在用户点击后做出响应
UILabel	文本标签	文本标签的作用是显示一串固定的文字
UITextField	文本输入框	例如输入用户名或者是密码的部分,键入内容的区域
UIImageView	图片的显示	用于显示图片,添加图片的
UIScrollview	滚动的控件	如果内容比较多,超出了一个屏幕,就可以用它来显示
UITableView	表格	如果每一行显示的内容格式差不多,就用这个表格控件
UICollectionView	九宫格	如果显示的东西是一块一块的,一格一格的,而且每个格子张的差不多,就用这个控件
UIWebView	网页显示控件	一般用来显示网页,使用它,就可以在手机上浏览网页
UIAlertView	对话框(中间弹框)	从中间弹出一个框提示用户下一步该做
UINavigation	导航条	显示在顶部的条
UIPageControl	分页控件	能显示当前的页码
UITextView	能滚动的文字显示控件	如果文字内容比较多,需要黄航显示,并且需要编辑
UISwitch	开关	yes or no,开与关
UIActionSheet	底部弹框	从底部弹出一个框提示用户下一步该做什么
UIDataPicker	日期选择	选择日期
UIProgressView	进度条	水平进度条,比如显示文件的下载进度,程序的启动进度
UISlider	滑块	在2个数值之间滑动选择,比如调节音量大小
UIActivityIndicator	圈圈	一直在转圈圈,表示让用户等待
UISegementControl	选项卡	在固定的几个选项之间进项选择
UIToolbar	工具条	一般显示在底部或者是键盘的顶部,里面有几个小按钮

---

UILabe的常见属性

显示的文字:

    @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的常见的属性

显示图片

    @property (nonatomic,retain) UIImage *image;

---

显示动画图片

    @property (nonatomic,copy) NSArray *animationImage;

---

动画图片的持续时间

    @propert (nonatomic) NSTimeInterval animationDuration;

---

动画的播放次数(默认是0,代表是无限循环播放)

    @property (nonatomic) NSInteger 
    
    animationRepeatCount;

UIImageView的常见方法:
- (void)startAnimating; //开始动画

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

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

UIImage

一个UIImage对象代表一张图片,一般通过imageName:方法就可以通过文件名来加载项目中的图片:

UIImage *image = [UIImage imageName:@"文件名"];

UIButton

按钮的功能比较多,既能显示文字,又能显示图片,还能随时的调用内部的图片

UIButton的状态,及其反应如下表:

状态名	操作	对应的枚举常量
normal(普通的状态)	默认情况	UIControlStateNormal
highlighted(高亮状态)	按钮被按下去的时候(手指还未松开)	UIControlStateHighlighted
disabled(失效状态,不可用状态)	enabled属性是NO,就是处于disable状态,不可点击	UIControlStateDisable

设置按钮在不同的状态下的背景图片,为了保证高亮状态下的图片征程的显示,必须设置按钮的type为custom

同时,UIButton,自带了很多不同的样式,在用代码创建的时候可以指定按钮的样式^[1]

UIButton的常见设置

设置按钮的文字

    - (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;

UIButton , UIImageView , UILabel的选择

UIButton	UIImageView	UILabel
显示文字,图片,直接通过addTarget..方法监听	显示图片	显示文字

在storyboard中,可以通过右边的面板上的各个设置来进行控件的部分的属性设置

---

1. 正如我们看到手机软件上那些箭头按钮,加号按钮一样 ↩